@font-face {
  font-family: Inter;
  src: url('../images/') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark-slate-grey: #263239;
  --slate-blue: #5b5fd8;
  --linen: #f2eae0;
  --white: white;
  --orange: #fdb12e;
  --medium-turquoise: #6ebcb7;
  --black: black;
  --lime-green: #5dda66;
  --light-grey: #edeff1;
  --dark-purple: #180e24;
  --dark-grey: #93969e;
  --dodger-blue: #3d8ef4;
  --red: #ff3030;
  --lavender: #d4d5ff;
  --white-smoke: #f9f9f9;
  --relume-library-lite-rl-white: white;
  --relume-library-lite-rl-black: black;
  --design-plan: #74ff7d;
  --growth-plan: #1e25ff;
  --production-plan: #ff1ee8;
  --v02-black: #090909;
  --steel-blue: #5284ce;
  --firebrick: #cc1515;
}

.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-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

body {
  color: var(--dark-slate-grey);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--slate-blue);
  text-decoration: none;
}

form {
  position: relative;
}

label {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  display: block;
}

.utility-page-wrap {
  background-color: var(--dark-slate-grey);
  background-image: linear-gradient(to bottom, var(--dark-slate-grey), #192227);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 300px;
  display: flex;
}

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

.top-navbar {
  z-index: 100;
  background-color: #0000;
}

.nav-wrap {
  z-index: 100;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #0000004d;
  background-image: linear-gradient(174deg, #000, #0000), linear-gradient(142deg, #000000c2, #0000 49%, #5b5fd838);
  border-bottom: 1px solid #f2eae026;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: none;
  min-height: 70px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-wrap.new {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000;
  background-image: none;
  border-bottom-width: 0;
  align-items: center;
}

.nav-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.body {
  background-color: var(--linen);
  color: var(--dark-slate-grey);
  font-family: Poppins, sans-serif;
}

.nav-logo {
  margin-left: 15px;
  margin-right: 20px;
  padding: 4px;
}

.nav-item {
  color: var(--white);
  font-family: Poppins, sans-serif;
  font-size: 18px;
}

.nav-item:hover {
  color: var(--orange);
}

.nav-item.w--current {
  color: var(--medium-turquoise);
}

.nav-item.special {
  color: var(--white);
  font-weight: 400;
}

.nav-item.special:hover {
  color: var(--orange);
}

.nav-item.dropdown.hide, .nav-item.hidden {
  display: none;
}

.nav-special-wrap {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: relative;
}

.nav-special-new-label {
  background-color: var(--slate-blue);
  border-radius: 2px;
  margin-top: 5px;
  padding: 2px 4px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block {
  color: var(--white);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  line-height: 12px;
}

.nav-cta-button {
  clear: none;
  background-color: var(--slate-blue);
  border-radius: 3px;
  flex: 0 auto;
  margin-left: auto;
  margin-right: 15px;
  display: block;
  position: static;
}

.nav-cta-button:hover {
  background-color: #383ca8;
}

.nav-cta-button.mobile {
  display: none;
}

.menu-button {
  color: #fff;
  margin-left: auto;
}

.secondary-button {
  clear: none;
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--white);
  color: var(--dark-slate-grey);
  letter-spacing: .2px;
  border: 1px solid #26323926;
  border-radius: 5px;
  flex: 0 auto;
  align-items: center;
  padding: 8px 20px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: static;
}

.secondary-button:hover {
  background-color: #c0ccd8;
}

.secondary-button.mobile {
  display: none;
}

.secondary-button.logout {
  background-color: var(--black);
  color: var(--white);
  display: none;
}

.icon {
  color: #fff;
}

.nav-dropdown-item {
  font-size: 14px;
}

.nav-dropdown-item:hover {
  color: var(--slate-blue);
  font-weight: 600;
}

.nav-dropdown-item:focus, .nav-dropdown-item.w--current {
  color: var(--slate-blue);
}

.nav-dropdown-item.accent {
  color: var(--slate-blue);
  font-family: Fraunces, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.nav-dropdown-list {
  background-color: #c7b2b2;
}

.nav-dropdown-list.w--open {
  background-color: #fff;
  border-radius: 5px;
}

.dropdown-toggle {
  color: #fff;
}

.dropdown-toggle:hover {
  color: var(--orange);
}

.top-section {
  background-color: var(--black);
  background-image: linear-gradient(347deg, #14142b, var(--black) 66%);
  border-top: 1px solid #f2eae026;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  min-height: 100vh;
  padding-top: 65px;
  display: flex;
  position: relative;
}

.top-section.auth {
  padding-top: 15px;
}

.header-spaced-grid {
  background-image: radial-gradient(circle at 100% 0, #ecfff6, #fff);
  border-radius: 15px;
  flex-wrap: nowrap;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  justify-items: stretch;
  max-width: 1600px;
  display: flex;
  box-shadow: 6px 6px 9px 3px #00000021;
}

.header-spaced-grid.home-header {
  z-index: 5;
  box-shadow: none;
  background-color: #0000;
  background-image: none;
  flex-direction: column;
  grid-template-columns: 1fr;
  align-content: stretch;
  place-items: center;
  max-width: 1600px;
  position: relative;
}

.magic-accent {
  color: var(--slate-blue);
  font-family: Fraunces, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.magic-accent.gold {
  color: var(--orange);
}

.button {
  background-color: var(--slate-blue);
  text-align: center;
  border-radius: 3px;
  flex: 0 auto;
  padding: 12px 24px;
  font-size: 14px;
  transition: background-color .2s ease-out;
}

.button:hover {
  background-color: #383ca8;
}

.button.magic-cta {
  background-color: var(--orange);
  color: var(--dark-slate-grey);
  margin-top: 30px;
  padding: 15px 30px;
  font-size: 18px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: inset 1px 1px #ffffff80;
}

.page-heading-wrap {
  flex-flow: column wrap;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 50%;
  padding: 100px 30px 30px;
  display: flex;
}

.container {
  z-index: 10;
  flex: 1;
  max-width: 1200px;
  position: relative;
}

.container.footer-top-wrap {
  align-items: center;
  padding-top: 50px;
  padding-bottom: 20px;
  display: flex;
}

.centred-heading {
  color: var(--slate-blue);
  text-align: center;
  align-self: center;
  margin-bottom: 30px;
  font-family: Fraunces, sans-serif;
  font-size: 56px;
  line-height: 60px;
}

.centred-heading.light {
  color: #fff;
  margin-bottom: 80px;
}

.centred-heading.recent-work {
  padding-top: 100px;
}

.highlighted {
  color: var(--slate-blue);
  font-weight: 700;
}

.magic-cta-sticky-wrap {
  perspective: 2000px;
  background-image: linear-gradient(#5b5fd8bf, #272965bf), url('../images/UnlokLogomark_Rough.svg'), radial-gradient(circle at 0 0, #5b5fd8, #272965);
  background-position: 0 0, 45% 67%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, 3500px, auto;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

.magic-cta-orb {
  background-image: radial-gradient(circle at 0 0, #263239, #0b1114);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  display: flex;
}

.magic-cta-heading {
  color: #fff;
  text-align: center;
  font-family: Fraunces, sans-serif;
  font-size: 75px;
  line-height: 90px;
  position: relative;
}

.magic-cta-heading.magic-accent {
  color: var(--slate-blue);
}

.magic-cta-reveal {
  background-image: linear-gradient(to bottom, var(--linen), var(--slate-blue) 81%, transparent);
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.footer-section {
  z-index: 10;
  background-color: #000;
  position: relative;
}

.div-block-4 {
  padding: 15px 30px;
}

.footer-heading {
  color: #fff;
}

.div-block-5 {
  flex: 1;
}

.footer-column {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  display: flex;
}

.footer-columns-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 60px;
  display: grid;
}

.footer-top {
  padding-left: 30px;
  padding-right: 30px;
}

.footer-bottom {
  border-top: 1px solid var(--orange);
  padding: 20px 30px;
}

.footer-bottom-layout {
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  display: flex;
}

.footer-copyright {
  color: var(--orange);
}

.footer-legal-link {
  color: var(--orange);
  padding-left: 15px;
  padding-right: 15px;
}

.magic-cta-section {
  z-index: 1;
  height: 200vh;
  position: relative;
}

.magic-cta-button-gradient {
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--orange), #7e5715);
  border-radius: 2px;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 0 0 1px #ffffff40;
}

.magic-cta-text {
  z-index: 2;
  position: relative;
}

.magic-cta-sheen {
  z-index: 1;
  background-image: linear-gradient(106deg, #fff0 21%, #ffda9b 40%, #fff0 71%);
  position: absolute;
  inset: 0%;
}

.magic-star {
  transition: width .2s, height .2s;
  position: absolute;
  inset: 0%;
}

.magic-star._1 {
  top: 16%;
  left: 28%;
}

.magic-star._2 {
  top: 47%;
  left: 10%;
}

.magic-star._3 {
  top: 45%;
  left: 87%;
}

.magic-star._4 {
  top: 78%;
  left: 67%;
}

.magic-star._5 {
  inset: 79% 16% 1% 25%;
}

.magic-star._6 {
  top: 11%;
  left: 72%;
  right: 19%;
}

.site-toggle-button {
  background-color: var(--white);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 15px;
  display: flex;
  position: relative;
}

.startup-feature-box {
  margin-bottom: 30px;
}

.startup-feature-name {
  background-image: url('../images/check.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 18px;
}

.startup-feature-item {
  justify-content: flex-start;
  align-items: center;
  margin-left: 40px;
  display: flex;
}

.startup-tooltip {
  cursor: pointer;
  background-image: url('../images/help.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  position: relative;
}

.startup-tooltip-box {
  z-index: 10;
  background-color: var(--dark-slate-grey);
  border-radius: 3px;
  min-width: 150px;
  padding: 15px;
  display: block;
  position: absolute;
  top: 29px;
  left: -98px;
  box-shadow: 4px 4px 10px #00000080;
}

.tooltip-peak {
  background-color: var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  border-radius: 3px;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: -6px auto auto 98px;
  transform: rotate(45deg);
}

.tooltip-text {
  font-size: 12px;
  line-height: 14px;
}

.tooltip-text.light {
  color: var(--white);
}

.toggle-element-2 {
  background-color: #26323959;
  border-radius: 20px;
  width: 70px;
  min-width: 70px;
  height: 30px;
  min-height: 30px;
  position: relative;
}

.toggle-handle-wrap {
  z-index: 2;
  width: 30px;
  height: 30px;
  padding: 3px;
  position: relative;
}

.toggle-handle {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.footer-logo {
  display: block;
}

.faq-section {
  padding: 30px 14px;
}

.faq-container {
  z-index: 2;
  flex-direction: column;
  max-width: 1200px;
  min-height: 800px;
  padding-top: 80px;
  display: flex;
  position: relative;
}

.faq-block {
  background-color: #fff;
  background-image: radial-gradient(circle at 0 0, #5b5fd81a, #fff);
  border: 1px solid #5b5fd826;
  border-radius: 30px;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.faq-layout {
  z-index: 3;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 15px;
  display: block;
  position: relative;
}

.faq-item {
  cursor: pointer;
  border: 2px solid #5b5fd826;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 10px 20px 15px;
  overflow: hidden;
}

.faq-text {
  margin-top: 15px;
}

.faq-text.title {
  font-size: 18px;
  font-weight: 600;
}

.action-plans-section {
  padding: 50px 15px;
}

.action-plans-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  display: grid;
}

.plan-panel {
  background-color: #fff;
  background-image: radial-gradient(circle at 100% 0, #ecfff6, #fff);
  border-radius: 15px;
  padding: 30px;
  display: block;
}

.plan-panel.hide {
  display: none;
}

.plan-header {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
}

.plan-features {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 40px;
  font-size: 18px;
  display: grid;
}

.plan-details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.plan-details.highlighted {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.left-heading {
  text-align: left;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fraunces, sans-serif;
  font-size: 56px;
  line-height: 60px;
}

.plan-sub-text {
  color: var(--slate-blue);
  flex: 0 auto;
  width: 500px;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
}

.plan-feature-blurb {
  line-height: 22px;
}

.plan-feature-blurb-icon {
  background-image: url('../images/protection.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 60px;
  min-height: 60px;
}

.plan-feature-blurb-icon.ssl {
  background-image: url('../images/SSL.svg');
}

.plan-feature-blurb-icon.cdn {
  background-image: url('../images/CDN.svg');
}

.plan-feature-blurb-icon.backups {
  background-image: url('../images/Backups.svg');
}

.plan-feature-blurb-icon.tech {
  background-image: url('../images/Tech.svg');
}

.plan-feature-blurb-icon.site {
  background-image: url('../images/Site.svg');
}

.plan-feature-blurb-icon.design {
  background-image: url('../images/Design.svg');
}

.plan-feature-blurb-icon.brand {
  background-image: url('../images/Brand.svg');
}

.plan-feature-blurb-icon.style {
  background-image: url('../images/Style.svg');
}

.plan-feature-blurb-icon.consistency {
  background-image: url('../images/Consistency.svg');
}

.plan-feature-blurb-name {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 35px;
}

.action-plan-price {
  color: var(--slate-blue);
  align-items: flex-end;
  font-family: Fraunces, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  display: flex;
}

.action-plan-post-price-text {
  color: var(--dark-slate-grey);
  padding-left: 5px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.action-plan-starting-price {
  line-height: 36px;
}

.pricing-table-section {
  min-height: 750px;
  padding: 120px 15px 15px;
  transition: height .2s;
  position: relative;
}

.pricing-table-header {
  z-index: 2;
  max-width: 1200px;
  position: relative;
}

.pricing-tabs-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 53px;
  display: block;
  position: relative;
}

.pricing-tab {
  cursor: pointer;
  background-color: #0000;
  border: 2px solid #26323940;
  border-radius: 5px;
  padding: 15px;
  position: relative;
}

.pricing-tab.general {
  border-color: var(--medium-turquoise);
  background-color: #6ebcb759;
  padding: 15px;
}

.pricing-tab-name {
  color: var(--dark-slate-grey);
  margin-bottom: 5px;
  font-size: 36px;
  font-weight: 600;
  line-height: 42px;
}

.pricing-tab-info {
  font-size: 18px;
  line-height: 24px;
}

.pricing-tab-radio-handle {
  background-color: var(--white);
  border-radius: 10px;
  width: 12px;
  height: 12px;
  box-shadow: 0 0 3px 4px #59ece3;
}

.pricing-tab-radio {
  box-shadow: inset 2px 2px 6px 0 var(--dark-slate-grey);
  background-color: #26323980;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-bottom: 5px;
  margin-right: 5px;
  display: flex;
}

.pricing-table {
  max-width: 1200px;
  display: none;
}

.pricing-table.site-plans {
  display: block;
  position: static;
  overflow: visible;
}

.pricing-table.site-plans.hidden {
  display: none;
}

.pricing-table.ecom-plans {
  position: relative;
  overflow: visible;
}

.pricing-table.hide {
  display: none;
}

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

.cell {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.cell.spotlight {
  background-color: #6ebcb759;
  padding-left: 10px;
  position: relative;
}

.title {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 600;
}

.title.highlighted {
  margin-top: 10px;
}

.title.plan {
  color: var(--white);
  text-align: center;
  letter-spacing: 3px;
  text-transform: none;
}

.title.plan.unlimited {
  z-index: 10;
  background-image: radial-gradient(circle farthest-corner at 50% 0%, transparent 45%, #38ffb3), radial-gradient(circle farthest-corner at 0% 100%, #56e9fa 20%, var(--orange) 29%, #ffdca0 38%, #ffa407 53%, #2efdec 71%, #d515ff 81%, #fceb5e 88%);
  color: var(--orange);
  text-shadow: 0 0 20px #fdb12e30;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  height: 300px;
  font-family: Fraunces, sans-serif;
  font-size: 5rem;
  font-weight: 900;
  line-height: 5rem;
  display: flex;
  position: relative;
  transform: rotate(-3deg);
}

.pricing-details-cell {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.pricing-details-cell.spotlight {
  background-color: #6ebcb759;
  padding-left: 10px;
  padding-right: 10px;
}

.pricing-grid {
  box-shadow: inset 0 -1px #26323959;
}

.pricing-grid._4column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  box-shadow: none;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing-grid._4column:hover {
  color: var(--medium-turquoise);
}

.pricing-grid._4column.top {
  z-index: 10;
  background-color: var(--linen);
  color: var(--dark-slate-grey);
  position: sticky;
  top: 71px;
}

.pricing-grid._4column.add-on {
  border-top: 4px solid var(--orange);
  background-image: linear-gradient(270deg, var(--orange), var(--linen));
}

.pricing-grid._4column.future {
  border-top: 4px solid var(--slate-blue);
  background-image: linear-gradient(270deg, #5b5fd8a6, var(--linen));
}

.pricing-grid._5column {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing-grid._5column:hover {
  color: var(--medium-turquoise);
}

.pricing-grid.secondary {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  box-shadow: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.plan-cost {
  color: var(--slate-blue);
  text-align: center;
  align-self: stretch;
  padding-bottom: 5px;
  font-family: Fraunces, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 40px;
}

.plan-cost.enterprise {
  color: var(--white);
  font-size: 24px;
  line-height: 26px;
}

.plan-cost.discount {
  color: var(--lime-green);
}

.pricing-cost-currency {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.plan-details-clarifier {
  color: #ffffff59;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
}

.plan-value-text {
  color: var(--dark-slate-grey);
  font-size: 16px;
  font-weight: 700;
}

.plan-value-text.light {
  color: var(--white);
}

.plan-value {
  color: var(--slate-blue);
  font-family: Fraunces, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
}

.plan-value-clarifier {
  color: #5b5fd8bf;
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
}

.plan-details-text {
  color: var(--dark-slate-grey);
}

.plan-details-text.centred {
  color: var(--light-grey);
  text-align: center;
}

.plan-feature-name {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.plan-feature-name.highlight {
  color: var(--lime-green);
}

.plan-feature-flex {
  justify-content: space-between;
  align-items: flex-start;
  padding-right: 20px;
  display: flex;
}

.yarp {
  border: 1px solid var(--lime-green);
  background-color: #5dda6680;
  background-image: url('../images/tick.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border-radius: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.plan-info-icon {
  opacity: .5;
  cursor: pointer;
  background-image: url('../images/help.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 30px;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  margin-left: 10px;
}

.cell-value {
  color: var(--dark-slate-grey);
  font-size: 13px;
  font-weight: 700;
}

.top-row-title {
  align-items: center;
  display: flex;
}

.plan-discount-mobile {
  justify-content: space-between;
  align-items: center;
  display: none;
}

.spotlight-tag {
  z-index: 10;
  color: #0a6dff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  border: 2px solid #0a6dff;
  border-radius: 0 0 15px 15px;
  margin-top: 19px;
  padding: 8px 15px;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

.row-icon {
  background-image: url('../images/Webflow_Highlighted.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  padding-right: 0;
}

.row-icon.support {
  background-image: url('../images/check.svg');
  background-size: cover;
}

.primary-platform-plans {
  z-index: 10;
  padding-top: 20px;
  position: relative;
  overflow: visible;
}

.info-cell {
  padding-top: 15px;
  position: relative;
  overflow: hidden;
}

.feature-info {
  color: var(--dark-slate-grey);
  font-size: 12px;
  line-height: 16px;
}

.web-design-header-section {
  justify-content: center;
  align-items: center;
  min-height: 60vh;
  padding: 15px 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.web-design-header-section.alt {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}

.wdh-container {
  z-index: 5;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  min-height: 50vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.wdh-title {
  text-align: left;
  flex: 0 auto;
  margin-bottom: 21px;
  font-family: Fraunces, sans-serif;
  font-size: 56px;
  line-height: 60px;
}

.startup-sub-text {
  font-size: 14px;
  line-height: 18px;
}

.wdh-column-2 {
  align-self: center;
  width: 475px;
  min-width: 475px;
  display: flex;
  position: relative;
}

.wdh-column {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  min-width: 50%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.wdh-toggles-box {
  padding-top: 35px;
}

.wdh-toggle-item {
  cursor: pointer;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.wdh-toggle-item.magic {
  display: none;
}

.magic-toggle-header {
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 24px;
}

.magic-toggle-label {
  margin-left: 25px;
  padding-left: 0;
}

.glowing-orb {
  background-color: #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.glowing-orb-2, .glowing-orb-3 {
  background-color: var(--slate-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 5px;
  height: 5px;
  position: absolute;
}

.wdh-background-container {
  max-width: 100%;
  position: absolute;
  inset: 0%;
}

.magical-websites-ix-container {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.wdh-ix-homepage {
  z-index: 1;
  border: 1px solid var(--medium-turquoise);
  background-color: #6ebcb759;
  border-radius: 5px;
  padding: 5px;
  position: relative;
}

.wdh-ix-svg-dull-homepage {
  background-image: url('../images/WDH-Dull.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 130px;
  height: 74px;
}

.wdh-ix-connector-long-wrap {
  z-index: 1;
  justify-content: center;
  height: 170px;
  position: relative;
}

.wdh-ix-content {
  z-index: 4;
  background-color: #26323959;
  border: 1px solid #0000;
  border-radius: 5px;
  padding: 5px;
  position: relative;
  transform: translate(150px);
}

.wdh-ix-svg-dull-content {
  z-index: 1;
  opacity: .75;
  background-image: url('../images/WDH-Dull-Content.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 130px;
  height: 74px;
  position: relative;
}

.wdh-ix-side-connector-path {
  margin-bottom: -5px;
  position: relative;
  left: 75px;
}

.wdh-ix-connector-long {
  z-index: 2;
  background-color: var(--medium-turquoise);
  width: 3px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.wdh-ix-connector-long-overlay {
  z-index: 3;
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--medium-turquoise) 60%, transparent);
  width: 3px;
  height: auto;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.wdh-ix-svg-new-homepage {
  background-image: url('../images/WDH-Design.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 130px;
  height: 74px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
}

.wdh-ix-svg-new-content {
  z-index: 2;
  background-image: url('../images/WDH-Design-Content.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 130px;
  height: 74px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
}

.wdh-ix-connector {
  z-index: 1;
  justify-content: center;
  width: 20px;
  height: 50px;
  position: relative;
}

.wdh-ix-connector-inner {
  z-index: 3;
  background-color: #26323959;
  width: 3px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.wdh-ix-checkout-wrap {
  z-index: 5;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wdh-ix-svg-checkout {
  opacity: .75;
  background-image: url('../images/WDH-Secure-Payment.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 130px;
  height: 92px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.wdh-ix-content-orb {
  z-index: 0;
  background-color: #6ebcb759;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin: auto;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: -13px;
  left: 55px;
}

.wdh-ix-missed-leads {
  background-color: #ff000059;
  border: 1px solid #bc6e6e;
  border-radius: 5px;
  width: 180px;
  height: 40px;
  padding: 10px;
  display: block;
  position: absolute;
  inset: 95px 0% auto -20px;
}

.wdh-ix-missed-leads-text {
  margin-right: 10px;
}

.flex-left {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.wdh-ix-missed-leads-counter {
  font-weight: 700;
}

.wdh-ix-visitor-path {
  z-index: 0;
  width: 200px;
  margin: -46px auto 60px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.wdh-ix-visitor {
  z-index: 0;
  background-image: url('../images/user.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  box-shadow: 3px 20px 16px #00000059;
}

.wdh-ix-visitor._1 {
  left: 46px;
}

.wdh-ix-visitor._2 {
  left: 64px;
}

.wdh-ix-visitor._3 {
  left: 133px;
}

.wdh-ix-visitor._4 {
  left: 113px;
}

.wdh-ix-visitor._5 {
  left: 117px;
}

.wdh-ix-visitor._6 {
  left: 104px;
}

.wdh-ix-visitor._7 {
  left: 72px;
}

.wdh-ix-visitor._8 {
  left: 48px;
}

.wdh-ix-visitor._9 {
  left: 113px;
}

.wdh-ix-visitor._10 {
  left: 46px;
}

.wdh-ix-visitor._11 {
  left: 137px;
}

.wdh-ix-visitor._12 {
  left: 107px;
}

.wdh-ix-revenue-box {
  z-index: 6;
  border: 1px solid var(--medium-turquoise);
  background-color: #263239;
  border-radius: 5px;
  width: 140px;
  height: 50px;
  padding: 10px;
  position: absolute;
  right: 15px;
  overflow: hidden;
  box-shadow: 6px 6px 10px #00000040;
}

.wdh-ix-revenue-value {
  color: #20dd33;
  text-align: left;
  font-weight: 600;
  line-height: 16px;
}

.wdh-ix-revenue-text {
  color: var(--white);
  font-size: 12px;
  line-height: 14px;
}

.wdh-ix-checkout {
  z-index: 1;
  background-color: #26323959;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 142px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  position: relative;
  overflow: hidden;
}

.wdh-ix-leads-box {
  z-index: 2;
  border: 1px solid var(--medium-turquoise);
  background-color: #263239;
  border-radius: 5px;
  width: 140px;
  height: 50px;
  padding: 10px;
  position: absolute;
  top: 20px;
  left: 150px;
  overflow: hidden;
  box-shadow: 6px 6px 10px #00000040;
}

.wdh-cta {
  justify-content: flex-start;
  align-items: center;
  margin-top: 45px;
  display: flex;
}

.locked-image {
  align-self: auto;
  margin-bottom: 15px;
}

.locked-pass-input {
  border: 1px solid var(--slate-blue);
  background-color: var(--dark-slate-grey);
  color: var(--white);
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.support-frequency {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.support-how-it-works-section {
  padding: 90px 30px 0;
}

.hiw-3-step-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: 30px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  margin-top: 30px;
  padding: 30px;
  display: grid;
}

.hiw-item {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  display: flex;
}

.hiw-icon {
  mix-blend-mode: darken;
  background-image: url('../images/objects.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  margin-bottom: 15px;
}

.hiw-icon.review {
  background-image: url('../images/strategy.svg');
}

.hiw-icon.approve {
  background-image: url('../images/dart-board.svg');
}

.hiw-icon.money {
  mix-blend-mode: darken;
  background-image: url('../images/money.svg');
}

.bg-orb {
  background-color: var(--medium-turquoise);
  filter: blur(200px);
  border-radius: 50%;
  width: 500px;
  height: 500px;
  position: absolute;
  inset: auto -6% -25% auto;
}

.bg-orb._2 {
  z-index: 1;
  background-color: var(--medium-turquoise);
  filter: blur(300px);
  width: 800px;
  height: 800px;
  inset: -51% auto auto -22%;
}

.bg-orb._3 {
  z-index: 3;
  background-color: var(--white);
  filter: blur(300px);
  width: 800px;
  height: 800px;
  inset: 41% auto auto -15%;
}

.visitor-portal {
  perspective: 2000px;
  background-color: #0000;
  border-radius: 60%;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 15px;
  margin-top: -51px;
  display: flex;
  position: absolute;
}

.visitor-portal.bottom {
  margin: 0 auto 55px;
  inset: auto 0% 0%;
  transform: rotate(180deg);
}

.visitor-portal-interior {
  z-index: 6;
  background-color: var(--slate-blue);
  opacity: 1;
  filter: blur(2px);
  border-radius: 50%;
  width: 120px;
  height: 10px;
  position: absolute;
}

.portal-effect {
  z-index: 2;
  transform-style: preserve-3d;
  background-image: url('../images/VisitorPortalEffect_grn.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 180px 180px;
  width: 200px;
  height: 200px;
  position: absolute;
  transform: rotateX(80deg)rotateY(0)rotateZ(0);
}

.portal-fill {
  z-index: 1;
  background-color: var(--slate-blue);
  filter: blur(4px);
  border-radius: 70%;
  width: 140px;
  height: 20px;
  position: relative;
}

.portfolio-wall-section {
  z-index: 10;
  background-color: var(--black);
  perspective: 2000px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 1000px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: none;
}

.portfolio-wall-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: start;
  display: grid;
  position: relative;
  inset: 0%;
}

.portfolio-wall-item {
  background-color: var(--slate-blue);
  background-image: url('../images/Munch_1.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 5px;
  width: 768px;
  height: 432px;
}

.portfolio-wall-item._2 {
  background-image: url('../images/Rival_Podcast.jpg');
}

.portfolio-wall-item._3 {
  background-image: url('../images/FyreflyStylescape_1.jpg');
}

.portfolio-wall-item._4 {
  background-image: url('../images/Nandos_Posters.jpg');
}

.portfolio-wall-item._5 {
  background-image: url('../images/FyreflyMedia_1.jpg');
}

.portfolio-wall-item._6 {
  background-image: url('../images/Nutretix_1.jpg');
}

.portfolio-wall-item._7 {
  background-image: url('../images/GrazingRoom_2.jpg');
}

.portfolio-wall-item._8 {
  background-color: #1a1a1a;
  background-image: url('../images/Rival_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.portfolio-wall-item._9 {
  background-image: url('../images/60212f150ec8cfdfb2a69548_NandosFeatured.jpg');
}

.portfolio-wall-item._11 {
  background-image: url('../images/Rival_badges.jpg');
}

.portfolio-wall-item._12 {
  background-image: url('../images/Rival_RecipeHub.jpg');
}

.portfolio-wall-item._13 {
  background-image: url('../images/GrazingRoom_1.jpg');
}

.portfolio-wall-item._14 {
  background-image: url('../images/FyreflyStylescape_2.jpg');
}

.portfolio-wall-item._15 {
  background-image: url('../images/MunchWebsite_1.jpg');
}

.portfolio-wall-item._10 {
  background-image: url('../images/JustTraffic_1.jpg');
}

.wall-shadow {
  z-index: 2;
  background-image: linear-gradient(#000, #0000);
  width: 100%;
  height: 500px;
  position: absolute;
  inset: 0% 0% auto;
}

.wall-shadow.bottom {
  background-image: linear-gradient(#0000, #000);
  inset: auto 0% 0%;
}

.web-design-section {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.site-features-block {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-bottom: 60px;
  display: grid;
}

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

.site-feature-icon {
  background-image: url('../images/website-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  align-self: auto;
  width: 120px;
  height: 120px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.site-feature-icon.cms {
  background-image: url('../images/graphic-design-1.svg');
}

.site-feature-icon.content {
  background-image: url('../images/diagram-1.svg');
}

.web-facts {
  font-size: 18px;
  line-height: 24px;
}

.web-facts.medium {
  color: var(--white);
  font-weight: 400;
}

.unlok-method-box {
  z-index: 3;
  color: var(--slate-blue);
  margin-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  position: static;
}

.unlok-method-section {
  perspective: 2000px;
  transform: ;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.webflow-plans-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.method-heading {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  font-family: Poppins, sans-serif;
  display: flex;
  position: relative;
}

.cdh-title {
  color: var(--white);
  text-align: left;
  align-self: center;
  width: 700px;
  min-width: 700px;
  margin-bottom: 15px;
  margin-right: auto;
  font-family: Fraunces, sans-serif;
  font-size: 56px;
  line-height: 60px;
}

.cdh-title.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.cdh-subtitle {
  margin-bottom: 10px;
  font-family: Fraunces, sans-serif;
  font-size: 36px;
  line-height: 36px;
}

.cdh-column.feature {
  padding: 30px;
  position: relative;
}

.cdh-icon {
  background-image: url('../images/website.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

.cdh-icon.software {
  background-image: url('../images/maintenance-1.svg');
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
}

.cdh-icon.commitment {
  background-image: url('../images/invoice-1.svg');
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
}

.cdh-icon.meetings {
  background-image: url('../images/video-conference-1.svg');
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
}

.cdh-icon.satisfaction {
  mix-blend-mode: normal;
  background-image: url('../images/love-1.svg');
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
}

.cdh-feature {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 800;
  line-height: 35px;
}

.cdh-info {
  margin-bottom: 16px;
}

.cdh-info.light {
  color: var(--light-grey);
}

.home-background-wrapper {
  z-index: 0;
  background-color: var(--dark-purple);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.home-background-wrapper.pricing {
  inset: 0%;
}

.home-gradient-ball {
  z-index: 10;
  filter: blur();
  background-image: url('../images/Glow-Orb-8.svg');
  background-size: cover;
  width: 1000px;
  height: 1000px;
  display: block;
  position: absolute;
  inset: -500px auto auto -500px;
}

.home-clients-section {
  z-index: 10;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.home-workedwith-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-around;
  align-items: center;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.home-client {
  background-image: url('../images/Netflix-logo-RGB_SVG.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 160px;
  height: 160px;
}

.home-client._2 {
  background-image: url('../images/Disney_wordmark.svg.png');
}

.home-client._3 {
  background-image: url('../images/Apple-TV-logo.png');
}

.home-client._4 {
  background-image: url('../images/1200px-2020_Summer_Olympics_logo_new.svg.png');
}

.home-client._6 {
  background-image: url('../images/John_Lewis__Partners_logo.svg.png');
}

.home-client._5 {
  background-image: url('../images/IKEA-Logo.png');
}

.home-client._7 {
  background-image: url('../images/Ford_logo_flat.svg.png');
}

.home-client._8 {
  background-image: url('../images/Coca-Cola_logo.svg.png');
}

.pricing-block {
  background-color: #ffffff73;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 8px;
}

.pricing-block.webflow {
  border-left: 5px solid var(--orange);
}

.pricing-block.default {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.add-on-blip {
  background-color: var(--orange);
  color: var(--black);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 60px;
  margin-right: 5px;
  padding: 4px 6px;
  font-size: 10px;
  line-height: 10px;
  display: flex;
}

.add-on-blip.future {
  background-color: var(--slate-blue);
  color: var(--linen);
}

.add-on-blip.centred {
  text-align: center;
}

.sub-step {
  font-size: 16px;
  font-weight: 400;
}

.landing-header {
  flex-direction: column;
  place-content: stretch center;
  display: flex;
}

.centred-paragraph-light {
  color: var(--white);
  text-align: center;
}

.webflow-plan-top-bar {
  background-color: var(--dark-slate-grey);
  background-image: linear-gradient(to top, #5b5fd840, #24265c80 19%, #00000040);
  border-radius: 15px;
  width: 100%;
  padding: 30px 15px 0;
  position: relative;
}

.webflow-dev-price-box {
  background-color: #00000026;
  background-image: radial-gradient(circle at 50% 100%, #00000063, #0000);
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  padding: 15px 25px;
  display: flex;
}

.signup-button-a {
  background-color: var(--lime-green);
  color: var(--black);
  border-radius: 5px;
}

.signup-button-a.webflow {
  background-color: var(--orange);
}

.reinvented-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.2fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  margin-bottom: 60px;
  display: grid;
}

.centred-text {
  color: var(--white);
  text-align: center;
  font-size: 18px;
}

.on-demand-features {
  z-index: 10;
  max-width: 1200px;
  padding-bottom: 30px;
  position: relative;
}

.faq-dropdown {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dropdownicon {
  color: #160042;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 15px;
  display: flex;
}

.faq-paragraph {
  margin-top: 15px;
  overflow: hidden;
}

.gap-filler {
  flex: 1;
}

.title-subtext {
  text-align: center;
  letter-spacing: .2px;
  width: 650px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
}

.recent-work-section {
  background-color: var(--linen);
  padding-top: 0;
  padding-bottom: 60px;
}

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

.recent-work-item {
  border-radius: 5px;
  overflow: hidden;
}

.image-4 {
  width: 100%;
  display: inline-block;
}

.software-block {
  padding-top: 60px;
}

.sub-title {
  text-align: center;
  letter-spacing: 1px;
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  font-family: Fraunces, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 800;
  line-height: 24px;
}

.software-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  margin: 30px auto 15px;
  display: flex;
}

.software-icon {
  background-image: url('../images/Maya_Icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 42px;
}

.software-icon.airtable {
  background-image: url('../images/Airtable_Icon.svg');
}

.software-icon.memberstack {
  background-image: url('../images/Memberstack_Icon.svg');
}

.software-icon.outseta {
  background-image: url('../images/Outseta_Icon.svg');
}

.software-icon.zapier {
  background-image: url('../images/Zapier_Icon.svg');
}

.software-icon.webflow {
  background-image: url('../images/Webflow_Icon.svg');
}

.software-icon.figma {
  background-image: url('../images/Figma_Icon.svg');
}

.software-icon.xd {
  background-image: url('../images/AdobeXD_Icon.svg');
}

.software-icon.ae {
  background-image: url('../images/AfterEffects_Icon.svg');
}

.software-icon.indesign {
  background-image: url('../images/Indesign_Icon.svg');
}

.software-icon.photoshop {
  background-image: url('../images/Photoshop_Icon.svg');
}

.software-icon.illustrator {
  background-image: url('../images/Illustrator_Icon.svg');
}

.software-icon.maya {
  background-image: url('../images/Maya_Icon.svg');
}

.software-icon.arnold {
  background-image: url('../images/Arnold_Icon.svg');
}

.software-icon.zbrush {
  background-image: url('../images/Zbrush_Icon.svg');
}

.software-icon.houdini {
  background-image: url('../images/Houdini_Icon.svg');
}

.software-icon.marvelous-designer {
  background-image: url('../images/MarvelousDesigner_Icon.svg');
}

.software-icon.substancepainter {
  background-image: url('../images/SubstancePainter_Icon.svg');
}

.scope-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.scope-of-work-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #6ebcb726;
  border: 1px solid #6ebcb74d;
  border-radius: 5px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 15px;
  display: flex;
}

.scope-of-work-grid._3d {
  margin-top: 0;
}

.scope-of-work-item {
  background-color: #fff;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.scope-of-work-item-text {
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.scope-of-work-heading {
  text-align: center;
  width: 100%;
}

._7-day-guarantee {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-left: 15px solid var(--lime-green);
  background-color: var(--white);
  background-image: linear-gradient(to right, #fff, #f2eae0bf);
  border-radius: 5px;
  align-items: center;
  margin-bottom: 50px;
  padding: 30px;
  display: block;
}

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

.div-block-12 {
  padding-top: 16px;
}

.shield-icon {
  color: var(--lime-green);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.topbar-holder {
  z-index: 9000;
  position: absolute;
  inset: 0% 0% auto;
}

.unlok-logo {
  width: 200px;
  max-width: 300px;
  height: 60px;
  margin-bottom: 30px;
}

.account-embed {
  flex: 1;
}

.client-area-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px;
  display: flex;
}

.client-section {
  background-color: var(--black);
  background-image: linear-gradient(347deg, #14142b, var(--black) 66%);
  border-top: 1px solid #f2eae026;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  min-height: 100vh;
  padding-top: 65px;
  display: flex;
  position: relative;
}

.client-area-panel {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--linen);
  border-radius: 5px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 50vh;
  padding: 32px;
  display: flex;
  box-shadow: inset 0 0 0 .5px #f2eae026, 42px 42px 150px #00000026;
}

.client-area-content-wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.menu-button-2 {
  color: #fff;
  margin-left: auto;
}

.top-section-2 {
  z-index: 8;
  background-color: #000;
  background-image: linear-gradient(347deg, #14142b, #000 66%);
  border-top: 1px solid #f2eae026;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100vh;
  padding-top: 65px;
  display: block;
  position: relative;
}

.magic-accent-2 {
  color: #5b5fd8;
  font-family: Fraunces, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.button-2 {
  color: var(--white);
  text-align: center;
  background-color: #5b5fd8;
  border-radius: 3px;
  flex: 0 auto;
  padding: 12px 24px;
  font-size: 14px;
  transition: background-color .2s ease-out;
}

.button-2:hover {
  background-color: #383ca8;
}

.button-2.cta {
  color: #f2eae0;
  padding: 9px 40px;
  font-size: 14px;
}

.button-2.comments {
  margin-left: auto;
  display: block;
}

.button-2.greyed {
  background-image: radial-gradient(circle, #edeff1bf, #d4d4d4);
}

.login-button-2 {
  clear: none;
  color: #263239;
  background-color: #fff;
  border-radius: 3px;
  flex: 0 auto;
  padding: 9px 15px;
  display: block;
  position: static;
}

.login-button-2.signup {
  background-color: var(--lime-green);
}

.top-heading-2 {
  color: #263239;
  text-align: left;
  max-width: 800px;
  margin-bottom: 20px;
  font-family: Fraunces, sans-serif;
  font-size: 60px;
  line-height: 65px;
  display: block;
}

.top-heading-2.home {
  color: #f2eae0;
  text-align: center;
  margin-top: -100px;
  margin-bottom: -30px;
  padding-bottom: 20px;
  font-size: 8vh;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  position: relative;
  left: -15vw;
}

.top-heading-2.home:hover {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to top, #fdb12e, #5b5fd8);
  -webkit-background-clip: text;
  background-clip: text;
}

.top-heading-2.home.mid {
  -webkit-text-fill-color: transparent;
  transform-style: preserve-3d;
  background-image: linear-gradient(315deg, #5b5fd8, #fdb12e);
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 2vw;
  font-size: 18vh;
  line-height: 1em;
  left: 0;
  transform: rotateX(31deg)rotateY(29deg)rotateZ(0);
}

.top-heading-2.home.right {
  margin-top: -30px;
  margin-bottom: 2vh;
  left: 15vw;
}

.startup-description-2 {
  color: #f2eae0;
  letter-spacing: .2px;
  width: 650px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
}

.startup-description-2.home {
  text-align: center;
  line-height: 28px;
}

.highlighted-2 {
  color: #5b5fd8;
  font-weight: 700;
}

.reinvented-section {
  background-color: var(--white);
  padding-top: 120px;
  padding-bottom: 45px;
  position: relative;
}

.add-on-blip-2 {
  color: #000;
  background-color: #fdb12e;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 60px;
  margin-right: 5px;
  padding: 4px 6px;
  font-size: 10px;
  line-height: 10px;
  display: flex;
}

.add-on-blip-2.pro {
  background-color: #5dda66;
  width: auto;
}

.add-on-blip-2.float-right {
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.add-on-blip-2.small-right {
  position: absolute;
  inset: 0% -62px auto auto;
  transform: scale(.75);
}

.scope-of-work-table-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 2px solid #263239;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.centred-heading-2 {
  color: #5b5fd8;
  text-align: center;
  align-self: center;
  margin-bottom: 30px;
  font-family: Fraunces, sans-serif;
  font-size: 56px;
  line-height: 60px;
}

.login-block-2 {
  background-color: var(--light-grey);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 600px;
  max-width: 340px;
  height: auto;
  margin: 10px auto 20px;
  padding: 20px;
  transition: height .2s cubic-bezier(.567, .095, .076, .995);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 .5px #26323926;
}

.login-block-2.green {
  background-color: #acfcd0;
  padding-top: 35px;
  position: relative;
}

.login-form {
  min-width: 100%;
  margin-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.login-form.magic-link, .login-form.email {
  margin-top: 30px;
  padding-left: 0;
  padding-right: 0;
}

.webflow-addon-banner {
  border: 1px solid var(--orange);
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 10px 30px;
  display: flex;
  position: relative;
}

.add-on-item {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.add-on-buton {
  background-color: var(--orange);
  color: var(--black);
  border-radius: 5px;
  margin-left: 30px;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  max-width: none;
  min-height: 70px;
  display: flex;
}

.nav-item-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  margin-left: auto;
  margin-right: 15px;
  display: flex;
}

.dark-section {
  background-color: var(--black);
  background-image: linear-gradient(190deg, #000, #fff0), radial-gradient(circle at 0 100%, #0c0e38 -3%, #1c1a1f1f 37%, #000), url('../images/UnlokPortalBanner.png');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  min-height: 300px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.nav-link {
  color: var(--white);
  margin-left: 0;
  margin-right: 0;
}

.nav-link.w--current {
  color: var(--slate-blue);
  background-image: radial-gradient(circle at 50% 100%, #0000007a, #0000);
  border-radius: 5px;
}

.nav-bar-wrapper.new {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00000080;
  border-radius: 6px;
  width: 1200px;
  max-width: 1200px;
  box-shadow: inset 0 0 0 .5px #ffffff08;
}

.nav-bar-wrapper.new.alt {
  background-color: #000;
  border: 1px solid #5b5fd840;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}

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

.flex-container {
  z-index: 50;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.footer-link {
  color: var(--white);
  text-decoration: none;
}

.auth-support-text {
  color: var(--white);
  text-align: center;
  margin-top: 15px;
  margin-bottom: 60px;
  font-size: 12px;
}

.confirmation-heading {
  text-align: center;
  font-size: 24px;
  line-height: 24px;
}

.confirmation-hightlight {
  font-weight: 700;
}

.confirmation-email {
  background-color: #5b5fd826;
  border-radius: 5px;
  justify-content: center;
  padding: 6px;
  display: flex;
}

.request-shelf-dot {
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  display: flex;
}

.div-block-14 {
  margin-right: 15px;
}

.client-nav-container {
  border-bottom: 2px solid #eaeaed;
  min-width: 100%;
  padding-top: 15px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.navbar {
  z-index: 100;
  background-color: var(--white);
}

.client-upper-nav-link {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--dark-slate-grey);
  align-items: center;
  padding: 5px 10px;
  line-height: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.client-upper-nav-link:hover {
  color: var(--dark-slate-grey);
  background-image: radial-gradient(circle at 50% 100%, #d6d7ff, #fff);
}

.client-upper-nav-link.w--current {
  border-bottom: 2px solid var(--slate-blue);
  color: var(--slate-blue);
  background-image: radial-gradient(circle at 50% 100%, #e1e2fc, #fff);
  margin-bottom: -2px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 7px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}

.client-upper-nav-link.locked {
  color: #26323959;
}

.client-upper-nav-link.locked:hover {
  background-image: none;
}

.client-upper-nav-link.locked.w--current {
  cursor: not-allowed;
}

.client-board-area {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #f9f9f9;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.client-board-area.dark {
  background-color: var(--dark-purple);
}

.client-area-wrapper {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.request-section {
  background-color: #fff;
  border: 1px solid #d2d2d3;
  border-radius: 5px;
  width: 100%;
  max-width: 980px;
  box-shadow: 3px 3px 3px #00000008;
}

.request-section.active {
  border-bottom-width: 5px;
  border-bottom-color: var(--lime-green);
}

.request-section.preview {
  background-color: var(--light-grey);
}

.request-header {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #26323926;
  border-bottom: 2px solid #e6e8e9;
  align-items: center;
  padding: 8px 25px;
  display: flex;
}

.request-shelf-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--lime-green);
  background-color: var(--white);
  color: var(--lime-green);
  border-radius: 15px;
  align-items: center;
  padding: 5px 10px;
  display: flex;
}

.request-shelf-header.open {
  border: 1px solid var(--slate-blue);
  background-color: var(--white);
  color: var(--slate-blue);
}

.request-shelf-header.preview {
  color: #26323926;
  border-color: #26323926;
}

.active-request-shelf {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  align-items: stretch;
  padding: 20px;
  display: flex;
  position: relative;
}

.active-request-image {
  background-image: url('../images/UnlokPortalBanner.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  align-items: flex-start;
  width: 200px;
  height: 110px;
  padding: 6px;
  display: flex;
}

.active-request-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.active-request-details.loader {
  align-items: stretch;
}

.request-heading {
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.active-request-details-description {
  color: #93969e;
  max-width: 70%;
  max-height: 40px;
  font-size: 12px;
  line-height: 14px;
}

.active-request-details-description.truncate {
  width: 100%;
  max-width: 60%;
}

.task-data-icon {
  color: var(--dark-grey);
  width: 18px;
  height: 18px;
}

.task-icons-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.task-column-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.task-column-2.open {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}

.task-data-block {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  align-items: center;
  display: flex;
}

.request-allowance-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.client-980-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-self: center;
  align-items: stretch;
  width: 100%;
  max-width: 980px;
  margin-bottom: 80px;
  padding-top: 15px;
  display: flex;
  position: relative;
}

.allowance-divider {
  background-color: #93969e40;
  flex: 1;
  height: 2px;
}

.remaining-allowance-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.remaining-time-block {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.remaining-time-block.preview {
  background-color: #26323926;
  border-radius: 50px;
  width: 160px;
  height: 16px;
}

.client-light-text {
  color: var(--dark-grey);
}

.client-remaining-time {
  font-weight: 700;
}

.task-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid var(--dark-grey);
  cursor: pointer;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.open-request-details {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.open-request-details-description {
  color: #93969e;
  max-width: 60%;
  max-height: 14px;
  font-size: 12px;
  line-height: 14px;
}

.open-request-details-description.truncate {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.task-column-1 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 80%;
  display: flex;
}

.comments-count {
  color: var(--dark-grey);
}

.remaining-additional-hours {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--dodger-blue);
  background-color: #3d8ef440;
  border-radius: 4px;
  justify-content: center;
  padding: 4px 8px;
  display: flex;
}

.remaining-additional-hours.preview {
  width: 160px;
  height: 16px;
}

.additional-hours-count {
  font-weight: 700;
  display: flex;
}

.request-buttons-row {
  justify-content: flex-end;
  display: flex;
}

.icon-button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--slate-blue);
  color: var(--white);
  border-radius: 5px;
  align-items: center;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
}

.icon-button:hover {
  background-color: #4d50b3;
}

.icon-button.disabled {
  filter: brightness(35%);
}

.icon-button.loading {
  background-color: var(--dark-grey);
  opacity: .75;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
}

.icon-button.create {
  border: 2px dashed var(--slate-blue);
  color: var(--slate-blue);
  background-color: #5b5fd859;
}

.icon-button.create:hover {
  background-color: #999cff;
}

.icon-button.create.loading {
  border-color: var(--dark-grey);
  background-color: var(--light-grey);
  color: #5a6369;
}

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

.client-area-top-bar {
  align-items: center;
  padding: 0 25px;
  display: flex;
}

.client-area-logo {
  background-image: url('../images/UnlokLogo_HorizontalFull.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 60px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.requests-icon {
  width: 18px;
  height: 18px;
}

.nav-menu-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: stretch;
  display: flex;
}

.secondary-icon, .secondary-icon.header {
  width: 18px;
  height: 18px;
}

.request-header-text {
  color: var(--dark-slate-grey);
}

.request-header-text.preview {
  color: #0000;
  background-color: #26323926;
  border-radius: 30px;
}

.team-icon {
  width: 18px;
  height: 18px;
}

.clients-brands-board {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: stretch;
  padding-top: 30px;
  display: flex;
}

.clients-page-title-box {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--light-grey);
  border-radius: 50px;
  align-items: center;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 18px;
  display: flex;
}

.clients-page-title-box.green {
  background-color: #5dda6659;
}

.clients-page-title-box.purple {
  background-color: #3d8ef459;
}

.clients-page-title-box.orange {
  background-color: #f7d8b7;
}

.clients-page-header {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  width: 100%;
  max-width: 980px;
  display: flex;
}

.brand-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  border-color: var(--light-grey) var(--light-grey) var(--light-grey) var(--slate-blue);
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 310px;
  padding: 10px;
  display: flex;
}

.brand-title {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--dark-slate-grey);
  align-items: center;
  font-weight: 600;
  line-height: 14px;
  display: flex;
}

.brand-item-column-1 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.brand-item-column-2 {
  z-index: 20;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.small-button-icon {
  width: 16px;
  height: 16px;
}

.tool-button {
  z-index: 40;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--light-grey);
  color: var(--dark-grey);
  border: 1px solid #00000026;
  border-radius: 5px;
  align-items: center;
  padding: 4px 6px;
  line-height: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.tool-button.remove {
  color: var(--red);
  background-color: #ff303026;
  border-color: #ff303026;
}

.tool-button.remove.nomargin {
  margin-left: 0;
}

.tool-button.clear {
  background-color: #0000;
  border-width: 0;
  border-color: #0000;
}

.tool-button.uploader {
  border-style: dashed;
  padding: 8px 10px;
}

.right-button-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-left: auto;
  display: flex;
}

.request-title-box {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.request-title {
  line-height: 48px;
}

.request-title-section {
  align-items: flex-start;
  display: flex;
}

.request-data {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: flex-start;
  margin-top: 15px;
  display: flex;
}

.request-data-item {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  padding: 5px 12px;
}

.options-dropdown-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--light-grey);
  color: var(--dark-grey);
  border: 1px solid #00000026;
  border-radius: 5px;
  align-items: center;
  padding: 4px 6px;
  line-height: 14px;
  text-decoration: none;
  display: flex;
}

.configure-icon {
  color: var(--dark-grey);
  width: 14px;
  height: 14px;
}

.task-settings-wrapper {
  align-items: center;
  display: flex;
}

.request-counter {
  color: var(--dark-grey);
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}

.options-dropdown-box {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  width: 200px;
  display: none;
  position: absolute;
  right: 0;
}

.options-dropdown-box.w--open {
  right: 0;
}

.opt-icn-complete {
  width: 18px;
  height: 18px;
}

.task-option-link {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--dark-slate-grey);
  align-items: center;
  padding: 8px 10px;
  text-decoration: none;
  display: flex;
}

.task-option-link:hover {
  border-left: 5px solid var(--light-grey);
}

.task-option-link.green {
  color: var(--lime-green);
}

.task-option-link.red {
  color: #eb5151;
}

.options-divider {
  background-color: var(--light-grey);
  width: 100%;
  height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
}

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

.icon-dropdown-button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--slate-blue);
  color: var(--white);
  border-radius: 5px;
  align-items: center;
  padding: 6px 36px 6px 12px;
  text-decoration: none;
  display: flex;
}

.icon-dropdown-button.status {
  background-color: var(--lime-green);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 12px;
  line-height: 14px;
}

.icon-dropdown-button.status:hover {
  background-color: #56b85d;
}

.dropdown-icon {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 24px;
  margin-right: 0;
  display: flex;
  position: relative;
  transform: rotate(0);
}

.request-details-section {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  margin-top: 45px;
  display: flex;
}

.request-details-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 12px;
  display: flex;
  box-shadow: 1px 1px 3px #0000000d;
}

.request-details-row.hide {
  display: none;
}

.request-details-icons {
  width: 24px;
  height: 24px;
}

.request-details-column {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.request-section-heading {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 24px;
}

.new-comment-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: flex-start;
  display: flex;
}

.profile-picture {
  background-color: var(--slate-blue);
  object-fit: fill;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  margin-top: 5px;
  display: flex;
  overflow: hidden;
}

.requests-text-area {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  width: 100%;
  padding: 8px 12px;
  box-shadow: 1px 1px 3px #0000000d;
}

.requests-text-area.new {
  border-color: var(--dark-grey);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.comments-area {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--light-grey);
  background-color: #f9f9f9;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 15px;
  display: flex;
}

.requests-input-field {
  border: 0 solid #000;
  margin: 0;
}

.requests-input-field.large {
  min-height: 120px;
}

.comment-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: flex-start;
  display: flex;
}

.text-block-4 {
  font-weight: 600;
  line-height: 16px;
}

.comment-user-data {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: flex-end;
  margin-bottom: 5px;
  display: flex;
}

.text-block-5 {
  color: var(--dark-grey);
  font-size: 12px;
  line-height: 14px;
}

.data-loading-spinner-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.loading-spinner-a {
  color: var(--dark-slate-grey);
  width: 40px;
  height: 40px;
}

.login-field {
  background-color: #0000;
  border: 0 solid #0000;
  border-radius: 5px;
  height: 100%;
  margin-bottom: 0;
}

.login-field:hover {
  border-color: var(--dark-grey);
}

.login-field:focus {
  border-color: var(--dark-slate-grey);
}

.form-icon-entry {
  background-color: var(--white);
  border: 1px solid #26323926;
  border-radius: 5px;
  align-items: center;
  height: 46px;
  margin-top: 10px;
  display: flex;
}

.form-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.form-icon-box {
  justify-content: center;
  align-items: center;
  width: 36px;
  display: flex;
}

.icon-base {
  width: 18px;
  height: 18px;
}

.icon-base.confirmation {
  color: var(--lime-green);
  width: 36px;
  height: 36px;
  position: absolute;
  inset: auto 15px 15px auto;
}

.icon-base.email-confirmation {
  color: #acfcd0;
  background-color: #090505;
  border-radius: 24px;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.login-selection {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  display: flex;
}

.login-mode-button {
  border-bottom: 2px solid var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: #0000;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 12px 25px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.login-mode-button.w--current {
  border-bottom-color: var(--slate-blue);
  color: var(--slate-blue);
  background-color: #0000;
  background-image: radial-gradient(circle at 50% 100%, #5b5fd859, #0000);
}

.tabs {
  width: 100%;
  height: 400px;
}

.login-utility-link {
  margin-left: 5px;
  font-weight: 700;
}

.login-utility-text {
  font-size: 13px;
  line-height: 15px;
}

.login-utility-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #26323926;
  flex-direction: column;
  padding-top: 15px;
  display: flex;
}

.login-back-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-self: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 18px;
  text-decoration: none;
  display: flex;
}

.subscription-confirmation {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.payment-succesful-subtext {
  font-size: 10px;
  line-height: 12px;
}

.order-summary {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--black);
  background-color: var(--dark-slate-grey);
  color: var(--light-grey);
  background-image: radial-gradient(circle at 100% 100%, #000, #151c2091 56%, #263239), url('../images/UnlokPortalBanner.png');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 12px 8px;
  display: flex;
  position: relative;
}

.confirmation-reciept-value {
  text-align: left;
  letter-spacing: 1px;
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.confirmation-reciept-value.discount {
  color: var(--lime-green);
  text-decoration: line-through;
}

.next-step-box {
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.stripe-payment-sum {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.access-block {
  z-index: 100;
  background-color: var(--light-grey);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 600px;
  max-width: 340px;
  height: auto;
  margin-top: -10px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  display: none;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 0 0 .5px #26323926;
}

.login-access-text {
  margin-top: 10px;
  font-size: 13px;
  line-height: 15px;
}

.active-request-image-loader {
  background-color: var(--dark-grey);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 110px;
  display: flex;
}

.request-header-loader {
  background-color: var(--dark-grey);
  border-radius: 9px;
  height: 18px;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.request-description-loader {
  color: #93969e;
  background-color: #26323926;
  border-radius: 9px;
  max-width: 70%;
  height: 14px;
  max-height: 40px;
  font-size: 12px;
  line-height: 14px;
}

.task-data-loader {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #26323926;
  border-radius: 9px;
  flex: 0 auto;
  align-items: center;
  width: 160px;
  height: 18px;
  margin-left: auto;
  display: flex;
}

.confirm-email-subtext {
  font-size: 12px;
  line-height: 14px;
}

.loading-spinner-b {
  color: var(--light-grey);
  width: 24px;
  height: 24px;
  display: flex;
}

.error-notice {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--red);
  background-color: #ff303026;
  border-radius: 5px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-weight: 600;
  display: flex;
}

.brand-edit-dropdown-wrap {
  z-index: 50;
  display: flex;
  position: absolute;
  inset: 25px 0% 0% auto;
}

.popup-wrapper {
  z-index: 500;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #5b5fd880;
  justify-content: center;
  align-items: flex-start;
  padding-top: 5vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.brands-editor-window {
  z-index: 10;
  border-radius: 5px;
  flex-direction: column;
  display: flex;
}

.options-dropdown {
  position: relative;
}

.task-brandname {
  background-color: var(--light-grey);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.task-brandname.test {
  background-color: #fdb12e26;
}

.notification-dot {
  background-color: var(--red);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  margin-top: 4px;
  margin-right: 4px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.notification-dot.counter {
  color: var(--white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  margin-top: 0;
  margin-right: 0;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.confirmation-reciept-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding-top: 20px;
  display: flex;
}

.confirmation-reciept-label {
  color: #edeff1bf;
  text-align: left;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

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

.order-summary-plan-name {
  letter-spacing: .5px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
}

.order-summary-plan-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.order-summary-addon-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-image: radial-gradient(circle farthest-corner at 0% 50%, #fdb12ebf, var(--dark-slate-grey) 78%, var(--black) 103%);
  color: var(--light-grey);
  letter-spacing: .5px;
  border-radius: 50px;
  margin-top: 5px;
  padding: 4px 10px 4px 6px;
  display: flex;
  position: relative;
}

.text-block-7 {
  color: #edeff1bf;
  text-align: left;
}

.emoji {
  font-size: 36px;
  line-height: 36px;
}

.stripe-discount-sum {
  flex-direction: column;
  display: flex;
}

.task-data-preview-block {
  background-color: #26323926;
  border-radius: 9px;
  width: 80px;
  height: 18px;
}

.task-data-preview-block.title {
  background-color: var(--dark-grey);
  width: 80%;
}

.task-data-preview-block.description {
  width: 30%;
}

.client-preview-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-self: center;
  align-items: stretch;
  width: 100%;
  max-width: 980px;
  max-height: 450px;
  margin-bottom: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.client-preview-overlay {
  z-index: 10;
  background-image: linear-gradient(#f9f9f991, #f9f9f9);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.locked-icon {
  width: 48px;
  height: 48px;
}

.client-locked-symbol {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--white), #fff0 67%);
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 45px;
  display: flex;
}

.account-pending-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--dark-slate-grey);
  color: var(--light-grey);
  border-radius: 30px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px;
  display: flex;
}

.pending-header {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.heading {
  font-weight: 600;
}

.pending-email-status {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--black);
  border-radius: 5px;
  padding: 8px 12px;
  display: flex;
}

.account-setup-status {
  color: var(--linen);
  font-weight: 600;
}

.account-setup-status.done {
  color: var(--lime-green);
}

.signup-form-entry-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.form-input-blocker {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #edeff180;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.empty-block {
  padding: 15px;
}

.starter-progress-container {
  width: 100%;
  max-width: 980px;
}

.starter-tasks-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--linen);
  border-radius: 5px;
  flex-direction: column;
  width: 100%;
  max-width: 980px;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
  position: relative;
}

.getting-started-header {
  font-size: 18px;
  line-height: 18px;
}

.starter-task-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.task-progress-bar {
  background-color: #26323926;
  border-radius: 10px;
  width: 100%;
  height: 8px;
  margin-top: 5px;
  overflow: hidden;
}

.task-progress-bar-fill {
  background-color: var(--slate-blue);
  width: 20%;
  height: 8px;
}

.starter-task-category {
  background-color: #2632390d;
  border: 1px solid #2632390d;
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 8px;
  padding: 6px;
  display: flex;
}

.task-category-header {
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 14px;
}

.task-check {
  box-shadow: inset 0 0 0 2px var(--dark-grey);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 2px;
  display: flex;
}

.task-check.fill {
  background-color: var(--slate-blue);
  box-shadow: none;
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}

.starter-task-name {
  line-height: 14px;
}

.starter-tasks-content {
  position: relative;
}

.announcement-bar {
  z-index: 90;
  background-color: var(--dodger-blue);
  position: relative;
}

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

.top-right-nav {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.tab-link-item {
  background-color: var(--light-grey);
  color: var(--dark-slate-grey);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 4px 30px;
  display: flex;
}

.tab-link-item:hover {
  background-image: radial-gradient(circle farthest-corner at 50% 100%, var(--dark-grey), var(--light-grey));
}

.tab-link-item.w--current {
  background-color: var(--white);
  background-image: radial-gradient(circle at 50% 100%, #b2b4f3, #f1f2ff);
}

.tab-link-item.current {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #d3d4ff, var(--light-grey));
}

.tabs-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tab-pane-open {
  width: 100%;
  max-width: 980px;
}

.requests-tabs {
  z-index: 100;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.tabs-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.tab-pane-complete {
  width: 100%;
  max-width: 980px;
}

.current-plan {
  background-color: var(--lavender);
  border-radius: 5px;
  padding: 4px 12px;
}

.notifications-button {
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.notifications-button:hover {
  background-color: var(--light-grey);
  border-radius: 100px;
}

.account-control {
  z-index: 100;
  align-items: center;
  display: flex;
  position: relative;
}

.remaing-tokens {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fdb12e26;
  border-radius: 5px;
  align-items: center;
  padding: 4px 12px 4px 8px;
  display: flex;
}

.notification-icon {
  color: var(--dark-grey);
  width: 24px;
  height: 24px;
}

.notification-icon.new {
  color: var(--slate-blue);
}

.profile-image {
  background-color: var(--dark-slate-grey);
  background-image: url('../images/cyclops.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 18px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin-right: 5px;
}

.profile-image.large {
  border: 4px solid var(--slate-blue);
  border-radius: 100px;
  width: 120px;
  height: 120px;
  position: relative;
}

.profile-name {
  margin-right: 2px;
}

.dropdown-arrow {
  color: #26323959;
  width: 14px;
  height: 14px;
  margin-top: -1px;
}

.account-control-dropdown {
  border-radius: 5px;
  align-items: center;
  padding: 6px 12px;
  display: flex;
}

.account-control-dropdown:hover {
  background-color: var(--light-grey);
}

.account-dropdown-menu {
  background-color: var(--white);
  top: 45px;
}

.account-dropdown-menu.w--open {
  z-index: 100;
  border: 1px solid var(--light-grey);
  border-radius: 5px;
  width: 250px;
  padding: 6px;
  right: 0;
  box-shadow: 3px 3px 3px #00000008;
}

.notifications-control {
  z-index: 10;
}

.dropdown-menu-block {
  background-color: #d7fffc;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 6px;
  padding: 6px;
  display: flex;
}

.dropdown-menu-block.account {
  background-color: var(--lavender);
}

.dropdown-menu-block.switch-account {
  background-color: var(--white);
}

.dropdown-block-topbar {
  width: 100%;
  margin-bottom: 8px;
  font-size: 10px;
  line-height: 12px;
}

.current-account-bar {
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-right: auto;
  display: flex;
}

.current-account-bar.switch {
  color: var(--dark-slate-grey);
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 6px;
  padding: 8px;
  text-decoration: none;
  position: relative;
}

.current-account-bar.switch:hover {
  background-color: var(--light-grey);
}

.current-account-data {
  align-items: center;
  display: flex;
}

.account-managed-by {
  width: 100%;
  margin-top: 6px;
  font-size: 12px;
  line-height: 14px;
}

.edit-profile-link {
  text-align: center;
  border: 1px solid #26323940;
  border-radius: 30px;
  width: 100%;
  margin-top: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.dropdown-block-content {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.notification-dropdown-menu {
  width: 150px;
  box-shadow: 3px 3px 3px #00000008;
}

.notification-dropdown-menu.w--open {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  width: 250px;
  max-height: 80vh;
  right: 0;
  overflow: auto;
}

.no-notifications-notice {
  background-color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: flex;
}

.empty-notifications-icon {
  background-image: url('../images/notification-bell.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 150px;
}

.notification-item {
  border-right: 6px solid var(--red);
  color: var(--dark-slate-grey);
  width: 100%;
  margin-top: 2px;
  padding: 10px;
  text-decoration: none;
  position: relative;
}

.notification-item:hover {
  background-color: var(--light-grey);
}

.notification-item.old {
  opacity: .5;
  background-image: none;
  border-right-width: 0;
}

.notification-text {
  font-size: 12px;
  line-height: 14px;
}

.notification-time {
  margin-top: 3px;
  font-size: 10px;
  line-height: 12px;
}

.notification-section-heading {
  margin-top: 15px;
  padding-left: 6px;
  font-size: 16px;
  font-weight: 700;
}

.full-page-loader {
  z-index: 600;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #263239bf;
  display: none;
  position: absolute;
  inset: 0%;
}

.full-page-loader-content-wrap {
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  margin-top: 25vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.loading-spinner-d {
  color: var(--light-grey);
  width: 80px;
  height: 80px;
  display: flex;
}

.plan-nav-data {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  display: flex;
}

.loading-spinner-e {
  color: var(--dark-slate-grey);
  width: 22px;
  height: 22px;
}

.loading-spinner-e.resize {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.request-edit-section {
  width: 100%;
}

.text-field {
  color: var(--dark-slate-grey);
  border-radius: 5px;
  min-width: 320px;
}

.text-field.locked {
  background-color: var(--light-grey);
  color: var(--dark-grey);
  cursor: not-allowed;
}

.request-details-top-bar {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.section-descriptor {
  color: var(--dark-grey);
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 12px;
}

.dropdown-2 {
  z-index: 10;
}

.team-member {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 310px;
  padding: 10px;
  display: flex;
}

.teammate-info {
  text-align: left;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.teammates-name {
  font-weight: 700;
}

.teammate-top-bar {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.teammate-status-bar {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-style: solid;
  border-width: 6px 1px 1px;
  border-color: var(--light-grey);
  color: var(--dark-grey);
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 6px;
  display: flex;
}

.teammate-status-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--light-grey);
  color: var(--dark-grey);
  border-radius: 30px;
  align-items: center;
  padding: 4px 12px;
  display: flex;
}

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

.close-window {
  border: 2px solid var(--black);
  color: var(--black);
  background-color: #00000026;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 5px;
  margin-right: 5px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-icon {
  width: 18px;
  height: 18px;
}

.teammate-permissions-list {
  border-style: solid;
  border-width: 6px 1px 1px;
  border-color: var(--lime-green) var(--light-grey) var(--light-grey);
  border-radius: 5px;
  padding: 6px;
}

.teammate-permissions-list.red {
  border-top-color: var(--red);
}

.teammate-permission-details {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-bottom: 15px;
  display: flex;
}

.teammates-permission-title {
  margin-bottom: 5px;
  font-weight: 600;
}

.editor-submit-row {
  justify-content: flex-end;
  display: flex;
}

.form-3 {
  padding: 6px;
}

.account-dashboard {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.personal-details {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  flex: 1;
  padding: 15px;
}

.field-label {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.profile-picture-edit {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.account-details {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  flex: 1;
  padding: 15px;
}

.subscription-details {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  flex: 1;
  padding: 15px;
  position: relative;
}

.account-ownership-warning {
  background-color: #26323926;
  border: 1px solid #26323926;
  border-radius: 5px;
  margin-top: 15px;
  padding: 15px;
}

.account-owner-email {
  color: var(--slate-blue);
  font-weight: 600;
}

.billing-details {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  flex: 0 auto;
  width: 100%;
  padding: 15px;
  position: relative;
}

.form-loader {
  z-index: 50;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe6;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: -1%;
}

.subscription-detail-form {
  position: relative;
}

.account-form {
  margin-top: 15px;
}

.switch-account-section {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  margin-top: 15px;
  padding: 9px;
  position: relative;
}

.subblock---currentplan {
  background-color: var(--dark-slate-grey);
  color: var(--white);
  border-radius: 5px;
  margin-top: 6px;
}

.div-block-20 {
  padding: 6px;
}

.stripe-invoice-grid {
  grid-template-rows: auto;
  grid-template-columns: .5fr 36px .5fr 1fr 1fr 1fr;
}

.sig---cell {
  justify-content: center;
  align-items: center;
  display: flex;
}

.sig---status {
  color: #35963c;
  background-color: #c6ffca;
  border-radius: 30px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.admin-sidebar {
  z-index: 100;
  background-color: var(--slate-blue);
  min-width: 60px;
  height: 100vh;
  position: fixed;
}

.admin-sidebar.filler {
  z-index: 1;
  position: relative;
}

.admin-body {
  flex: 1;
}

.admin-area {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.admin-nav-item {
  color: var(--dark-slate-grey);
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.admin-nav-item:hover {
  background-color: #26323926;
}

.admin-nav-icon {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.admin-nav-icon._26 {
  width: 26px;
  height: 26px;
}

.admin-nav-top {
  height: 120px;
}

.admin-nav-item-box {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--light-grey);
  border-radius: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

.admin-link-text {
  width: 100px;
  font-size: 12px;
  line-height: 14px;
  display: none;
  overflow: hidden;
}

.admin-bar-extension-button {
  justify-content: flex-start;
  align-items: center;
  padding: 14px;
  display: flex;
}

.admin-nav-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--light-grey);
  border-radius: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 2px;
  display: flex;
}

.default-input {
  border: 1px solid #93969e80;
  border-radius: 3px;
  box-shadow: 1px 1px 3px #0000000d;
}

.starter-task-loader {
  background-color: #f2eae0;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.brand-details-form {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  margin-top: 30px;
  display: flex;
}

.form-error-text {
  color: var(--red);
  text-transform: none;
  margin-left: 46px;
  font-size: 12px;
  font-weight: 600;
  display: block;
}

.identifier-label {
  color: var(--dark-grey);
  text-transform: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.brand-data-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.item-name {
  font-weight: 600;
}

.image-5 {
  max-width: 300px;
}

.primary-brand-colour {
  background-color: #e50914;
  border-radius: 5px;
  width: 38px;
  height: 38px;
}

.brand-logo-box {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 360px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.editor-form-footer {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.branditem-logo {
  background-image: url('../images/Netflix-logo-RGB_SVG.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 300px;
  height: 600px;
  max-height: 150px;
}

.branditem-attachment {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--light-grey);
  border-radius: 5px;
  align-items: center;
  padding: 15px;
  display: flex;
}

.attachment-icon {
  background-color: var(--medium-turquoise);
  border-radius: 5px;
  padding: 5px;
}

.html-embed {
  width: 100%;
}

.brands-loader-area {
  z-index: 80;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--white-smoke);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.brand-item-loader {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  border-color: var(--light-grey) var(--light-grey) var(--light-grey) #93969e26;
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 310px;
  height: 66px;
  padding: 10px;
  display: flex;
}

.brand-title-loader {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--dark-slate-grey);
  background-color: #93969e26;
  border-radius: 5px;
  align-items: center;
  width: 160px;
  height: 18px;
  font-weight: 600;
  line-height: 14px;
  display: flex;
}

.div-block-21 {
  background-color: #93969e26;
  border-radius: 5px;
  width: 30px;
  height: 18px;
}

.icon-button-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--slate-blue);
  color: var(--white);
  border-radius: 5px;
  align-items: center;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
}

.icon-button-copy:hover {
  background-color: #4d50b3;
}

.icon-button-copy.disabled {
  filter: brightness(35%);
}

.icon-button-copy.loading {
  opacity: .75;
  background-color: #6b6dad;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
}

.icon-button-copy.loader {
  background-color: #93969e26;
  justify-content: center;
  width: 150px;
  height: 35px;
}

.brands-container-loader {
  z-index: 60;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white-smoke);
  flex-direction: column;
  align-self: center;
  align-items: stretch;
  width: 100%;
  max-width: 980px;
  margin-bottom: 80px;
  padding-top: 15px;
  display: none;
  position: absolute;
  inset: 0%;
}

.brands-content-area {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 980px;
  display: block;
  position: relative;
}

.form-block {
  padding: 110px;
}

.login-tabs {
  width: 100%;
  height: 400px;
  display: none;
}

.f-interaction-detail {
  color: #6b7094;
  font-weight: 500;
}

.f-interaction-accent {
  max-width: 320px;
}

.f-interaction {
  grid-row-gap: 16px;
  text-align: center;
  background-color: #f3f5fb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 14px;
  display: flex;
}

.f-paragraph-small {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.f-paragraph-regular {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.f-paragraph-regular.f-text-weight-medium, .f-text-weight-medium {
  font-weight: 500;
}

.f-alert-content {
  width: 100%;
}

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

.f-alert-information {
  color: #642eff;
  background-color: #f7f5ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 16px;
  display: flex;
}

.f-interaction-alert {
  color: #160042;
  background-color: #fff;
  border-radius: 8px;
  align-items: flex-start;
  padding: 16px 24px 16px 16px;
  display: flex;
  box-shadow: 56px 0 80px -24px #393b6a1f;
}

.f-interaction-wrapper {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

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

.f-header-image-wrapper-wide {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 400px;
  margin-top: 64px;
  display: flex;
  overflow: hidden;
}

.f-success-message {
  color: #006638;
  letter-spacing: -.03em;
  background-color: #ebfff6;
  font-size: 14px;
  line-height: 24px;
}

.f-button-neutral {
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #160042;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.f-button-neutral:hover {
  background-color: #282556;
}

.f-header-input-field {
  color: #160042;
  background-color: #0000;
  border: 1px #000;
  min-height: 48px;
  margin-bottom: 0;
  margin-right: 16px;
  padding: 12px 16px;
}

.f-header-input-field::placeholder {
  color: #b6b9ce;
}

.f-header-form-wrapper {
  background-color: #fff;
  border: 1px solid #e4e6f1;
  border-radius: 50px;
  align-items: center;
  padding: 4px;
  display: flex;
}

.f-header-form-block {
  max-width: 360px;
  margin-bottom: 0;
}

.f-paragraph-large {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.f-margin-bottom-40 {
  margin-bottom: 40px;
}

.f-h1-heading {
  color: #160042;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 1.2;
}

.f-margin-bottom-24 {
  margin-bottom: 24px;
}

.f-heading-detail-small {
  color: #6b7094;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.f-margin-bottom-08 {
  margin-bottom: 8px;
}

.f-header-title-wrapper-center {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.f-container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.f-section-large {
  padding: 92px 5%;
  position: relative;
}

.uui-space-xhuge {
  width: 100%;
  min-height: 7rem;
}

.uui-text-size-medium {
  color: #475467;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-divider {
  color: #475467;
  margin-left: .25rem;
  margin-right: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-divider.text-color-white {
  color: #fff;
}

.uui-blogpost02_date-wrapper {
  align-items: center;
  margin-top: .25rem;
  display: flex;
}

.uui-blogpost02_author-heading {
  color: #101828;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
}

.uui-blogpost02_author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.uui-blogpost02_author-image-wrapper {
  margin-bottom: 1rem;
}

.uui-blogpost02_author-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 3rem;
  display: flex;
}

.uui-blogpost02_divider {
  background-color: #eaecf0;
  width: 100%;
  max-width: 48rem;
  height: 1px;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.uui-badge {
  grid-column-gap: .375rem;
  color: #344054;
  white-space: nowrap;
  background-color: #f2f4f7;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.uui-badge.is-pink {
  color: #c11574;
  background-color: #fdf2fa;
}

.uui-badge.is-indigo {
  color: #3538cd;
  background-color: #eef4ff;
}

.uui-badge.is-primary {
  color: #6941c6;
  background-color: #f9f5ff;
}

.uui-blogpost02_tag-list {
  grid-column-gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.uui-blogpost02_tag-list-wrapper {
  width: 100%;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon.text-color-gray400 {
  color: #98a2b3;
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  color: #344054;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  color: #1d2939;
  background-color: #f9fafb;
}

.uui-button-secondary-gray:focus {
  background-color: #fff;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f2f4f7;
}

.uui-button-secondary-gray.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.uui-button-secondary-gray.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.uui-button-secondary-gray.icon-only {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  display: flex;
}

.uui-blogpost02_share {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: start;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  display: grid;
}

.uui-blogpost02_share-heading {
  color: #101828;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

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

.uui-blogpost02_content-bottom {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.uui-text-rich-text {
  color: #475467;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.uui-text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.uui-text-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.uui-text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text h5, .uui-text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text p {
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-style: italic;
}

.uui-text-rich-text a {
  text-decoration: underline;
}

.uui-text-rich-text figcaption {
  color: #667085;
  text-align: left;
  margin-top: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
}

.uui-blogpost02_content {
  margin-bottom: 4rem;
}

.uui-breadcrumb-link {
  color: #475467;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.uui-breadcrumb-link:hover {
  color: #344054;
}

.uui-breadcrumb-link.w--current {
  color: #6941c6;
  font-weight: 600;
}

.uui-breadcrumb-link.w--current:hover {
  color: #53389e;
}

.uui-breadcrumb-divider {
  color: #667085;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: .5rem;
  margin-right: .5rem;
  display: flex;
}

.uui-blogpost02_breadcrumb {
  align-items: center;
  width: 100%;
  display: flex;
}

.uui-blogpost02_content-top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 2.5rem;
  display: flex;
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large.align-center, .align-center {
  margin-left: auto;
  margin-right: auto;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-text-size-small {
  color: #475467;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-text-size-small.text-color-white {
  color: #fff;
}

.uui-heading-tiny {
  color: #101828;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-tiny.text-color-white {
  color: #fff;
}

.uui-heading-large {
  color: #101828;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heading-large.text-color-white {
  color: #fff;
}

.uui-blogpost02_category-link {
  color: #fff;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.uui-blogpost02_category-link.w--current {
  border-bottom: 2px solid #000;
}

.uui-blogpost02_title-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-blogpost02_background {
  z-index: -1;
  background-image: linear-gradient(#10182866, #10182866), url('../images/Blog-Image-4.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.uui-blogpost02_header {
  margin-bottom: 4rem;
  position: relative;
}

.spark-hero-section-image {
  border-radius: 8px;
  flex: 0 auto;
  width: 45%;
  max-width: 50%;
  display: block;
}

.spark-button {
  color: #fff;
  background-color: #5532fa;
  border: 1px solid #5532fa;
  border-radius: 8px;
  flex: none;
  padding: 16px;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  transition: border-color .15s, background-color .15s, opacity .15s;
}

.spark-button:hover {
  opacity: 1;
  background-color: #1e116e;
  border-color: #1e116e;
}

.spark-button.spark-dark-button {
  background-color: #1e116e;
  border-style: solid;
  border-color: #1e116e;
}

.spark-button.spark-dark-button:hover {
  opacity: .5;
}

.spark-input {
  background-color: #fff;
  border: 1px solid #00000029;
  border-radius: 8px;
  height: 48px;
  margin-bottom: 32px;
  padding: 8px 16px;
  font-size: 1rem;
}

.spark-input:focus {
  border-color: #5532fa;
}

.spark-input::placeholder {
  color: #0000008f;
}

.spark-input.spark-with-a-inner-shadow {
  width: 342px;
  max-width: 100%;
  margin-bottom: 0;
  transition: box-shadow .15s;
  box-shadow: inset 0 0 0 1px #00000029;
}

.spark-input.spark-with-a-inner-shadow:hover, .spark-input.spark-with-a-inner-shadow:focus {
  box-shadow: inset 0 0 0 1px #1e116e;
}

.spark-field-label {
  text-align: left;
}

.spark-flexed-form {
  grid-column-gap: 16px;
  align-items: flex-end;
  display: flex;
}

.spark-flexed-form.hide {
  display: none;
}

.spark-hero-sub-paragraph {
  width: 100%;
  margin-bottom: 64px;
}

.spark-hero-section-left-side {
  width: 50%;
}

.spark-flex-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.spark-flex-row.spark-5-spacing {
  grid-column-gap: 5%;
  align-items: center;
}

.spark-container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.spark-container.spark-primary-with-rounded-corners {
  color: #fff;
  background-color: #5532fa;
  border-radius: 24px;
  padding: 64px;
}

.spark-line-3 {
  z-index: 2;
  background-color: #000;
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
}

.spark-line-3.spark-simple-line {
  background-color: #5532fa;
  border-radius: 3px;
  width: 12.75px;
  height: 3.3px;
  margin-left: 18px;
  top: 38px;
}

.spark-line-2 {
  z-index: 1;
  background-color: #000;
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
}

.spark-line-2.spark-simple-line {
  background-color: #5532fa;
  border-radius: 3px;
  width: 24px;
  height: 3.3px;
  top: 28px;
}

.spark-line-1 {
  z-index: 2;
  background-color: #000;
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
}

.spark-line-1.spark-simple-line {
  background-color: #5532fa;
  border-radius: 3px;
  width: 24px;
  height: 3.3px;
  top: 18px;
}

.spark-simple-menu-button {
  background-color: #fff;
  width: 60px;
  height: 60px;
  padding: 0 0 0 18px;
  overflow: hidden;
}

.spark-simple-menu-button.w--open {
  background-color: #f0ecfd;
  border-radius: 8px;
}

.spark-nav-link {
  color: #000;
  text-align: center;
  border-radius: 8px;
  margin-left: 8px;
  padding: 16px 24px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: background-color .15s, color .15s, opacity .15s;
}

.spark-nav-link:hover {
  opacity: 1;
  color: #5532fa;
  background-color: #f0ecfd;
}

.spark-nav-link.w--current {
  color: #5532fa;
}

.spark-nav-link.spark-button {
  color: #fff;
  text-align: center;
  background-color: #5532fa;
  border-style: none;
  border-radius: 999px;
  margin-right: 0;
  padding: 16px 24px;
  font-size: 1rem;
  line-height: 1em;
  transition: background-color .15s, opacity .15s;
}

.spark-nav-link.spark-button:hover {
  opacity: 1;
  color: #fff;
  background-color: #1e116e;
}

.spark-nav-link.spark-button.w--current {
  opacity: .5;
  color: #fff;
}

.spark-nav-menu {
  align-items: center;
  display: flex;
}

.spark-brand-logo {
  z-index: 2;
  padding-left: 0;
}

.spark-square-menu-inner {
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.spark-square-menu-with-links {
  background-color: #fff;
  width: 100%;
  padding-left: 64px;
  padding-right: 64px;
  position: absolute;
  inset: 0% 0% auto;
}

.spark-section {
  width: 100%;
  padding: 176px 64px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  position: relative;
}

.spark-section h5 {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.3;
}

.spark-section h4 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.spark-section h1 {
  margin-bottom: 1rem;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.1;
}

.spark-section h2 {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.spark-section h3 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
}

.spark-section h6 {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.5;
}

.spark-section ul {
  margin-top: 2rem;
  margin-bottom: 3rem;
  padding-left: 14px;
}

.spark-section li {
  margin-bottom: .5rem;
}

.spark-section.gap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.spark-small-sub-paragraph {
  color: #000000c2;
  margin-bottom: 0;
  font-size: .8rem;
  line-height: 1.3;
}

.spark-bold-heading {
  margin-bottom: .5rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.spark-bold-heading.spark-card-title {
  font-size: 1.2rem;
}

.spark-card-details {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 590px;
  padding-bottom: 32px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.spark-square-image-card {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: auto;
  display: block;
}

.spark-wrapped-card {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.spark-wrapped-card.spark-stacked {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  transition: border-color .15s;
}

.spark-two-column-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.spark-side-tabs-content {
  width: 60%;
  display: block;
}

.spark-side-flat-tab {
  color: #000;
  background-color: #0000;
  border-bottom: 3px solid #f0ecfd;
  width: 100%;
  padding: 48px 24px;
  transition: border-color .3s, color .15s;
}

.spark-side-flat-tab:hover {
  opacity: 1;
  color: #5532fa;
  border-bottom-color: #a695fb;
}

.spark-side-flat-tab.w--current {
  color: #5532fa;
  background-color: #0000;
  border-bottom-color: #5532fa;
}

.spark-stacked-flat-tabs-menu {
  float: left;
  grid-column-gap: 0px;
  flex-direction: column;
  justify-content: center;
  width: 30%;
  margin-right: 10%;
  display: inline-block;
}

.spark-side-flat-tab-parent {
  width: 100%;
  display: block;
}

.spark-secondary-paragraph {
  color: #000000c2;
  margin-bottom: 64px;
}

.spark-centered-900 {
  text-align: center;
  width: 900px;
  max-width: 100%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.section {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-22 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  width: 600px;
  display: flex;
}

.div-block-23 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.tokens-icon {
  color: var(--orange);
  width: 18px;
  height: 18px;
}

.tokens-icon.medium {
  width: 30px;
  height: 30px;
}

.tokens-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fdb12e26;
  border-radius: 3px;
  align-items: center;
  padding: 3px 8px;
  display: flex;
}

.tokens-button.quote {
  background-color: var(--relume-library-lite-rl-white);
}

.tokens-button.gradient {
  background-color: var(--dark-slate-grey);
  color: var(--white);
  background-image: linear-gradient(#26323980, #26323980), radial-gradient(circle at 100% 100%, #fdf64b, #f16026 21%, #100e3b 69%, #2fddf4);
  padding: 6px 16px;
  font-size: 30px;
  box-shadow: inset 0 0 0 1px #ffffff26;
}

.uui-button {
  grid-column-gap: .5rem;
  background-color: var(--slate-blue);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #7f56d9;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  background-color: #6941c6;
  border-color: #6941c6;
}

.uui-button:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.uui-button-secondary-gray-2 {
  grid-column-gap: .5rem;
  color: #344054;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-2:hover {
  color: #1d2939;
  background-color: #f9fafb;
}

.uui-button-secondary-gray-2:focus {
  background-color: #fff;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f2f4f7;
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-text-size-large {
  color: #475467;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-heading-medium {
  color: #101828;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  line-height: 1.3;
}

.uui-heading-subheading {
  color: var(--slate-blue);
  margin-bottom: .75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-layout49_image {
  width: 40rem;
  min-width: 40rem;
  position: absolute;
  inset: auto 3rem auto auto;
}

.uui-layout49_image-wrapper {
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 33rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-layout49_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.home-heading-section {
  z-index: 2;
  position: relative;
}

.token-image {
  z-index: 5;
  position: relative;
}

.flex-center, .flex-right {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.narp {
  color: #26323980;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  font-size: 20px;
  font-weight: 600;
}

.cdh-feature-copy {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 800;
  line-height: 35px;
}

.action-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.tokens-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.primary-button {
  clear: none;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--slate-blue);
  color: var(--light-grey);
  letter-spacing: .2px;
  border: 1px solid #ffffff26;
  border-radius: 5px;
  flex: 0 auto;
  align-items: center;
  padding: 8px 20px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: static;
}

.primary-button:hover {
  background-color: #4649ac;
}

.primary-button.mobile {
  display: none;
}

.primary-button.logout {
  background-color: var(--black);
  color: var(--white);
  display: none;
}

.tokencta {
  transform-style: preserve-3d;
  transform: perspective(275px)scale(1.6);
}

.glowbase.token {
  z-index: 1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--slate-blue), transparent 60%);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
  transform: scale(2);
}

.web-dev-cta {
  margin-top: 15px;
}

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

.plan-choice {
  background-color: #180e24;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 50px 30px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff26;
}

.plan-choice.extra {
  background-image: radial-gradient(circle at 0 0, #00524c, #0000);
}

.plan-choice.popular {
  background-image: radial-gradient(circle at 50% 0, #143d79, #0000 38%);
  overflow: hidden;
}

.plan-choice.unlimited {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/Unlok_3d_render_abstract_multicolor_spectrum_background_zoom.png');
  background-position: 50% 0;
  background-size: cover;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.plan-blurb {
  align-items: center;
  height: 6em;
  display: flex;
}

.plan-blurb.secondary {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
}

.plan-features-box {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 30px;
  display: flex;
}

.list {
  list-style-type: disc;
}

.plan-features-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  flex-direction: column;
  display: flex;
}

.plan-feature-item {
  border-top: 1px solid var(--dark-grey);
  color: var(--white);
  padding-top: 8px;
  padding-bottom: 8px;
}

.plan-action-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-top: 30px;
  display: flex;
}

.focus-button {
  z-index: 5;
  clear: none;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--slate-blue);
  color: var(--light-grey);
  letter-spacing: .2px;
  border: 1px solid #ffffff26;
  border-radius: 5px;
  flex: 0 auto;
  align-items: center;
  padding: 15px 30px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.focus-button:hover {
  background-color: #4649ac;
}

.focus-button.mobile {
  display: none;
}

.focus-button.logout {
  background-color: var(--black);
  color: var(--white);
  display: none;
}

.popular-bar {
  z-index: 2;
  background-color: #0a6dff;
  border-radius: 4px 4px 0 0;
  justify-content: center;
  align-items: center;
  height: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.rl-button-secondary {
  border: 1px solid var(--relume-library-lite-rl-black);
  background-color: var(--relume-library-lite-rl-white);
  color: var(--relume-library-lite-rl-black);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl-button {
  border: 1px solid var(--relume-library-lite-rl-black);
  background-color: var(--relume-library-lite-rl-black);
  color: var(--relume-library-lite-rl-white);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl-button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.rl_header44_spacing-block-3 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl-text-style-medium {
  color: var(--relume-library-lite-rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_header44_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl-heading-style-h1 {
  color: var(--relume-library-lite-rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl_header44_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl-text-style-subheading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl_header44_component {
  width: 100%;
  max-width: 48rem;
}

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

.rl-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_section_header44 {
  background-color: var(--relume-library-lite-rl-white);
}

.home-hero-section {
  z-index: 5;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #000;
  background-image: linear-gradient(347deg, #14142b, #000 66%);
  border-top: 1px solid #f2eae026;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  height: 100vh;
  padding-top: 16vh;
  display: flex;
}

.home-hero-section.pricing {
  height: auto;
  min-height: 100vh;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.home-hero-section.overflowoff {
  z-index: 1000;
  height: auto;
  padding-top: 20vh;
  padding-bottom: 20vh;
  position: relative;
  overflow: hidden;
}

.home-hero-bg-image {
  z-index: 5;
  filter: saturate(150%) blur(100px);
  background-image: url('../images/Andy_Mac_gradient_waves_11708b50-4841-48d1-bf05-45b006929772.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.home-hero-bg-image.pricing {
  background-image: url('../images/Unlok_3d_render_abstract_multicolor_spectrum_background.png');
  background-position: 50%;
  background-repeat: no-repeat;
}

.home-hero-content {
  z-index: 10;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.home-hero-header {
  color: var(--white);
  font-variation-settings: "wght" 1000;
  text-align: center;
  letter-spacing: -2px;
  max-width: 1200px;
  font-family: Fraunces, sans-serif;
  font-size: 6rem;
  font-weight: 800;
  line-height: 5rem;
  display: block;
}

.home-hero-header.home {
  color: #f2eae0;
  text-align: center;
  margin-top: -100px;
  margin-bottom: -30px;
  padding-bottom: 20px;
  font-size: 8vh;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  position: relative;
}

.home-hero-header.home:hover {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to top, #fdb12e, #5b5fd8);
  -webkit-background-clip: text;
  background-clip: text;
}

.home-hero-header.home.mid {
  -webkit-text-fill-color: transparent;
  transform-style: preserve-3d;
  background-image: linear-gradient(315deg, #5b5fd8, #fdb12e);
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 2vw;
  font-size: 18vh;
  line-height: 1em;
  left: 0;
  transform: rotateX(31deg)rotateY(29deg)rotateZ(0);
}

.home-hero-header.home.right {
  margin-top: -30px;
  margin-bottom: 2vh;
  left: 15vw;
}

.home-hero-description {
  text-align: center;
  max-width: 700px;
  margin-bottom: 1rem;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

.client-upper-nav-link-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--dark-slate-grey);
  align-items: center;
  padding: 5px 10px;
  line-height: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.client-upper-nav-link-copy:hover {
  color: var(--dark-slate-grey);
  background-image: radial-gradient(circle at 50% 100%, #d6d7ff, #fff);
}

.client-upper-nav-link-copy.w--current {
  border-bottom: 2px solid var(--slate-blue);
  color: var(--slate-blue);
  background-image: radial-gradient(circle at 50% 100%, #e1e2fc, #fff);
  margin-bottom: -2px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 7px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}

.website-workspace-actions {
  justify-content: flex-end;
  padding: 20px;
  display: flex;
}

.website-create-button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 2px dashed var(--slate-blue);
  color: var(--slate-blue);
  background-color: #5b5fd826;
  border-radius: 5px;
  align-items: center;
  width: 50%;
  padding: 30px;
  text-decoration: none;
  display: flex;
}

.website-create-button:hover {
  background-color: var(--light-grey);
}

.website-create-button.disabled {
  filter: brightness(35%);
}

.website-create-button.loading {
  opacity: .75;
  background-color: #6b6dad;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
}

.website-create-button.create {
  border: 2px dashed var(--slate-blue);
  color: var(--slate-blue);
  background-color: #5b5fd859;
}

.create-brand-button {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 2px dashed var(--dark-grey);
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 310px;
  padding: 10px;
  display: flex;
}

.brand-create-button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 2px dashed var(--slate-blue);
  color: var(--slate-blue);
  background-color: #5b5fd826;
  border-radius: 5px;
  align-items: center;
  width: 310px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.brand-create-button:hover {
  background-color: var(--light-grey);
}

.brand-create-button.disabled {
  filter: brightness(35%);
}

.brand-create-button.loading {
  opacity: .75;
  background-color: #6b6dad;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
}

.brand-create-button.create {
  border: 2px dashed var(--slate-blue);
  color: var(--slate-blue);
  background-color: #5b5fd859;
}

.website-brandname {
  background-color: var(--light-grey);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.settings-button {
  background-color: var(--light-grey);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.text-span {
  color: var(--white);
  font-style: normal;
}

.text-span-2 {
  color: #888;
}

.mix-blend-color-dodge {
  z-index: 10;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: #6e5bd8;
  mix-blend-mode: color-dodge;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}

.home-hero-header-2 {
  text-align: center;
  letter-spacing: -2px;
  max-width: 1200px;
  font-family: Fraunces, sans-serif;
  font-size: 6rem;
  font-style: normal;
  font-weight: 800;
  line-height: 5rem;
  display: block;
}

.home-hero-header-2.home {
  color: #f2eae0;
  text-align: center;
  margin-top: -100px;
  margin-bottom: -30px;
  padding-bottom: 20px;
  font-size: 8vh;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  position: relative;
}

.home-hero-header-2.home:hover {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to top, #fdb12e, #5b5fd8);
  -webkit-background-clip: text;
  background-clip: text;
}

.home-hero-header-2.home.mid {
  -webkit-text-fill-color: transparent;
  transform-style: preserve-3d;
  background-image: linear-gradient(315deg, #5b5fd8, #fdb12e);
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 2vw;
  font-size: 18vh;
  line-height: 1em;
  left: 0;
  transform: rotateX(31deg)rotateY(29deg)rotateZ(0);
}

.home-hero-header-2.home.right {
  margin-top: -30px;
  margin-bottom: 2vh;
  left: 15vw;
}

.hero-label {
  z-index: 10;
  margin-bottom: 30px;
  position: relative;
}

.div-block-24 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-9 {
  color: var(--white);
  border: 1px solid #ffffff4d;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: .25rem .75rem;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.25rem;
  display: flex;
}

.nav-top-gap {
  height: 30px;
}

.brand-2 {
  mix-blend-mode: normal;
}

.tabs-menu-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.active-tab-link-item {
  background-color: var(--light-grey);
  color: var(--dark-slate-grey);
  background-image: radial-gradient(circle, #c3c5ff, #fff0);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 4px 30px;
  display: flex;
}

.active-tab-link-item:hover {
  background-image: radial-gradient(circle farthest-corner at 50% 100%, var(--slate-blue), var(--light-grey));
}

.active-tab-link-item.w--current {
  background-color: var(--white);
  background-image: radial-gradient(circle at 50% 100%, #b2b4f3, #f1f2ff);
}

.html-embed-2 {
  transform: scale(.6);
}

.loader-spinner-secondary {
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.centred-row {
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.secondary-platform-plans {
  z-index: 10;
  padding-top: 20px;
  position: relative;
  overflow: visible;
}

.secondary-pricing-top-bar {
  padding: 15px;
  display: flex;
}

.front-back-button {
  z-index: 40;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--light-grey);
  color: var(--slate-blue);
  border: 1px solid #00000026;
  border-radius: 5px;
  align-items: center;
  padding: 4px 6px;
  line-height: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.front-back-button.remove {
  color: var(--red);
  background-color: #ff303026;
  border-color: #ff303026;
}

.front-back-button.remove.nomargin {
  margin-left: 0;
}

.front-back-button.clear {
  background-color: #0000;
  border-width: 0;
  border-color: #0000;
}

.front-back-button.uploader {
  border-style: dashed;
  padding: 8px 10px;
}

.unlimited-details-block {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #180e24d9;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 30px;
  display: flex;
  box-shadow: inset 0 0 0 1px #ffffff26;
}

.unlimited-title-block {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-26 {
  z-index: 1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--slate-blue), transparent);
  filter: blur(50px);
  position: absolute;
  inset: 0%;
}

.front-1200-container {
  max-width: 1200px;
}

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

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

.token-bundle-card {
  background-color: var(--dark-purple);
  background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--slate-blue), #180e247a 71%);
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff26;
}

.token-bundle-card.extra {
  background-image: radial-gradient(circle at 0 0, #00524c, #0000);
}

.token-bundle-card.popular {
  background-image: radial-gradient(circle at 50% 0, #143d79, #0000 38%);
}

.token-bundle-card.unlimited {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/Unlok_3d_render_abstract_multicolor_spectrum_background_zoom.png');
  background-position: 50% 0;
  background-size: cover;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.token-bundle-card.max {
  background-image: linear-gradient(to top, #0000 72%, #297c8c), radial-gradient(circle farthest-corner at 50% 0%, var(--slate-blue), #180e247a 71%);
}

.token-bundle-card.max.design {
  background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--slate-blue), #180e247a 71%);
}

.token-bundle-content {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 30px;
  display: flex;
}

.token-bundle-bg {
  border-radius: 5px;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.token-fade-image {
  perspective: 314px;
  transform-style: preserve-3d;
  background-image: radial-gradient(circle at 0 0, #0000, #180e24), url('../images/TokenPiles_Lighting_v0001_beauty.1001.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 360px;
  height: 280px;
  transform: perspective(412px)rotateX(23deg)rotateY(17deg)rotateZ(11deg)translate(-33px, -29px)rotate(-6deg);
}

.token-bundle-image {
  background-image: url('../images/CROPPED_TokenPiles_Lighting_v0001_beauty.1001.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 200px;
}

.token-bundle-image._10 {
  background-image: url('../images/CROPPED_TokenPiles_Lighting_v0001_beauty.1002.png');
  background-position: 50%;
  background-size: contain;
}

.token-bundle-image._15 {
  background-image: url('../images/CROPPED_TokenPiles_Lighting_v0001_beauty.1002.png');
  background-position: 0 0;
  background-size: contain;
}

.token-bundle-image._20 {
  background-image: url('../images/CROPPED_TokenPiles_Lighting_v0001_beauty.1003.png');
}

.token-bundle-image._30 {
  background-image: url('../images/CROPPED_TokenPiles_Lighting_v0001_beauty.1005.png');
}

.token-bundle-amount {
  color: var(--light-grey);
  font-family: Fraunces, sans-serif;
  font-size: 3rem;
  font-weight: 800;
  line-height: 4rem;
}

.token-packs-header {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--white);
  align-items: center;
  font-size: 18px;
  display: flex;
}

.token-category-label {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-radius: 50px;
  align-items: center;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 18px;
  display: flex;
}

.token-category-label.green {
  background-color: #5dda6659;
}

.token-category-label.purple {
  background-color: #3d8ef459;
}

.token-category-label.orange {
  background-color: #f7d8b7;
}

.token-category-label.design {
  border: 1px solid var(--design-plan);
  background-color: #74ff7d26;
}

.token-category-label.growth {
  border: 1px solid var(--growth-plan);
  background-color: #1e25ff26;
}

.token-category-label.production {
  border: 1px solid var(--production-plan);
  background-color: #ff1ee826;
}

.request-item-full {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  align-items: stretch;
  padding: 20px;
  display: flex;
  position: relative;
}

.tokens-quote-status {
  border: 2px solid var(--lime-green);
  background-color: var(--lime-green);
  border-radius: 3px;
  display: flex;
}

.tokens-quote-status.rejected {
  border-color: var(--red);
  background-color: var(--red);
}

.tokens-quote-status.waiting {
  border-color: var(--dark-grey);
  background-color: var(--dark-grey);
}

.token-status-icon {
  color: var(--relume-library-lite-rl-white);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
}

.image-6 {
  z-index: 20;
  background-color: var(--white);
  border-radius: 30px;
  margin-top: 50px;
  padding-top: 10px;
  position: relative;
  box-shadow: inset 0 0 1px 1px #00000026;
}

.plan-product {
  color: var(--lime-green);
}

.body-dark {
  background-color: var(--v02-black);
}

.home-logos-heading {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.home-logos-box {
  z-index: 10;
  flex: 1;
  max-width: 1200px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 68px 18px;
  position: relative;
}

.home-logos-box.footer-top-wrap {
  align-items: center;
  padding-top: 50px;
  padding-bottom: 20px;
  display: flex;
}

.text-block-10 {
  color: var(--white);
  text-align: center;
}

.div-block-27 {
  background-color: #180e24;
  border-radius: 5px;
  max-width: 1200px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.home-popup-window {
  z-index: 9999;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #00000059;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.home-popup-capacity {
  background-color: var(--dark-slate-grey);
  background-image: radial-gradient(circle at 100% 0, #5b5fd84d, #0000 56%, #0000004d), url('../images/UnlokForestLinocut_v001.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border: 1px solid #ffffff26;
  border-radius: 5px;
  min-width: 800px;
  padding: 32px;
}

.heading-2 {
  color: var(--white);
  font-family: Fraunces, sans-serif;
}

.div-block-28 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #000000bf;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex;
}

.text-block-11 {
  color: var(--white);
  text-align: center;
  width: 500px;
  font-size: 16px;
}

.home-popup-capacity-form {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.home-popup-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 15vh;
  display: flex;
}

.legal-heading-section {
  justify-content: center;
  align-items: center;
  height: 166px;
  display: flex;
}

.legal-doc-container {
  max-width: 1200px;
}

.offer-heading-section {
  z-index: 10;
  background-color: var(--dark-purple);
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
}

.div-block-29 {
  height: 200px;
}

.offer-discount {
  border: 1px solid var(--lime-green);
  background-color: #5dda6626;
  border-radius: 5px;
  padding: 3px 10px;
  font-size: 18px;
  font-weight: 700;
  transform: translate(-26px, 7px)rotate(-7deg);
}

.text-block-12 {
  z-index: 10;
  color: var(--white);
  text-align: center;
  max-width: 700px;
  position: relative;
}

.crossed-out-price {
  opacity: .45;
  position: relative;
}

.div-block-30 {
  background-color: var(--white);
  border-radius: 5px;
  width: 120%;
  height: 4px;
  position: absolute;
  left: -10%;
  transform: rotate(-10deg)translate(0, 21px);
}

.quote-box {
  max-width: 1200px;
}

.quote-nandos-wrap {
  border-radius: 5px;
  padding: 15px;
}

.brand-carousel-wrap {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.testimonial-slide-accent {
  height: 110px;
  position: absolute;
  inset: -12px auto auto -66px;
}

.testimonial-arrow {
  color: #141414;
  background-color: #14141400;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  transition: all .3s;
  display: flex;
  inset: auto 0% -72px;
}

.testimonial-arrow:hover {
  color: #fff;
  background-color: #141414;
}

.testimonial-arrow.right-arrow {
  right: -72px;
}

.testimonial-arrow.left-arrow {
  left: -72px;
}

.paragraph-large {
  letter-spacing: -.015em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

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

.testimonial-logo {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 52px;
  margin-left: 40px;
  margin-right: 40px;
  transition: all .3s;
  display: flex;
}

.testimonial-logo:hover {
  color: #141414;
  transform: scale(1.2);
}

.h6-heading {
  text-align: center;
  letter-spacing: -.04em;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

.h6-heading.text-weight-medium {
  font-weight: 500;
}

.brand-carousel-block {
  flex: none;
  align-items: center;
  display: flex;
}

.testimonial-brand-wrap {
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

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

.hide {
  display: none;
}

.testimonial-slider {
  background-color: #0000;
  width: 100%;
  max-width: 792px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.container-large {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.brand-carousel-item {
  color: var(--white);
  flex: none;
  align-items: center;
  height: 60px;
  display: flex;
}

.client-link {
  color: #000;
  text-decoration: underline;
}

.grid-two-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: flex;
}

.wrap-v-large {
  z-index: 5;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.brand-carousel {
  flex: none;
  align-items: center;
  display: flex;
}

.paragraph-small {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.wrap-v-x-small {
  z-index: 5;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  width: 100px;
  display: flex;
  position: relative;
}

.section-testimonial {
  flex-direction: column;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px 5%;
  display: flex;
  position: relative;
}

.testimonial-slide-content {
  grid-row-gap: 48px;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  display: flex;
  position: relative;
}

.h1-heading {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fraunces, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
}

.feature-carousel-l, .feature-carousel-r {
  flex: none;
  display: flex;
}

.section-large {
  z-index: 10;
  width: 100%;
  padding-bottom: 0;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.feature-ticker {
  border-radius: 16px;
  align-items: center;
  width: 100%;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-carousel-badge {
  color: #000;
  letter-spacing: -.04em;
  background-color: #fff;
  border-radius: 99px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: inline-block;
  overflow: hidden;
}

.feature-carousel-badge:hover {
  color: #fff;
  background-color: #000;
}

.card-text-wrap {
  z-index: 4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.feature-noise {
  z-index: 1;
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0%;
}

.feature-accent {
  flex: none;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: auto -88px -88px auto;
}

.feature-accent.ft-a {
  z-index: 1;
  opacity: .24;
  width: 400px;
  height: 400px;
  bottom: -190px;
  right: -150px;
}

.feature-accent.ft-b {
  z-index: 1;
  opacity: 1;
  width: 400px;
  height: 400px;
  inset: -190px auto auto -114px;
}

.feature-accent.faq {
  opacity: .24;
  width: 80vw;
  height: 80vw;
  bottom: -40vw;
  right: -40vw;
}

.h2-heading {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
}

.feature-card-s {
  grid-row-gap: 0px;
  background-color: var(--linen);
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  padding: 24px 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-carousel {
  flex: none;
  align-items: center;
  display: flex;
}

.feature-card-carousel {
  background-color: var(--linen);
  border-radius: 30px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.feature-card-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: grid;
}

.feature-card-row.top {
  justify-content: flex-start;
}

.title-wrapper-s {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 440px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-primary-icon {
  z-index: 4;
  color: #f5f5f5;
  background-color: #141414;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.feature-card {
  z-index: 2;
  grid-row-gap: 80px;
  background-color: var(--linen);
  border-radius: 30px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-bg {
  object-fit: cover;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.ticker-css {
  display: none;
}

.grid-one-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.overline {
  color: #000;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.feature-carousel-item {
  flex: none;
}

.client-logo-nandos {
  background-image: url('../images/Nandos_clr.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 120px;
  height: 80px;
  margin-top: 30px;
}

.nandos-bg-effect {
  z-index: 0;
  opacity: .26;
  filter: none;
  mix-blend-mode: multiply;
  background-image: url('../images/601ebf59ca0a1a134e411f92_Nandos_Banner-1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.h6-heading-2 {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

.h6-heading-2.text-weight-medium {
  font-weight: 500;
}

.container-large-2 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.grid-two-column-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.wrap-v-x-small-2 {
  z-index: 5;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.testimonial-slide-content-2 {
  grid-row-gap: 48px;
  flex-direction: column;
  padding: 32px;
  display: flex;
  position: relative;
}

.div-block-32 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bg-test {
  z-index: 1;
  filter: saturate(400%) blur(20px);
  mix-blend-mode: screen;
  background-image: url('../images/orbsA.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.process-detail {
  color: #999;
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.process-heading {
  color: var(--dark-slate-grey);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Fraunces, sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.3;
}

.shape-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.line-break {
  border: 1px dashed #d9d9d9;
  width: 100%;
  height: 2px;
}

.process-title-wrap {
  text-align: center;
  max-width: 610px;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
}

.process-block {
  text-align: center;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.process-container {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

.shape {
  width: 100px;
  height: 100px;
}

.number-large {
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fraunces, sans-serif;
  font-size: 80px;
  font-weight: 600;
  line-height: 80px;
  position: absolute;
  top: -10px;
}

.process-paragraph {
  color: #999;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.process-title {
  color: #262626;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
}

.process-grid {
  grid-column-gap: 14px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr .25fr 1fr .25fr 1fr;
  place-items: start stretch;
}

.title-small {
  color: #8e8e8e;
  letter-spacing: 2px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.process-section {
  background-color: #fff;
  padding: 100px 5%;
}

.process-details-box {
  flex: 1;
}

.home-deco-big-blob {
  z-index: 10;
  filter: blur();
  background-image: url('../images/Glow-Orb-8.svg');
  background-size: cover;
  width: 1000px;
  height: 1000px;
  display: block;
  position: absolute;
  inset: -500px auto auto -500px;
}

.home-deco-big-blob.purple {
  background-image: url('../images/Glow-Orb-13.svg');
  inset: auto -500px -500px auto;
}

.div-block-33, .div-block-34 {
  position: relative;
}

.home-feature-content-box {
  z-index: 3;
  position: relative;
}

.div-block-35 {
  z-index: 1;
  opacity: .23;
  background-image: url('../images/Glow-Orb-4.svg');
  background-position: 100%;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  .nav-wrap {
    background-image: linear-gradient(142deg, #000, #0000 62%, #5b5fd838);
  }

  .nav-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #263239;
    background-image: radial-gradient(circle at 100% 0, #5b5fd833, #0000), radial-gradient(circle at 0 100%, #00000085, #0000);
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
    display: flex;
  }

  .nav-item.special {
    float: none;
  }

  .nav-special-wrap {
    display: block;
  }

  .nav-special-new-label {
    inset: 0% auto auto 130px;
  }

  .menu-button {
    margin-left: 20px;
  }

  .menu-button.w--open {
    color: var(--slate-blue);
    background-color: #000;
  }

  .secondary-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .text-block-2 {
    float: left;
    padding-right: 20px;
    display: block;
  }

  .icon {
    float: left;
    position: relative;
  }

  .dropdown-toggle {
    padding-bottom: 40px;
  }

  .header-spaced-grid {
    max-width: 80%;
  }

  .header-spaced-grid.home-header {
    place-content: center;
    justify-items: center;
  }

  .page-heading-wrap {
    flex-flow: column;
    place-content: center;
    align-items: center;
    width: 100%;
    padding-top: 30px;
    display: flex;
    overflow: visible;
  }

  .centred-heading.recent-work {
    padding-top: 60px;
  }

  .div-block-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-column {
    font-size: 12px;
  }

  .footer-columns-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
  }

  .startup-feature-name {
    font-size: 16px;
    line-height: 16px;
  }

  .startup-feature-item {
    margin-left: 16px;
    font-size: 12px;
    line-height: 16px;
  }

  .toggle-element-2 {
    width: 50px;
  }

  .plan-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .plan-details.highlighted {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .left-heading {
    align-self: flex-start;
    line-height: 64px;
  }

  .plan-sub-text {
    align-self: flex-start;
    width: auto;
  }

  .pricing-tab-name {
    font-size: 24px;
    line-height: 28px;
  }

  .pricing-tab-info {
    font-size: 14px;
    line-height: 18px;
  }

  .title {
    margin-top: 20px;
    font-size: 18px;
  }

  .title.highlighted {
    line-height: 22px;
  }

  .title.plan.unlimited {
    font-size: 4rem;
    line-height: 4rem;
  }

  .pricing-grid._4column {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .pricing-grid._5column {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .plan-value {
    font-size: 32px;
    line-height: 36px;
  }

  .spotlight-tag {
    top: 5px;
    right: 5px;
  }

  .web-design-header-section {
    max-width: 100vw;
  }

  .web-design-header-section.alt {
    justify-content: flex-start;
    min-height: 900px;
  }

  .wdh-container {
    flex-direction: column;
    min-height: 0;
    display: flex;
  }

  .wdh-title {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 38px;
  }

  .startup-sub-text {
    line-height: 16px;
  }

  .wdh-column-2 {
    z-index: 5;
    margin-left: -30px;
    display: block;
    position: absolute;
    top: 300px;
    transform: scale(.8);
  }

  .wdh-column {
    z-index: 10;
    width: 100%;
    min-width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
  }

  .wdh-toggles-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    padding-top: 10px;
    display: flex;
  }

  .wdh-toggle-item {
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .magic-toggle-header {
    line-height: 18px;
  }

  .magic-toggle-text {
    font-size: 12px;
    line-height: 14px;
  }

  .magic-toggle-label {
    margin-left: 8px;
  }

  .magical-websites-ix-container {
    justify-content: flex-start;
    align-items: center;
  }

  .wdh-ix-connector-long-overlay {
    height: auto;
  }

  .wdh-ix-checkout-wrap {
    align-self: center;
    width: 350px;
  }

  .wdh-cta {
    margin-top: 15px;
  }

  .web-design-section {
    z-index: 10;
    position: relative;
  }

  .site-features-block {
    grid-column-gap: 30px;
  }

  .cdh-title {
    text-align: center;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 36px;
  }

  .cdh-info.light {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .home-workedwith-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-left: 16px;
    margin-right: 16px;
  }

  .landing-header {
    flex-direction: column;
  }

  .faq-paragraph {
    line-height: 18px;
  }

  .title-subtext {
    width: 350px;
    font-size: 20px;
    line-height: 24px;
  }

  .recent-work-section {
    padding-top: 30px;
  }

  .recent-work-grid {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sub-title {
    width: 350px;
    font-size: 20px;
    line-height: 24px;
  }

  .software-grid {
    padding-left: 25px;
    padding-right: 25px;
  }

  .scope-of-work-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .scope-of-work-item-text {
    font-size: 12px;
    line-height: 14px;
  }

  .menu-button-2 {
    margin-left: 20px;
  }

  .menu-button-2.w--open {
    color: #5b5fd8;
    background-color: #000;
  }

  .magic-accent-2.home {
    font-size: 72px;
    line-height: 75px;
  }

  .top-heading-2 {
    max-width: 660px;
    font-size: 56px;
    line-height: 60px;
  }

  .top-heading-2.home {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 72px;
    line-height: 75px;
    left: 0;
  }

  .top-heading-2.home.mid {
    margin-bottom: 0;
    font-size: 150px;
    line-height: 120px;
  }

  .top-heading-2.home.right {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 72px;
    left: 0;
  }

  .startup-description-2 {
    width: 350px;
    font-size: 20px;
    line-height: 24px;
  }

  .reinvented-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .add-on-blip-2.pro {
    min-width: 80px;
    margin-right: 0;
    padding: 3px 2px;
    font-size: 10px;
  }

  .login-form.email {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-container {
    max-width: 100%;
    position: relative;
  }

  .nav-item-wrapper {
    display: none;
  }

  .dark-section {
    overflow: hidden;
  }

  .nav-link {
    margin-bottom: 5px;
  }

  .nav-bar-wrapper.new {
    width: 99vw;
    max-width: 100%;
  }

  .menu-button-3 {
    color: var(--white);
    margin-left: auto;
    margin-right: 15px;
  }

  .menu-button-3.w--open {
    background-color: #0000;
    background-image: radial-gradient(circle at 50% 100%, #000000bd, #0000);
    border-radius: 5px;
  }

  .div-block-14 {
    margin-right: 0;
  }

  .plan-nav-data {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    margin-top: 6px;
    display: flex;
  }

  .uui-space-xhuge {
    min-height: 6rem;
  }

  .uui-blogpost02_content {
    margin-bottom: 3rem;
  }

  .uui-heading-large {
    font-size: 2.75rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .spark-hero-section-image {
    width: 100%;
    max-width: 100%;
  }

  .spark-hero-section-left-side {
    width: 100%;
  }

  .spark-flex-row.spark-5-spacing {
    grid-row-gap: 2rem;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .spark-container.spark-primary-with-rounded-corners {
    padding: 32px;
  }

  .spark-line-3.spark-simple-line {
    background-color: #5532fa;
    border-radius: 3px;
    width: 12.75px;
    height: 3.33px;
    margin-left: 0;
    left: 18px;
  }

  .spark-line-2.spark-simple-line {
    background-color: #5532fa;
    border-radius: 3px;
    width: 24px;
    height: 3.33px;
  }

  .spark-line-1.spark-simple-line {
    background-color: #5532fa;
    border-radius: 2px;
    width: 24px;
    height: 3.33px;
  }

  .spark-simple-menu-button {
    background-color: #0000;
    padding-left: 18px;
  }

  .spark-simple-menu-button.w--open {
    background-color: #0000;
  }

  .spark-nav-link {
    text-align: left;
    margin-bottom: 1rem;
    margin-left: 0;
  }

  .spark-nav-link.spark-button {
    text-align: center;
    margin-bottom: 0;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .spark-nav-menu {
    z-index: 99;
    background-color: #fff;
    border-bottom-right-radius: 42px;
    border-bottom-left-radius: 42px;
    margin-top: 0;
    padding: 2rem 1rem 1rem;
  }

  .spark-square-menu-inner {
    padding: 0;
  }

  .spark-square-menu-with-links {
    padding-left: 32px;
    padding-right: 32px;
  }

  .spark-section {
    padding-top: 104px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .spark-wrapped-card {
    width: 45%;
  }

  .spark-two-column-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    justify-content: space-between;
    display: flex;
  }

  .spark-side-flat-tab {
    width: 100%;
  }

  .spark-stacked-flat-tabs-menu {
    width: 35%;
    margin-bottom: 64px;
    margin-right: 5%;
  }

  .uui-layout49_image {
    width: 35rem;
    min-width: 35rem;
    right: 2rem;
  }

  .uui-layout49_component {
    grid-column-gap: 3rem;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .action-block.center-mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .tokens-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1.2fr;
  }

  .primary-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .tokencta {
    justify-content: center;
    align-items: center;
    display: flex;
    transform: rotateX(-20deg)rotateY(-11deg)rotateZ(-6deg)perspective(275px)scale(1.5);
  }

  .plan-choice {
    justify-content: space-between;
    padding: 20px;
  }

  .plan-action-block.center-mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .focus-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .rl-heading-style-h1 {
    font-size: 3.25rem;
  }

  .rl-padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .home-hero-section.pricing {
    height: auto;
    min-height: 100vh;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-hero-section.overflowoff {
    height: auto;
    min-height: 100vh;
    padding-top: 15vh;
  }

  .home-hero-header {
    max-width: 660px;
    font-size: 5rem;
    line-height: 4rem;
  }

  .home-hero-header.home {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 72px;
    line-height: 75px;
    left: 0;
  }

  .home-hero-header.home.mid {
    margin-bottom: 0;
    font-size: 150px;
    line-height: 120px;
  }

  .home-hero-header.home.right {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 72px;
    left: 0;
  }

  .home-hero-header-2 {
    max-width: 660px;
    font-size: 5rem;
    line-height: 4rem;
  }

  .home-hero-header-2.home {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 72px;
    line-height: 75px;
    left: 0;
  }

  .home-hero-header-2.home.mid {
    margin-bottom: 0;
    font-size: 150px;
    line-height: 120px;
  }

  .home-hero-header-2.home.right {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 72px;
    left: 0;
  }

  .div-block-24 {
    padding-left: 18px;
    padding-right: 18px;
  }

  .nav-top-gap {
    height: 10px;
  }

  .token-bundle-card {
    justify-content: space-between;
    padding: 20px;
  }

  .home-logos-box {
    margin-bottom: 50px;
  }

  .grid-two-column {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .feature-ticker {
    width: 95%;
  }

  .grid-two-column-2 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .line-break {
    display: none;
  }

  .process-title-wrap {
    max-width: 600px;
    margin-bottom: 100px;
  }

  .process-grid {
    grid-column-gap: 32px;
    grid-row-gap: 60px;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    grid-template-columns: 1fr;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  h3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .top-section {
    align-items: flex-start;
    height: 780px;
  }

  .header-spaced-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: center;
    margin-top: 40px;
  }

  .header-spaced-grid.home-header {
    max-width: 100%;
  }

  .page-heading-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .container.footer-top-wrap {
    flex-direction: column;
    padding-top: 15px;
  }

  .centred-heading {
    max-width: 90%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 35px;
    line-height: 40px;
  }

  .centred-heading.recent-work {
    padding-top: 0;
  }

  .div-block-4 {
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-left: 15px;
    display: flex;
  }

  .footer-columns-wrap {
    flex-direction: row;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
  }

  .footer-copyright {
    padding-right: 15px;
  }

  .footer-legal-wrap {
    flex-direction: column;
    display: flex;
  }

  .footer-legal-link {
    padding-bottom: 10px;
  }

  .footer-logo {
    max-width: 75%;
  }

  .faq-container {
    height: auto;
    min-height: 800px;
  }

  .left-heading {
    font-size: 35px;
    line-height: 40px;
  }

  .plan-sub-text {
    font-size: 20px;
    line-height: 26px;
  }

  .plan-feature-blurb-name {
    font-size: 18px;
    line-height: 24px;
  }

  .action-plan-pre-price-text, .action-plan-post-price-text {
    font-size: 12px;
  }

  .action-plan-starting-price {
    font-size: 24px;
    line-height: 24px;
  }

  .pricing-tab-name {
    font-size: 18px;
    line-height: 24px;
  }

  .pricing-tab-info {
    font-size: 14px;
    line-height: 16px;
  }

  .title {
    margin-top: 15px;
    font-size: 16px;
  }

  .title.highlighted {
    margin-top: 0;
  }

  .pricing-details-cell {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .pricing-details-cell.discount {
    display: none;
  }

  .pricing-grid._4column {
    grid-template-columns: 1fr;
  }

  .pricing-grid._5column {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .pricing-grid.secondary {
    grid-template-columns: 1fr;
  }

  .plan-cost {
    font-size: 20px;
  }

  .pricing-cost-currency {
    font-size: 12px;
  }

  .plan-details-clarifier {
    font-size: 10px;
    line-height: 14px;
  }

  .plan-value-text {
    font-size: 14px;
  }

  .plan-value {
    font-size: 30px;
    line-height: 34px;
  }

  .plan-value-clarifier {
    font-size: 10px;
  }

  .plan-details-text {
    font-size: 12px;
    line-height: 16px;
  }

  .top-row-title {
    align-items: center;
    padding-top: 16px;
    padding-bottom: 20px;
    display: flex;
  }

  .plan-discount-mobile {
    color: var(--slate-blue);
    padding-left: 20px;
    font-size: 12px;
    display: block;
  }

  .spotlight-tag {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-top: 6px;
    padding: 4px 8px 3px;
    right: auto;
  }

  .row-icon.support {
    min-width: 30px;
    min-height: 30px;
  }

  .wdh-container {
    flex-direction: column;
  }

  .wdh-title {
    font-size: 30px;
    line-height: 32px;
  }

  .startup-sub-text {
    font-size: 12px;
    line-height: 14px;
  }

  .wdh-column-2 {
    width: 100%;
    position: absolute;
    transform: scale(.7);
  }

  .wdh-column {
    width: 100%;
  }

  .wdh-toggles-box {
    padding-top: 10px;
  }

  .plan-feature-blurb-text {
    font-size: 12px;
    line-height: 18px;
  }

  .hiw-3-step-wrap {
    grid-template-columns: minmax(0, 1fr);
  }

  .site-features-block {
    grid-column-gap: 16px;
  }

  .web-facts.medium {
    font-size: 14px;
    line-height: 18px;
  }

  .webflow-plans-box {
    grid-template-columns: 1fr;
  }

  .cdh-title {
    width: auto;
    min-width: 60%;
    font-size: 35px;
    line-height: 40px;
  }

  .cdh-subtitle {
    font-size: 34px;
  }

  .home-clients-section {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .home-workedwith-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .landing-header {
    flex-direction: column;
  }

  .reinvented-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
  }

  .title-subtext {
    text-align: center;
    width: auto;
  }

  .recent-work-section {
    justify-content: center;
    align-items: center;
    padding-top: 81px;
    padding-bottom: 65px;
  }

  .software-block {
    padding-left: 50px;
    padding-right: 50px;
  }

  .sub-title {
    text-align: center;
    width: auto;
  }

  .software-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .software-icon {
    width: 36px;
    height: 36px;
  }

  .scope-of-work-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .scope-of-work-grid._3d {
    grid-template-columns: 1fr 1fr;
  }

  .unlok-logo {
    width: 150px;
  }

  .client-area-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .client-section, .top-section-2 {
    align-items: flex-start;
    height: 780px;
  }

  .top-heading-2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 50px;
    line-height: 55px;
  }

  .top-heading-2.home.mid {
    font-size: 120px;
    line-height: 90px;
  }

  .top-heading-2.home.right {
    margin-top: 0;
    font-size: 72px;
  }

  .startup-description-2 {
    text-align: center;
    width: auto;
  }

  .centred-heading-2 {
    max-width: 90%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 35px;
    line-height: 40px;
  }

  .login-block-2 {
    min-width: 85vw;
  }

  .client-nav-container {
    background-color: var(--white);
    border-top: 2px solid #eaeaed;
    border-bottom-width: 0;
    height: 60px;
    padding-left: 6px;
    padding-right: 6px;
    position: fixed;
    inset: auto 0% 0%;
  }

  .client-upper-nav-link {
    flex-direction: column;
    width: 25%;
    padding-top: 7px;
  }

  .client-upper-nav-link.w--current {
    border-top: 2px solid var(--slate-blue);
    border-bottom-width: 0;
    margin-top: -2px;
    margin-bottom: 0;
  }

  .client-area-wrapper {
    padding-bottom: 62px;
  }

  .active-request-shelf, .open-request-details {
    flex-direction: column;
  }

  .client-area-top-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-menu-2 {
    justify-content: space-between;
    width: 100%;
  }

  .access-block {
    min-width: 85vw;
  }

  .nav-text {
    text-align: center;
    font-size: 12px;
    line-height: 12px;
  }

  .top-right-nav {
    justify-content: space-around;
    width: 100%;
    margin-bottom: 6px;
    margin-left: 0;
  }

  .personal-details, .account-details, .subscription-details, .billing-details {
    width: 100%;
  }

  .f-h1-heading {
    margin-top: 0;
    font-size: 48px;
  }

  .f-section-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .uui-space-xhuge {
    min-height: 4rem;
  }

  .uui-blogpost02_author-heading {
    font-size: 1rem;
  }

  .uui-blogpost02_author-wrapper {
    margin-top: 2rem;
  }

  .uui-blogpost02_divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .uui-badge {
    padding: .125rem .5rem;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    color: #344054;
    background-color: #fff;
  }

  .uui-text-rich-text figure {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .uui-text-rich-text figcaption {
    margin-top: .75rem;
  }

  .uui-blogpost02_content, .uui-blogpost02_content-top {
    margin-bottom: 2rem;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heading-large {
    font-size: 2.25rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-blogpost02_header {
    margin-bottom: 3rem;
  }

  .spark-hero-section-image {
    width: 100%;
    max-width: 100%;
  }

  .spark-input.spark-with-a-inner-shadow {
    width: 240px;
  }

  .spark-hero-sub-paragraph {
    margin-bottom: 32px;
  }

  .spark-hero-section-left-side {
    width: 100%;
  }

  .spark-flex-row {
    flex-direction: column;
  }

  .spark-flex-row.spark-5-spacing {
    grid-row-gap: 24px;
    flex-direction: column-reverse;
  }

  .spark-container {
    width: 100%;
  }

  .spark-nav-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .spark-nav-menu {
    max-height: 90vh;
    overflow: scroll;
  }

  .spark-square-menu-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .spark-square-menu-with-links {
    padding-left: 20px;
    padding-right: 20px;
  }

  .spark-section {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .spark-small-sub-paragraph {
    line-height: 1.3;
  }

  .spark-wrapped-card {
    width: 100%;
  }

  .spark-wrapped-card.spark-stacked {
    grid-row-gap: 16px;
    width: 100%;
  }

  .spark-two-column-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .spark-side-tabs-content {
    width: 100%;
  }

  .spark-side-flat-tab {
    padding-left: 32px;
    padding-right: 32px;
  }

  .spark-stacked-flat-tabs-menu {
    width: 100%;
  }

  .spark-secondary-paragraph {
    margin-bottom: 32px;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    color: #344054;
    background-color: #fff;
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-layout49_image {
    width: 100%;
    min-width: 100%;
    position: static;
  }

  .uui-layout49_image-wrapper {
    min-height: auto;
    padding: 1.5rem 1rem;
  }

  .uui-layout49_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .tokens-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
  }

  .tokencta {
    transform: rotateX(-20deg)rotateY(-11deg)rotateZ(-6deg)perspective(275px)scale(1.3);
  }

  .plan-choice.unlimited {
    grid-template-columns: 1fr;
  }

  .rl_header44_spacing-block-3 {
    padding-bottom: 1.5rem;
  }

  .rl-text-style-medium {
    font-size: 1rem;
  }

  .rl_header44_spacing-block-2 {
    padding-bottom: 1.25rem;
  }

  .rl-heading-style-h1 {
    font-size: 2.5rem;
  }

  .rl_header44_spacing-block-1 {
    padding-bottom: .75rem;
  }

  .rl-padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .home-hero-section {
    align-items: flex-start;
    height: 780px;
  }

  .home-hero-section.overflowoff {
    padding-top: 120px;
  }

  .home-hero-header {
    text-align: center;
    margin-bottom: 15px;
    font-size: 4rem;
    line-height: 3rem;
  }

  .home-hero-header.home.mid {
    font-size: 120px;
    line-height: 90px;
  }

  .home-hero-header.home.right {
    margin-top: 0;
    font-size: 72px;
  }

  .client-upper-nav-link-copy {
    flex-direction: column;
    width: 25%;
    padding-top: 7px;
  }

  .client-upper-nav-link-copy.w--current {
    border-top: 2px solid var(--slate-blue);
    border-bottom-width: 0;
    margin-top: -2px;
    margin-bottom: 0;
  }

  .home-hero-header-2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 4rem;
    line-height: 3rem;
  }

  .home-hero-header-2.home.mid {
    font-size: 120px;
    line-height: 90px;
  }

  .home-hero-header-2.home.right {
    margin-top: 0;
    font-size: 72px;
  }

  .div-block-24 {
    width: 100%;
  }

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

  .token-bundle-card.unlimited {
    grid-template-columns: 1fr;
  }

  .request-item-full {
    flex-direction: column;
  }

  .home-logos-box {
    max-width: 100%;
  }

  .home-logos-box.footer-top-wrap {
    flex-direction: column;
    padding-top: 15px;
  }

  .h6-heading {
    font-size: 28px;
  }

  .grid-two-column {
    grid-template-columns: 1fr;
  }

  .section-testimonial {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading {
    font-size: 48px;
  }

  .section-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading {
    font-size: 44px;
  }

  .feature-card-s, .feature-card-carousel {
    max-width: none;
  }

  .feature-card-row {
    flex-direction: column;
    align-items: center;
  }

  .feature-card {
    max-width: none;
  }

  .grid-one-column {
    grid-template-columns: 1fr;
  }

  .h6-heading-2 {
    font-size: 28px;
  }

  .grid-two-column-2 {
    grid-template-columns: 1fr;
  }

  .process-heading {
    font-size: 50px;
  }

  .process-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  .nav-wrap {
    background-image: linear-gradient(171deg, #000000c2, #0000 99%, #fff), linear-gradient(142deg, #000, #0000 62%, #5b5fd838);
  }

  .nav-cta-button {
    display: none;
  }

  .nav-cta-button.mobile {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    display: block;
  }

  .menu-button {
    margin-left: auto;
  }

  .secondary-button.mobile {
    margin: 21px;
    display: block;
  }

  .top-section {
    align-items: flex-start;
    height: 680px;
  }

  .header-spaced-grid.home-header {
    margin-top: 15px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .button {
    display: block;
  }

  .button.mobile {
    padding: 10px 15px;
    font-size: 12px;
    line-height: 12px;
  }

  .container {
    padding: 5px;
  }

  .centred-heading {
    font-size: 30px;
    line-height: 34px;
  }

  .magic-cta-sticky-wrap {
    overflow: hidden;
  }

  .magic-cta-orb {
    width: 290px;
    height: 290px;
  }

  .magic-cta-heading {
    padding-bottom: 15px;
    font-size: 45px;
    line-height: 50px;
  }

  .div-block-4 {
    justify-content: center;
    align-self: center;
  }

  .footer-columns-wrap {
    grid-template-columns: 1fr;
  }

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

  .footer-legal-wrap {
    text-align: center;
    flex-direction: row;
    align-items: center;
  }

  .magic-cta-section {
    overflow: visible;
  }

  .faq-block {
    padding: 15px;
  }

  .faq-text.title {
    font-size: 14px;
    line-height: 16px;
  }

  .action-plans-container {
    grid-template-columns: minmax(0, 1fr);
    justify-items: stretch;
  }

  .plan-header {
    flex-direction: column;
  }

  .plan-features {
    grid-template-columns: 1fr;
  }

  .plan-details {
    flex-direction: column;
  }

  .left-heading {
    align-self: flex-start;
    font-size: 24px;
    line-height: 24px;
  }

  .plan-sub-text {
    align-self: flex-start;
    width: auto;
    font-size: 20px;
    line-height: 24px;
  }

  .plan-feature-blurb-name {
    font-size: 16px;
    line-height: 22px;
  }

  .action-plan-price {
    margin-bottom: 10px;
  }

  .pricing-tab-name {
    font-size: 16px;
    line-height: 18px;
  }

  .pricing-tab-info {
    font-size: 10px;
    line-height: 14px;
  }

  .title {
    margin-top: 22px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .title.highlighted {
    margin-top: 0;
  }

  .title.plan {
    font-size: 24px;
    line-height: 26px;
  }

  .title.plan.unlimited {
    height: 100px;
    font-size: 2rem;
    line-height: 2rem;
  }

  .pricing-details-cell.spotlight {
    padding-left: 4px;
    padding-right: 4px;
  }

  .pricing-grid._4column {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: minmax(0, 1fr);
  }

  .pricing-grid._5column {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .plan-cost {
    font-size: 36px;
  }

  .pricing-cost-currency {
    font-size: 10px;
  }

  .plan-details-clarifier {
    font-size: 9px;
    line-height: 12px;
  }

  .plan-value-text {
    font-size: 10px;
    line-height: 14px;
  }

  .plan-value {
    font-size: 16px;
    line-height: 20px;
  }

  .plan-value-clarifier {
    padding-top: 5px;
    line-height: 12px;
  }

  .plan-details-text {
    font-size: 10px;
    line-height: 14px;
  }

  .plan-details-text.centred, .plan-feature-name {
    font-size: 12px;
  }

  .plan-feature-name.add-on {
    font-size: 10px;
    line-height: 12px;
  }

  .cell-value {
    font-size: 11px;
    line-height: 15px;
  }

  .spotlight-tag {
    margin-top: -9px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 8px;
    position: absolute;
    right: auto;
  }

  .web-design-header-section.alt {
    height: 820px;
    min-height: 750px;
    padding-top: 86px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .wdh-container {
    justify-content: flex-start;
    width: 91vw;
  }

  .wdh-title {
    font-size: 24px;
    line-height: 26px;
  }

  .startup-sub-text {
    font-size: 10px;
    line-height: 11px;
  }

  .wdh-column-2 {
    margin-left: 0;
    position: relative;
    top: -35px;
    transform: scale(.6);
  }

  .wdh-column {
    width: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .wdh-toggle-item {
    align-items: center;
  }

  .magic-toggle-header {
    font-size: 12px;
    line-height: 14px;
  }

  .magic-toggle-text {
    font-size: 10px;
    line-height: 11px;
  }

  .magic-toggle-label {
    margin-left: 5px;
  }

  .plan-feature-blurb-text {
    font-size: 14px;
    line-height: 16px;
  }

  .hiw-item {
    font-size: 14px;
    line-height: 18px;
  }

  .web-design-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .site-features-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: minmax(0, 1fr);
  }

  .site-feature {
    flex-direction: row;
    align-items: center;
  }

  .site-feature-icon {
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
  }

  .web-facts.medium {
    margin-left: 16px;
  }

  .unlok-method-box {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cdh-title {
    font-size: 30px;
    line-height: 34px;
  }

  .cdh-subtitle {
    font-size: 24px;
    line-height: 26px;
  }

  .cdh-column.feature {
    font-size: 12px;
    line-height: 14px;
  }

  .cdh-icon.software, .cdh-icon.commitment, .cdh-icon.meetings {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
  }

  .cdh-feature {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22px;
  }

  .home-background-wrapper {
    height: auto;
  }

  .home-gradient-ball {
    z-index: 6;
    background-image: radial-gradient(circle closest-side at 0 0, #bc6e6e80, #0000);
    inset: 0% auto 0% 0%;
  }

  .home-clients-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .home-workedwith-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .home-client {
    width: 100px;
    height: 100px;
  }

  .add-on-blip {
    margin-right: 5px;
    padding: 3px 2px;
    font-size: 8px;
  }

  .signup-button-a {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 10px;
    line-height: 12px;
  }

  .reinvented-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .faq-paragraph {
    font-size: 12px;
    line-height: 14px;
  }

  .title-subtext, .sub-title {
    font-size: 18px;
    line-height: 20px;
  }

  .software-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .scope-of-work-grid {
    padding: 8px;
  }

  .scope-of-work-item {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 8px;
  }

  .scope-of-work-item-text {
    font-size: 10px;
  }

  .scope-of-work-heading {
    margin-top: 0;
    margin-bottom: 0;
  }

  ._7-day-guarantee {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: center;
    padding: 15px;
  }

  .guarantee-icon {
    width: auto;
    height: auto;
  }

  .div-block-12 {
    padding-top: 0;
  }

  .unlok-logo {
    margin-left: auto;
    margin-right: auto;
  }

  .client-section {
    align-items: flex-start;
    height: 680px;
  }

  .menu-button-2 {
    margin-left: auto;
  }

  .top-section-2 {
    align-items: flex-start;
    height: 680px;
  }

  .magic-accent-2.home {
    font-size: 48px;
    line-height: 50px;
  }

  .button-2 {
    display: block;
  }

  .login-button-2 {
    display: none;
  }

  .top-heading-2 {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 32px;
  }

  .top-heading-2.home {
    font-size: 48px;
    line-height: 50px;
  }

  .top-heading-2.home.right {
    margin-bottom: 0;
    font-size: 48px;
  }

  .startup-description-2 {
    font-size: 18px;
    line-height: 20px;
  }

  .startup-description-2.home {
    font-size: 14px;
    line-height: 16px;
  }

  .reinvented-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .add-on-blip-2 {
    margin-right: 5px;
    padding: 3px 2px;
    font-size: 8px;
  }

  .add-on-blip-2.float-right.mobile-left {
    margin-left: 10px;
    margin-right: auto;
    inset: 0% auto auto 0%;
  }

  .add-on-blip-2.small-right {
    position: absolute;
    inset: 0% -60px 0% auto;
    transform: scale(.6);
  }

  .scope-of-work-table-2 {
    padding: 40px 8px 8px;
  }

  .centred-heading-2 {
    font-size: 30px;
    line-height: 34px;
  }

  .login-block-2 {
    min-width: 0;
    padding: 20px;
  }

  .login-block-2.green {
    padding-left: 10px;
    padding-right: 10px;
  }

  .login-form.email {
    padding-left: 0;
    padding-right: 0;
  }

  .webflow-addon-banner {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 35px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .add-on-info {
    font-size: 12px;
    line-height: 14px;
  }

  .add-on-buton {
    margin-top: 10px;
    margin-left: 0;
    font-size: 12px;
    line-height: 12px;
  }

  .auth-support-text {
    line-height: 16px;
  }

  .confirmation-heading {
    font-size: 18px;
    line-height: 18px;
  }

  .client-nav-container {
    background-color: var(--white);
    border-top: 2px solid #eaeaed;
    border-bottom-width: 0;
    height: 60px;
    padding-left: 6px;
    padding-right: 6px;
    position: fixed;
    inset: auto 0% 0%;
  }

  .client-upper-nav-link {
    flex-direction: column;
    width: 80px;
  }

  .client-upper-nav-link.w--current {
    border-top: 2px solid var(--slate-blue);
    border-bottom-width: 0;
    margin-top: -2px;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 5px;
  }

  .client-board-area {
    padding-left: 10px;
    padding-right: 10px;
  }

  .task-column-2 {
    margin-top: 15px;
  }

  .open-request-details {
    flex-direction: column;
  }

  .clients-page-header {
    flex-wrap: wrap;
    justify-content: center;
  }

  .right-button-wrap {
    margin-left: 0;
  }

  .request-details-row {
    flex-direction: column;
  }

  .data-loading-spinner-block {
    margin-top: 15px;
  }

  .icon-base.plus {
    width: 16px;
    height: 16px;
  }

  .subscription-confirmation {
    margin-top: 12px;
  }

  .payment-succesful-subtext {
    font-size: 8px;
    line-height: 10px;
  }

  .order-summary {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 5px;
  }

  .access-block {
    min-width: 0;
    padding: 20px;
  }

  .confirmation-reciept-label {
    font-size: 8px;
    line-height: 10px;
  }

  .text-block-6 {
    font-size: 10px;
    line-height: 12px;
  }

  .order-summary-plan-name {
    font-size: 12px;
    line-height: 14px;
  }

  .order-summary-addon-block {
    align-items: center;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    font-size: 10px;
    line-height: 12px;
  }

  .text-block-7 {
    font-size: 10px;
    line-height: 12px;
  }

  .account-pending-block {
    border-radius: 15px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 16px;
  }

  .heading {
    font-size: 24px;
    line-height: 24px;
  }

  .pending-text {
    font-size: 12px;
    line-height: 14px;
  }

  .nav-text {
    text-align: center;
    font-size: 10px;
    line-height: 10px;
  }

  .plan-nav-data {
    display: none;
  }

  .text-field {
    min-width: 0;
  }

  .profile-picture-edit {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    justify-content: flex-start;
  }

  .brands-loader-area {
    margin-top: 15px;
  }

  .uui-blogpost02_tag-list {
    justify-content: flex-start;
  }

  .uui-blogpost02_tag-list-wrapper {
    width: 100%;
  }

  .uui-blogpost02_share-wrapper {
    width: 100%;
    margin-bottom: 2rem;
  }

  .uui-blogpost02_content-bottom, .uui-blogpost02_content-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .spark-input.spark-with-a-inner-shadow, .spark-form-label-and-input {
    width: 100%;
  }

  .spark-flexed-form {
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .spark-flex-row {
    align-items: flex-start;
  }

  .spark-container.spark-primary-with-rounded-corners {
    padding: 16px;
  }

  .spark-simple-menu-button {
    padding-left: 0;
  }

  .spark-nav-link {
    margin-bottom: .5rem;
  }

  .spark-nav-menu {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    max-height: 90vh;
    padding: 1rem .5rem;
  }

  .spark-square-menu-inner {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
  }

  .spark-square-menu-with-links {
    padding-right: 0;
  }

  .spark-section {
    padding: 64px 20px;
  }

  .spark-section h1 {
    font-size: 3rem;
  }

  .spark-section h2 {
    font-size: 2.5rem;
  }

  .spark-bold-heading {
    line-height: 1.3;
  }

  .spark-wrapped-card.spark-stacked {
    width: 100%;
  }

  .spark-side-flat-tab {
    padding: 16px;
  }

  .spark-stacked-flat-tabs-menu {
    flex-flow: column wrap;
    justify-content: flex-start;
  }

  .spark-centered-900 {
    margin-bottom: 64px;
  }

  .cdh-feature-copy {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22px;
  }

  .tokens-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .primary-button.mobile {
    margin: 21px;
    display: block;
  }

  .tokencta {
    margin-top: -30px;
    margin-bottom: 30px;
    transform: rotateX(-20deg)rotateY(-11deg)rotateZ(-6deg)perspective(275px)scale(1.15);
  }

  .plan-blurb {
    height: auto;
  }

  .focus-button.mobile {
    margin: 21px;
    display: block;
  }

  .home-hero-section {
    align-items: flex-start;
    height: 680px;
  }

  .home-hero-section.overflowoff {
    padding-top: 120px;
    padding-bottom: 10vh;
  }

  .home-hero-bg-image {
    filter: saturate(150%) blur(50px);
  }

  .home-hero-header {
    margin-bottom: 5px;
    font-size: 3rem;
    line-height: 2.5rem;
  }

  .home-hero-header.home {
    font-size: 48px;
    line-height: 50px;
  }

  .home-hero-header.home.right {
    margin-bottom: 0;
    font-size: 48px;
  }

  .client-upper-nav-link-copy {
    flex-direction: column;
    width: 80px;
  }

  .client-upper-nav-link-copy.w--current {
    border-top: 2px solid var(--slate-blue);
    border-bottom-width: 0;
    margin-top: -2px;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 5px;
  }

  .mix-blend-color-dodge {
    margin-bottom: 1rem;
  }

  .home-hero-header-2 {
    margin-bottom: 10px;
    font-size: 3rem;
    line-height: 2.5rem;
  }

  .home-hero-header-2.home {
    font-size: 48px;
    line-height: 50px;
  }

  .home-hero-header-2.home.right {
    margin-bottom: 0;
    font-size: 48px;
  }

  .text-block-9 {
    height: auto;
    padding-top: .05rem;
    padding-bottom: .05rem;
    font-size: .6rem;
  }

  .home-logos-heading {
    margin-top: 10px;
    margin-left: 22px;
    margin-right: 22px;
    font-size: 12px;
    line-height: 14px;
  }

  .home-logos-box {
    margin-top: 22px;
    margin-bottom: 22px;
    padding: 5px;
  }

  .h6-heading {
    font-size: 22px;
  }

  .section-testimonial {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-large {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .card-text-wrap {
    width: auto;
  }

  .feature-card-s, .feature-card-carousel {
    max-width: 90vw;
  }

  .feature-card-row {
    grid-template-columns: 100%;
    max-width: 100%;
  }

  .feature-card {
    max-width: 90vw;
  }

  .grid-one-column {
    overflow: visible;
  }

  .process-heading {
    font-size: 44px;
  }

  .process-grid {
    grid-template-columns: 1fr;
  }

  .home-deco-big-blob {
    z-index: 6;
    background-image: radial-gradient(circle closest-side at 0 0, #bc6e6e80, #0000);
    inset: 0% auto 0% 0%;
  }
}

#w-node-_21dab601-5697-d57d-5b84-f7116769bfd9-79458739 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_21dab601-5697-d57d-5b84-f7116769bff0-79458739 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_84914efc-f9cc-c5c1-df65-058c4ef3317a-79458739 {
  align-self: center;
}

#w-node-_84914efc-f9cc-c5c1-df65-058c4ef3317b-79458739 {
  align-self: stretch;
}

#w-node-_84914efc-f9cc-c5c1-df65-058c4ef33184-79458739 {
  place-self: center;
}

#w-node-_84914efc-f9cc-c5c1-df65-058c4ef33185-79458739 {
  align-self: stretch;
}

#w-node-_84914efc-f9cc-c5c1-df65-058c4ef3318e-79458739 {
  place-self: center;
}

#w-node-_84914efc-f9cc-c5c1-df65-058c4ef3318f-79458739 {
  align-self: stretch;
}

#w-node-_13ad4b03-efe4-909c-9f85-91864cdd9489-79458739 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_13ad4b03-efe4-909c-9f85-91864cdd949e-79458739 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_13ad4b03-efe4-909c-9f85-91864cdd94a4-79458739 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_807fa559-298b-6264-5224-105d7f2022dc-79458739 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_627c6e2c-511a-5464-09c0-a07fae4aa147-ae4aa145, #w-node-_627c6e2c-511a-5464-09c0-a07fae4aa173-ae4aa145, #w-node-_627c6e2c-511a-5464-09c0-a07fae4aa1a3-ae4aa145 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_15104f55-05a7-c80e-476c-0702b9ad3b3e-8845877d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_15104f55-05a7-c80e-476c-0702b9ad3b41-8845877d, #w-node-_15104f55-05a7-c80e-476c-0702b9ad3b43-8845877d, #w-node-_15104f55-05a7-c80e-476c-0702b9ad3b46-8845877d, #w-node-_15104f55-05a7-c80e-476c-0702b9ad3b49-8845877d, #w-node-_15104f55-05a7-c80e-476c-0702b9ad3b4c-8845877d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d470c3bf-b512-fc5b-c71b-04c43871a9ce-ca4587b5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c2195d11-7d79-2121-5402-e420fb2182d2-4036ee58, #w-node-c2195d11-7d79-2121-5402-e420fb2182da-4036ee58, #w-node-c2195d11-7d79-2121-5402-e420fb2182e4-4036ee58, #w-node-c2195d11-7d79-2121-5402-e420fb2182ec-4036ee58, #w-node-c2195d11-7d79-2121-5402-e420fb2182f6-4036ee58, #w-node-c2195d11-7d79-2121-5402-e420fb2182fe-4036ee58, #w-node-b65af4f2-5c65-b506-e7e8-ef2b54d516e4-fba37b4f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43d834a4-ea66-1f68-05a9-f1f50543cd37-fba37b4f {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-e7448656-d624-2310-de3c-b1e121cb2c63-fba37b4f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fdec9289-eac5-9358-28cd-94e2465a5360-fba37b4f, #w-node-_9103ac21-7717-210f-51db-d1e24e65ee1c-fba37b4f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_85860409-932c-cb44-312c-994d708b17dc-fba37b4f {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_85860409-932c-cb44-312c-994d708b17e3-fba37b4f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_85860409-932c-cb44-312c-994d708b17f9-fba37b4f, #w-node-_85860409-932c-cb44-312c-994d708b180f-fba37b4f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d907cd2f-d2f7-c20c-87a5-36da5c6f978a-fba37b4f {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-d907cd2f-d2f7-c20c-87a5-36da5c6f9791-fba37b4f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d907cd2f-d2f7-c20c-87a5-36da5c6f97a7-fba37b4f, #w-node-d907cd2f-d2f7-c20c-87a5-36da5c6f97bd-fba37b4f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-17dcb63d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c665d2c8-7d2f-a0c6-d963-cc9b324af1aa-324af1a9, #w-node-c665d2c8-7d2f-a0c6-d963-cc9b324af1e0-324af1a9, #w-node-c665d2c8-7d2f-a0c6-d963-cc9b324af21a-324af1a9 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-eb7f2220 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-eb7f2220, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-eb7f2220, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-eb7f2220, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-eb7f2220 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-32831785 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-32831785, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-32831785, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-32831785, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-32831785 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-3294358a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-3294358a, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-3294358a, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-3294358a, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-3294358a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ea0e83d-ebe6-8466-fda1-5a837c095193-9ce19ae6 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-9ce19ae6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-9ce19ae6, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-9ce19ae6, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-9ce19ae6, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-9ce19ae6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cad3da94-47e4-f252-af23-58ba61ecd9ce-81751b51 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: auto center;
}

#w-node-cad3da94-47e4-f252-af23-58ba61ecd9dd-81751b51 {
  justify-self: center;
}

#w-node-_13ad4b03-efe4-909c-9f85-91864cdd9489-81751b51 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_13ad4b03-efe4-909c-9f85-91864cdd949e-81751b51 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_13ad4b03-efe4-909c-9f85-91864cdd94a4-81751b51 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-81751b51 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801deb-81751b51 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801df7-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801dfa-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801dfd-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e00-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e03-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e06-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e09-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e0c-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e0f-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e12-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e15-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e1b-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e1e-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e21-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e24-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e27-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e2a-81751b51, #w-node-_830ac864-02fe-e878-a703-3947df11dde6-81751b51, #w-node-e993f7d4-6aa7-d135-996e-b56c787f37d1-81751b51, #w-node-_8793c02b-9756-8779-1fed-37798793b403-81751b51, #w-node-c5960e1f-3333-7613-a477-53cb68e9823a-81751b51, #w-node-_4321499e-ff99-a11e-a62f-4c96d62a472a-81751b51, #w-node-c77b2d1b-54ed-acee-2151-418c012e4811-81751b51, #w-node-b7b36062-8de5-21c9-b84f-f70b7e112ac5-81751b51, #w-node-_0cce4548-5aae-0be4-eb8e-dbe397fb70c6-81751b51 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b39cfde6-1282-aafc-e41e-99827175be31-81751b51 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_14c5e59b-c7ff-e3ad-fc0e-f320516d99ec-81751b51, #w-node-_54f567f9-d357-ecd2-f4dc-0142636ff17b-81751b51, #w-node-_13989a82-09f7-34a0-a16e-d82f7836a804-81751b51, #w-node-_39c09e1e-a7df-1d0b-d45d-292871806629-81751b51, #w-node-b500fc13-150a-dcb3-7d66-a4cf21c2eef0-81751b51, #w-node-e781ba61-8fda-f7aa-166f-6a5f46a900c9-81751b51, #w-node-a370f9b6-ff33-967f-b682-3b35485c45c8-81751b51, #w-node-_3a95341d-a675-20c1-2879-58882d8bd7ec-81751b51, #w-node-_20138ee9-eccd-1a83-bbc0-52fd685355c6-81751b51, #w-node-d8d138e0-2584-3368-9ffe-420fbd17f888-81751b51, #w-node-_9915d529-ac9a-5853-b11a-0b85315f167a-81751b51, #w-node-_756a6df0-83cd-60bf-93d0-a1c01e218ddf-81751b51, #w-node-c54d5094-e6fe-7514-8185-110f9a50fea2-81751b51, #w-node-_6d1fbbab-dfca-15d6-befe-271952b07811-81751b51, #w-node-a93173b0-63dd-125a-2a0d-1e6abe1f57d4-81751b51 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e2e-81751b51 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e30-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e33-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e36-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e39-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e3c-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e3f-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e42-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e45-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e48-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e4b-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e4e-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e53-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e58-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e5d-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e62-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e67-81751b51, #w-node-_912fcf43-d0d8-e147-43fe-24bd5c95aa72-81751b51, #w-node-f4f55cfb-5ab4-16c6-f742-0d9604e1845f-81751b51, #w-node-_673866ad-b1bd-d061-f75c-043e3e907e8d-81751b51 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_807fa559-298b-6264-5224-105d7f2022dc-81751b51 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-f4b10c96 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-f4b10c96, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-f4b10c96, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-f4b10c96, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-f4b10c96, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-05af5f58 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_352f056d-bfb4-0558-66f5-589363d9d6fe-786c42b5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d470c3bf-b512-fc5b-c71b-04c43871a9ce-786c42b5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_352f056d-bfb4-0558-66f5-589363d9d6fe-282b53e1 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d470c3bf-b512-fc5b-c71b-04c43871a9ce-282b53e1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-541f70d1 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-541f70d1, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-541f70d1, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-541f70d1, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-541f70d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_21dab601-5697-d57d-5b84-f7116769bfe8-79458739 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_21dab601-5697-d57d-5b84-f7116769bff0-79458739 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_3a3f2f62-7c1c-6480-14e5-612b72bbe227-79458739 {
    grid-area: 1 / 4 / 2 / 6;
  }

  #w-node-_627c6e2c-511a-5464-09c0-a07fae4aa1cf-ae4aa145 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b65af4f2-5c65-b506-e7e8-ef2b54d516e4-fba37b4f, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-17dcb63d {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c665d2c8-7d2f-a0c6-d963-cc9b324af250-324af1a9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-eb7f2220, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-32831785, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-3294358a, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-9ce19ae6 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-cad3da94-47e4-f252-af23-58ba61ecd9ce-81751b51 {
    place-self: center;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-81751b51 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801deb-81751b51, #w-node-b39cfde6-1282-aafc-e41e-99827175be31-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e2e-81751b51 {
    grid-column: span 3 / span 3;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-f4b10c96, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-05af5f58, #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-541f70d1 {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_13ad4b03-efe4-909c-9f85-91864cdd9489-79458739 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_13ad4b03-efe4-909c-9f85-91864cdd9491-79458739 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_13ad4b03-efe4-909c-9f85-91864cdd9498-79458739 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_13ad4b03-efe4-909c-9f85-91864cdd949e-79458739 {
    grid-area: 3 / 1 / 3 / 2;
  }

  #w-node-_13ad4b03-efe4-909c-9f85-91864cdd94a4-79458739 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8031253c-54eb-9267-3762-4cb72f520d7b-79458739, #w-node-_8031253c-54eb-9267-3762-4cb72f520d98-79458739 {
    grid-column: span 3 / span 3;
  }

  #w-node-_8031253c-54eb-9267-3762-4cb72f520de9-79458739, #w-node-_8031253c-54eb-9267-3762-4cb72f520df8-79458739, #w-node-_8031253c-54eb-9267-3762-4cb72f520e07-79458739, #w-node-_8031253c-54eb-9267-3762-4cb72f520e16-79458739, #w-node-_8031253c-54eb-9267-3762-4cb72f520e25-79458739, #w-node-_8031253c-54eb-9267-3762-4cb72f520e3a-79458739, #w-node-_8031253c-54eb-9267-3762-4cb72f520e51-79458739, #w-node-_8031253c-54eb-9267-3762-4cb72f520e62-79458739, #w-node-_8031253c-54eb-9267-3762-4cb72f520e73-79458739 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_983880f3-de4d-1b6c-8a31-a2810d5f5826-79458739, #w-node-_652a3128-7fa8-3243-3428-ec43ba1c3803-79458739, #w-node-_98304bec-cbde-2189-6cdd-258969826b7a-79458739, #w-node-_652a3128-7fa8-3243-3428-ec43ba1c3837-79458739, #w-node-fa930a62-13e7-0d0f-40f7-d6b18e43ee6f-79458739, #w-node-c9c13cc9-1e69-4500-06b3-5f51dcf1383f-79458739, #w-node-e4510db0-b2eb-318e-57b5-2c5b0c8d4803-79458739, #w-node-_20b51469-def1-1e7a-70b9-434138bbd354-79458739, #w-node-_20b51469-def1-1e7a-70b9-434138bbd371-79458739 {
    grid-column: span 3 / span 3;
  }

  #w-node-_20b51469-def1-1e7a-70b9-434138bbd3c0-79458739, #w-node-_20b51469-def1-1e7a-70b9-434138bbd3cf-79458739, #w-node-_20b51469-def1-1e7a-70b9-434138bbd3de-79458739, #w-node-_20b51469-def1-1e7a-70b9-434138bbd3ed-79458739, #w-node-_20b51469-def1-1e7a-70b9-434138bbd3fc-79458739, #w-node-_20b51469-def1-1e7a-70b9-434138bbd411-79458739, #w-node-_20b51469-def1-1e7a-70b9-434138bbd428-79458739, #w-node-_20b51469-def1-1e7a-70b9-434138bbd439-79458739, #w-node-_20b51469-def1-1e7a-70b9-434138bbd44a-79458739 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_627c6e2c-511a-5464-09c0-a07fae4aa147-ae4aa145, #w-node-_627c6e2c-511a-5464-09c0-a07fae4aa173-ae4aa145, #w-node-_627c6e2c-511a-5464-09c0-a07fae4aa1a3-ae4aa145 {
    grid-row: span 1 / span 1;
  }

  #w-node-_627c6e2c-511a-5464-09c0-a07fae4aa1cf-ae4aa145, #w-node-d470c3bf-b512-fc5b-c71b-04c43871a9ce-ca4587b5 {
    grid-column: span 1 / span 1;
  }

  #w-node-_249816f4-93fd-052d-564c-3f59a07fa28c-ca4587b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa2be-ca4587b5 {
    grid-column: span 3 / span 3;
  }

  #w-node-_249816f4-93fd-052d-564c-3f59a07fa321-ca4587b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa330-ca4587b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa33f-ca4587b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa34e-ca4587b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa35d-ca4587b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa36b-ca4587b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa37f-ca4587b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa38c-ca4587b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa399-ca4587b5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b65af4f2-5c65-b506-e7e8-ef2b54d516e4-fba37b4f {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b65af4f2-5c65-b506-e7e8-ef2b54d516f3-fba37b4f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-17dcb63d {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-17dcb63d {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c665d2c8-7d2f-a0c6-d963-cc9b324af1aa-324af1a9, #w-node-c665d2c8-7d2f-a0c6-d963-cc9b324af1e0-324af1a9, #w-node-c665d2c8-7d2f-a0c6-d963-cc9b324af21a-324af1a9 {
    grid-row: span 1 / span 1;
  }

  #w-node-c665d2c8-7d2f-a0c6-d963-cc9b324af250-324af1a9 {
    grid-column: span 1 / span 1;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-eb7f2220 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-eb7f2220, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-eb7f2220, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-eb7f2220 {
    grid-row: span 1 / span 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-eb7f2220 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-eb7f2220 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-32831785 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-32831785, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-32831785, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-32831785 {
    grid-row: span 1 / span 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-32831785 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-32831785 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-3294358a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-3294358a, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-3294358a, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-3294358a {
    grid-row: span 1 / span 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-3294358a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-3294358a {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-9ce19ae6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-9ce19ae6, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-9ce19ae6, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-9ce19ae6 {
    grid-row: span 1 / span 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-9ce19ae6 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-9ce19ae6 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_13ad4b03-efe4-909c-9f85-91864cdd9489-81751b51 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_13ad4b03-efe4-909c-9f85-91864cdd9491-81751b51 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_13ad4b03-efe4-909c-9f85-91864cdd9498-81751b51 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_13ad4b03-efe4-909c-9f85-91864cdd949e-81751b51 {
    grid-area: 3 / 1 / 3 / 2;
  }

  #w-node-_13ad4b03-efe4-909c-9f85-91864cdd94a4-81751b51 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-81751b51 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-81751b51 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801deb-81751b51, #w-node-b39cfde6-1282-aafc-e41e-99827175be31-81751b51, #w-node-dcc3a0a7-6865-6b6b-e22c-a3edd2801e2e-81751b51 {
    grid-column: span 2 / span 2;
  }

  #w-node-_8031253c-54eb-9267-3762-4cb72f520d7b-81751b51, #w-node-_8031253c-54eb-9267-3762-4cb72f520d98-81751b51 {
    grid-column: span 3 / span 3;
  }

  #w-node-_8031253c-54eb-9267-3762-4cb72f520de9-81751b51, #w-node-_8031253c-54eb-9267-3762-4cb72f520df8-81751b51, #w-node-_8031253c-54eb-9267-3762-4cb72f520e07-81751b51, #w-node-_8031253c-54eb-9267-3762-4cb72f520e16-81751b51, #w-node-_8031253c-54eb-9267-3762-4cb72f520e25-81751b51, #w-node-_8031253c-54eb-9267-3762-4cb72f520e3a-81751b51, #w-node-_8031253c-54eb-9267-3762-4cb72f520e51-81751b51, #w-node-_8031253c-54eb-9267-3762-4cb72f520e62-81751b51, #w-node-_8031253c-54eb-9267-3762-4cb72f520e73-81751b51 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_983880f3-de4d-1b6c-8a31-a2810d5f5826-81751b51, #w-node-_652a3128-7fa8-3243-3428-ec43ba1c3803-81751b51, #w-node-_98304bec-cbde-2189-6cdd-258969826b7a-81751b51, #w-node-_652a3128-7fa8-3243-3428-ec43ba1c3837-81751b51, #w-node-fa930a62-13e7-0d0f-40f7-d6b18e43ee6f-81751b51, #w-node-c9c13cc9-1e69-4500-06b3-5f51dcf1383f-81751b51, #w-node-e4510db0-b2eb-318e-57b5-2c5b0c8d4803-81751b51, #w-node-_20b51469-def1-1e7a-70b9-434138bbd354-81751b51, #w-node-_20b51469-def1-1e7a-70b9-434138bbd371-81751b51 {
    grid-column: span 3 / span 3;
  }

  #w-node-_20b51469-def1-1e7a-70b9-434138bbd3c0-81751b51, #w-node-_20b51469-def1-1e7a-70b9-434138bbd3cf-81751b51, #w-node-_20b51469-def1-1e7a-70b9-434138bbd3de-81751b51, #w-node-_20b51469-def1-1e7a-70b9-434138bbd3ed-81751b51, #w-node-_20b51469-def1-1e7a-70b9-434138bbd3fc-81751b51, #w-node-_20b51469-def1-1e7a-70b9-434138bbd411-81751b51, #w-node-_20b51469-def1-1e7a-70b9-434138bbd428-81751b51, #w-node-_20b51469-def1-1e7a-70b9-434138bbd439-81751b51, #w-node-_20b51469-def1-1e7a-70b9-434138bbd44a-81751b51 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-f4b10c96 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-f4b10c96, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-f4b10c96, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-f4b10c96 {
    grid-row: span 1 / span 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-f4b10c96 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-f4b10c96 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-05af5f58 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-05af5f58 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_352f056d-bfb4-0558-66f5-589363d9d6fe-786c42b5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d470c3bf-b512-fc5b-c71b-04c43871a9ce-786c42b5 {
    grid-column: span 1 / span 1;
  }

  #w-node-_249816f4-93fd-052d-564c-3f59a07fa28c-786c42b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa2be-786c42b5 {
    grid-column: span 3 / span 3;
  }

  #w-node-_249816f4-93fd-052d-564c-3f59a07fa321-786c42b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa330-786c42b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa33f-786c42b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa34e-786c42b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa35d-786c42b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa36b-786c42b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa37f-786c42b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa38c-786c42b5, #w-node-_249816f4-93fd-052d-564c-3f59a07fa399-786c42b5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_352f056d-bfb4-0558-66f5-589363d9d6fe-282b53e1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d470c3bf-b512-fc5b-c71b-04c43871a9ce-282b53e1 {
    grid-column: span 1 / span 1;
  }

  #w-node-_249816f4-93fd-052d-564c-3f59a07fa28c-282b53e1, #w-node-_249816f4-93fd-052d-564c-3f59a07fa2be-282b53e1 {
    grid-column: span 3 / span 3;
  }

  #w-node-_249816f4-93fd-052d-564c-3f59a07fa321-282b53e1, #w-node-_249816f4-93fd-052d-564c-3f59a07fa330-282b53e1, #w-node-_249816f4-93fd-052d-564c-3f59a07fa33f-282b53e1, #w-node-_249816f4-93fd-052d-564c-3f59a07fa34e-282b53e1, #w-node-_249816f4-93fd-052d-564c-3f59a07fa35d-282b53e1, #w-node-_249816f4-93fd-052d-564c-3f59a07fa36b-282b53e1, #w-node-_249816f4-93fd-052d-564c-3f59a07fa37f-282b53e1, #w-node-_249816f4-93fd-052d-564c-3f59a07fa38c-282b53e1, #w-node-_249816f4-93fd-052d-564c-3f59a07fa399-282b53e1 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba14-541f70d1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba4a-541f70d1, #w-node-d47c7d13-ab17-840f-74e8-9cc75004ba84-541f70d1, #w-node-c740f44d-3f80-ee65-09eb-5157792f3aef-541f70d1 {
    grid-row: span 1 / span 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-541f70d1 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-541f70d1 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_21dab601-5697-d57d-5b84-f7116769bfd9-79458739, #w-node-_21dab601-5697-d57d-5b84-f7116769bfe8-79458739 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_21dab601-5697-d57d-5b84-f7116769bff0-79458739 {
    grid-column: span 1 / span 1;
  }

  #w-node-_3a3f2f62-7c1c-6480-14e5-612b72bbe227-79458739, #w-node-_13ad4b03-efe4-909c-9f85-91864cdd9489-79458739, #w-node-_13ad4b03-efe4-909c-9f85-91864cdd9491-79458739, #w-node-_13ad4b03-efe4-909c-9f85-91864cdd9498-79458739 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_40c70b20-67ac-3089-e9e9-678e6de0e995-6de0e961 {
    justify-self: center;
  }

  #w-node-b65af4f2-5c65-b506-e7e8-ef2b54d516e4-fba37b4f {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b65af4f2-5c65-b506-e7e8-ef2b54d516f3-fba37b4f {
    grid-column: 1 / 2;
    grid-row-start: 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-17dcb63d {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-17dcb63d {
    grid-column: 1 / 2;
    grid-row-start: 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-eb7f2220 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-eb7f2220 {
    grid-column: 1 / 2;
    grid-row-start: 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-32831785 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-32831785 {
    grid-column: 1 / 2;
    grid-row-start: 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-3294358a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-3294358a {
    grid-column: 1 / 2;
    grid-row-start: 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-9ce19ae6 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-9ce19ae6 {
    grid-column: 1 / 2;
    grid-row-start: 1;
  }

  #w-node-f59538ef-8feb-9ce6-ad21-68689288e4a2-81751b51, #w-node-f59538ef-8feb-9ce6-ad21-68689288e4a3-81751b51, #w-node-f59538ef-8feb-9ce6-ad21-68689288e4a4-81751b51, #w-node-f59538ef-8feb-9ce6-ad21-68689288e4a5-81751b51 {
    place-self: center;
  }

  #w-node-f59538ef-8feb-9ce6-ad21-68689288e4a6-81751b51 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-81751b51 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-81751b51 {
    grid-column: 1 / 2;
    grid-row-start: 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-f4b10c96 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-f4b10c96 {
    grid-column: 1 / 2;
    grid-row-start: 1;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-05af5f58 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-05af5f58 {
    grid-column: 1 / 2;
    grid-row-start: 1;
  }

  #w-node-a750b2ab-fe9d-59a5-fc34-1e7f1a68d567-61fb80b8, #w-node-_1e7a8ab9-0af5-346b-6192-7941adb14e57-271172e8 {
    justify-self: center;
  }

  #w-node-_4ad474c4-9313-0f83-737c-889879ac1af1-786c42b5, #w-node-_4ad474c4-9313-0f83-737c-889879ac1af2-786c42b5, #w-node-_4ad474c4-9313-0f83-737c-889879ac1af3-786c42b5, #w-node-_4ad474c4-9313-0f83-737c-889879ac1af4-786c42b5 {
    place-self: center;
  }

  #w-node-_4ad474c4-9313-0f83-737c-889879ac1af5-786c42b5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_4ad474c4-9313-0f83-737c-889879ac1af1-282b53e1, #w-node-_4ad474c4-9313-0f83-737c-889879ac1af2-282b53e1, #w-node-_4ad474c4-9313-0f83-737c-889879ac1af3-282b53e1, #w-node-_4ad474c4-9313-0f83-737c-889879ac1af4-282b53e1 {
    place-self: center;
  }

  #w-node-_4ad474c4-9313-0f83-737c-889879ac1af5-282b53e1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fbc-541f70d1 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-afc01afb-1519-67a6-e6a1-5de8ff310fcb-541f70d1 {
    grid-column: 1 / 2;
    grid-row-start: 1;
  }

  #w-node-_62c3f5af-b11f-0ca3-b350-02a42f1eb4f8-541f70d1 {
    justify-self: center;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}