:root {
  --overlay-1: #f7f7f7;
  --brand-primary: #6be7c8;
  --base-1: #171615;
  --background: #0c0b09;
  --overlay-2: #ccc;
  --overlay-3: #8f8f8f;
  --base-2: #21201f;
  --base-3: #2a2827;
  --overlay-4: #595857;
  --base-4: #3d3c3a;
  --base-hover: #22211f;
  --brand-secondary: #03c9a9;
  --brand-tertriary: #00a0af;
}

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

p {
  color: var(--overlay-1);
  margin-bottom: 0;
}

a {
  color: var(--brand-primary);
  cursor: pointer;
  text-decoration: none;
}

.navbar {
  z-index: 100;
  background-color: var(--base-1);
  flex-direction: column;
  justify-content: center;
  height: 52px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 4px 11px 5px #0c0b0980;
}

.navbar.partners {
  flex-direction: column;
  display: flex;
}

.navbar.new-navbar {
  background-color: #0a0b0b;
}

.body {
  background-color: var(--background);
  font-family: Inter, sans-serif;
  line-height: 140%;
}

.body.body-home {
  background-color: #0a0b0b;
}

.hero-section {
  z-index: 2;
  background-image: linear-gradient(to bottom, transparent, #0c0b09e6 55%, var(--background)), url('../images/Plans--Pricing-Background-1.png'), linear-gradient(to bottom, var(--background), var(--background));
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, contain, auto;
  margin-top: 52px;
  padding-top: 100px;
  position: relative;
}

.hero-section.landing {
  margin-top: 0;
  padding-top: 100px;
  overflow: visible;
}

.hero-section.pro {
  background-image: linear-gradient(to bottom, #fff0 72%, var(--background)), radial-gradient(circle farthest-side at 50% 100%, #f7f7f70d, var(--background)), linear-gradient(to bottom, var(--background), var(--background));
  padding-top: 100px;
}

.hero-section.about {
  height: auto;
  max-height: 900px;
  padding-top: 100px;
}

.hero-section.partners, .hero-section.business {
  height: auto;
  padding-top: 100px;
}

.content-container {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: visible;
}

.content-container.footer {
  padding: 0 16px;
}

.content-container.hero {
  background-image: none;
  background-position: 0 0;
  padding-top: 0;
  padding-bottom: 20px;
}

.content-container.banner {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 64px;
  padding-right: 64px;
}

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

.flex-vert-center.middle {
  justify-content: center;
}

.flex-vert-center.bottom {
  justify-content: flex-end;
}

.flex-vert-center.hero-row {
  cursor: pointer;
  transition: all .3s;
  bottom: 0;
}

.flex-vert-center.hero-row:hover {
  bottom: 3px;
}

.flex-vert-center._100 {
  width: 100%;
}

.flex-vert-center._100.logos {
  margin-top: 200px;
}

.h1 {
  color: #f7f7f7;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 140%;
}

.h1.hero {
  background-image: none;
  background-position: 0 0;
  font-size: 80px;
}

.h1.mobile {
  display: none;
}

.green-text {
  color: var(--brand-primary);
}

.green-text.underline {
  text-decoration: underline;
}

.hero-background {
  z-index: 1;
  background-image: linear-gradient(to right, var(--background), #0c0b0900 4%), linear-gradient(270deg, #0c0b09, #0c0b0900 10%), linear-gradient(to bottom, #0c0b0900, #0c0b0991 52%, var(--background) 80%), url('../images/Hero-Img.jpeg');
  opacity: .6;
  background-position: 0 0, 0 0, 0 0, 50%;
  background-size: auto, auto, auto, cover;
  height: 600px;
  position: absolute;
  inset: 0 0% auto 0;
}

.hero-background.credits {
  background-image: linear-gradient(to bottom, #0c0b0900, var(--background)), url('../images/CreditsBackground.jpg');
  opacity: 1;
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  height: 100%;
  top: 0;
}

.hero-background.business {
  background-image: linear-gradient(to bottom, #0c0b0900, var(--background) 91%), linear-gradient(to bottom, #0c0b09b3, #0c0b09b3), url('../images/photo_2021-05-06_23-11-48.jpg'), radial-gradient(circle closest-corner at 50% 100%, #f7f7f71a, var(--background));
  opacity: 1;
  background-position: 0 0, 0 0, 50% 0, 0 0;
  background-repeat: repeat, repeat, no-repeat, repeat;
  background-size: auto, auto, cover, auto;
  background-attachment: scroll, scroll, scroll, scroll;
  height: 100vh;
  max-height: 900px;
  top: -150px;
}

.paragraph {
  color: var(--overlay-2);
  align-self: center;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.paragraph.gray {
  color: var(--overlay-3);
}

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

.paragraph.white-text {
  color: var(--overlay-1);
}

.main-cta {
  background-color: #03c9a900;
  background-image: linear-gradient(to bottom, var(--background), var(--background));
  color: #6be7c8;
  letter-spacing: 3px;
  text-transform: uppercase;
  border: 2px #6be7c8;
  padding: 8px 32px;
  font-weight: 600;
  line-height: 24px;
  transition: all .2s;
}

.main-cta:hover {
  background-color: #03c9a940;
  background-image: linear-gradient(to bottom, #6be7c840, #6be7c840), linear-gradient(to bottom, var(--background), var(--background));
  color: var(--overlay-1);
  text-shadow: 0 0 10px #f7f7f780;
  box-shadow: 0 0 8px 2px #f7f7f733, inset 0 -18px 17px -8px #f7f7f74d;
}

.main-cta.pricing {
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--base-1), var(--base-1));
  text-align: center;
  min-width: 300px;
  padding-right: 32px;
}

.main-cta.pricing:hover {
  background-image: linear-gradient(to bottom, #6be7c840, #6be7c840), linear-gradient(to bottom, var(--base-2), var(--base-2));
}

.main-cta.small {
  background-image: linear-gradient(to bottom, var(--base-1), var(--base-1));
  padding-left: 65px;
  padding-right: 65px;
  font-size: 12px;
}

.main-cta.small:hover {
  background-image: linear-gradient(to top, #6be7c84d, #fff0), linear-gradient(to bottom, #6be7c840, #6be7c840), linear-gradient(to bottom, var(--base-1), var(--base-1));
  text-shadow: 0 0 5px #f7f7f780;
}

.main-cta.small.bg {
  background-image: linear-gradient(to bottom, var(--background), var(--background));
}

.main-cta.small.bg:hover {
  background-image: linear-gradient(to bottom, #6be7c840, #6be7c840), linear-gradient(to bottom, var(--background), var(--background));
}

.main-cta.small.button-pricing-content {
  text-align: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.main-cta.small.button-pricing-content.button-pricing-content-lite {
  color: #f7f7f7;
  border-color: #f7f7f7;
}

.main-cta.small.button-pricing-content.button-pricing-content-lite:hover {
  background-color: #82828240;
  background-image: linear-gradient(0deg, #4545454d, #fff0), linear-gradient(to bottom, #b9b9b940, #b9b9b940), linear-gradient(to bottom, var(--base-1), var(--base-1));
}

.main-cta.contact {
  background-image: linear-gradient(to bottom, var(--base-1), var(--base-1));
}

.main-cta.contact:hover {
  background-image: linear-gradient(to bottom, #6be7c840, #6be7c840), linear-gradient(to bottom, var(--base-1), var(--base-1));
}

.main-cta.partners {
  padding-left: 90px;
  padding-right: 87px;
}

.main-cta.big {
  text-align: center;
  width: 100%;
}

.section {
  z-index: 2;
  background-color: var(--background);
  position: relative;
}

.section.demo {
  background-color: var(--background);
  flex-direction: column;
  display: flex;
}

.h2 {
  color: #f7f7f7;
  letter-spacing: -.5px;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 500;
  line-height: 60px;
}

.h2._20bot.about {
  width: 525px;
}

.flex-hor-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.flex-hor-left.middle {
  align-self: center;
  align-items: center;
}

.flex-hor-left.top {
  align-items: flex-start;
}

.flex-hor-left.articles, .flex-hor-left.business {
  justify-content: space-around;
}

.flex-hor-left.footer {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 90%;
  padding-top: 0;
  padding-bottom: 0;
}

.flex-hor-out {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.flex-hor-out._100 {
  justify-content: space-around;
  width: 100%;
}

.flex-hor-out._100.mobile {
  display: none;
}

.flex-hor-out._100.partners {
  opacity: .5;
}

.flex-hor-out.middle {
  align-items: center;
  width: 100%;
}

.flex-hor-out.top {
  align-items: flex-start;
}

.flex-hor-out._50 {
  width: 50%;
}

.flex-hor-out.footer {
  padding-top: 0;
  padding-bottom: 0;
}

.flex-hor-out.demo {
  align-items: flex-start;
}

.flex-hor-out.banner {
  justify-content: center;
  align-items: center;
}

.testimonial-img {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 480px;
  height: 550px;
  margin-bottom: 10px;
  margin-right: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-artist {
  color: #8f8f8f;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.testimonial-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 550px;
  display: flex;
  position: relative;
}

.testimonial-tag {
  color: var(--overlay-1);
  letter-spacing: 1px;
  text-transform: uppercase;
  align-items: center;
  font-size: 12px;
  line-height: 24px;
  display: flex;
}

.testimonial-paragraph {
  color: #f7f7f7;
  width: 100%;
  min-width: 575px;
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 500;
  line-height: 140%;
}

.flex-hor-right {
  justify-content: flex-end;
  align-self: auto;
  display: flex;
}

.flex-hor-right.middle {
  align-items: center;
}

.flex-hor-right.footer, .tabs-content {
  display: none;
}

.flex-hor-middle {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.flex-hor-middle._100 {
  justify-content: center;
  width: 100%;
}

.flex-hor-middle.top {
  align-items: flex-start;
}

.pricing-card {
  background-color: var(--base-1);
  color: #f7f7f7;
  border: 1px #272625;
  border-radius: 2px;
  flex-direction: column;
  align-items: center;
  max-width: 360px;
  padding-top: 32px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.pricing-card.filled {
  align-items: center;
  padding-top: 32px;
  padding-left: 24px;
  padding-right: 24px;
  transition: all .2s;
  box-shadow: 0 0 20px 9px #f7f7f71a;
}

.pricing-card.filled:hover {
  box-shadow: 0 0 20px 11px #f7f7f726;
}

.pricing-card.middle {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: relative;
}

.tabs-menu {
  border: 1px solid var(--overlay-3);
  border-radius: 2px;
  display: none;
  overflow: hidden;
}

.tab-link {
  color: var(--overlay-2);
  text-align: center;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 2px;
  width: 100px;
  padding-left: 0;
  padding-right: 0;
  line-height: 18px;
  transition: all .2s;
}

.tab-link:hover {
  box-shadow: inset 0 -18px 17px -11px #f7f7f74d;
}

.tab-link.w--current {
  border: 1px solid var(--brand-primary);
  color: #f7f7f7;
  text-shadow: 0 0 5px #f7f7f780;
  background-color: #6be7c840;
  border-radius: 2px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: inset 0 -18px 17px -8px #f7f7f74d;
}

.pricing-price {
  color: #fff;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
}

.pricing-description {
  color: var(--overlay-2);
  margin-top: 0;
  font-size: 14px;
  line-height: 15.6px;
}

.non-active-cta {
  color: #595857;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #0000;
  border: 2px solid #595857;
  padding: 8px 40px;
  font-weight: 600;
  line-height: 24px;
}

.non-active-cta.pricing {
  text-align: center;
  min-width: 300px;
}

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

.flex-vert-left._100 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.flex-vert-left.card {
  z-index: 20;
  position: relative;
}

.flex-vert-left.right {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}

.pricing-description-li {
  color: var(--overlay-3);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 25.5px;
}

.checkbox-div {
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  margin-right: 10px;
  display: flex;
}

.checkbox-div.active {
  border-color: #6be7c8;
  min-width: 20px;
  height: 20px;
  box-shadow: 0 0 5px #f7f7f74d;
}

.pricing-feature {
  color: var(--overlay-2);
  padding-top: 2px;
  font-size: 16px;
  line-height: 25.5px;
}

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

.white-text {
  color: #f7f7f7;
}

.demo-card {
  background-color: var(--base-1);
  cursor: pointer;
  border-radius: 2px;
  flex-direction: column;
  align-items: center;
  width: 150px;
  max-width: 250px;
  padding: 10px 15px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.demo-card:hover {
  box-shadow: inset 0 -18px 17px -11px #f7f7f74d, 0 0 5px 2px #f7f7f780;
}

.demo-img {
  border: 3px solid #0000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 105px;
  display: flex;
  overflow: hidden;
}

.demo-title {
  color: #f7f7f7;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18.2px;
}

.demo-credit {
  background-color: var(--base-3);
  color: var(--overlay-1);
  text-align: center;
  align-items: center;
  height: 24px;
  margin-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 400;
  line-height: 18.2px;
  display: flex;
}

.footer {
  z-index: 2;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  inset: 0% 0% auto;
}

.secondary-cta {
  border: 1px none var(--brand-primary);
  background-color: var(--base-1);
  color: var(--brand-primary);
  text-align: center;
  border-radius: 2px;
  align-items: center;
  height: 32px;
  padding: 0 16px 1px;
  font-family: Inter, sans-serif;
  transition: all .2s;
  display: flex;
}

.secondary-cta:hover {
  background-image: linear-gradient(to bottom, #6be7c840, #6be7c840), linear-gradient(to bottom, var(--base-1), var(--base-1));
  color: var(--overlay-1);
  text-shadow: 0 0 5px #f7f7f780;
  box-shadow: inset 0 -20px 18px -11px #f7f7f74d;
}

.spacer-m {
  width: 16px;
  height: 16px;
}

.vert-sepeator {
  background-color: var(--overlay-4);
  width: 1px;
  height: 24px;
}

.nav-link {
  color: var(--overlay-1);
  border-bottom: 2px solid #0000;
  border-left: 1px #0000;
  border-right: 1px #0000;
  justify-content: center;
  align-items: center;
  height: 52px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-link:hover {
  border-right: 1px #6be7c833;
  border-bottom: 2px solid var(--brand-primary);
  text-shadow: 0 0 7px #f7f7f780;
  border-left: 1px #6be7c833;
}

.nav-link.w--current {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--brand-primary);
  text-shadow: 0 0 7px #f7f7f780;
  background-image: linear-gradient(#6be7c800, #6be7c81a 38%, #6be7c866);
  box-shadow: inset 0 -20px 11px -13px #f7f7f74d;
}

.muso-search {
  background-color: var(--base-3);
  color: var(--overlay-2);
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  transition: all .2s;
  display: flex;
}

.muso-search:hover {
  box-shadow: 0 0 0 1px var(--overlay-3);
  color: var(--overlay-2);
}

.muso-search.landing {
  border: 1px solid var(--overlay-4);
  background-color: var(--base-3);
  color: var(--overlay-2);
  padding-bottom: 1px;
}

.muso-search.landing:hover {
  box-shadow: 0 0 0 1px var(--overlay-3);
}

.muso-search.mobile {
  display: none;
}

.spacer-xs {
  width: 8px;
  height: 8px;
}

.hero-paragraph {
  color: var(--overlay-2);
  text-align: center;
  max-width: 630px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 140%;
}

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

.article-card {
  background-color: var(--base-1);
  cursor: pointer;
  background-image: linear-gradient(#0c0b0900, #0c0b0980);
  background-position: 0 0;
  border-radius: 2px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100vw;
  max-width: 175px;
  height: 100vh;
  max-height: 185px;
  padding: 12px 24px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.article-card:hover {
  box-shadow: 0 0 10px 2px var(--overlay-1), inset 0 -17px 40px -16px #f7f7f74d;
}

.article-card.music-story {
  background-image: linear-gradient(#0c0b0900, #0c0b09b3), url('../images/MusicStory.png');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  width: 100vw;
  max-width: 373px;
}

.article-card.music-story:hover {
  box-shadow: 0 0 10px 2px var(--overlay-1);
  background-image: linear-gradient(#0c0b0900, #0c0b0900), url('../images/MusicStory.png');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.article-card.campsite {
  background-image: linear-gradient(#0c0b0900, #0c0b09b3), url('../images/Campsite.png');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  width: 100vw;
  max-width: 373px;
}

.article-card.campsite:hover {
  box-shadow: 0 0 10px 2px var(--overlay-1);
  background-image: linear-gradient(#0c0b0900, #0c0b0900), url('../images/Campsite.png');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.article-card.airgigs {
  background-image: linear-gradient(#0c0b0900, #0c0b09b3), url('../images/Airgigs.png');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  width: 100vw;
  max-width: 373px;
}

.article-card.airgigs:hover {
  box-shadow: 0 0 10px 2px var(--overlay-1);
  background-image: linear-gradient(#0c0b0900, #0c0b0900), url('../images/Airgigs.png');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.article-card.business {
  cursor: auto;
  background-color: #0000;
  background-image: linear-gradient(#0c0b0900, #0c0b0980);
  background-position: 0 0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 12px 12px 0;
}

.article-card.business:hover {
  box-shadow: none;
}

.spacer-xl {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.h3 {
  color: var(--overlay-1);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
}

.h3.log-in {
  margin-bottom: 24px;
}

.spacer-s {
  width: 12px;
  height: 12px;
}

.spacer-xxs {
  width: 4px;
  height: 4px;
}

.spacer-l {
  width: 24px;
  height: 24px;
}

.landing-section {
  z-index: 2;
  background-image: linear-gradient(to bottom, var(--background), var(--background));
  position: relative;
}

.landing-section.bottom {
  background-image: radial-gradient(circle closest-corner at 50% 150%, #f7f7f71a, #fff0);
}

.landing-section.about {
  background-image: none;
  display: none;
}

.landing-section.faq {
  display: none;
}

.landing-card {
  background-color: var(--base-1);
  border-radius: 20px;
  height: 100%;
  min-height: 590px;
  padding-top: 135px;
  padding-bottom: 135px;
  padding-left: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-card.contact {
  background-color: #0000;
  justify-content: center;
  padding-left: 0;
  display: flex;
}

.landing-card.right {
  padding-left: 0;
  padding-right: 50px;
}

.landing-card-img {
  position: relative;
  inset: auto 0% 0% auto;
  transform: scale(1.1);
}

.landing-card-img._2nd {
  position: relative;
  top: 0;
  bottom: 0%;
  left: auto;
}

.landing-card-img._5th {
  height: 90%;
}

.landing-card-img.height {
  height: auto;
}

.landing-card-img._100 {
  height: 100%;
}

.landing-card-container {
  align-self: flex-start;
  max-width: 510px;
}

.landing-card-container.middle {
  text-align: center;
}

.spacer-xxl {
  width: 48px;
  height: 48px;
}

.spacer-xxxl {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

.promo-video {
  z-index: 1;
  background-color: var(--background);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  max-height: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  bottom: 0;
}

.promo-video.testimonial {
  z-index: 0;
  height: auto;
  position: relative;
}

.html-embed {
  z-index: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.promo-video-overlay {
  cursor: pointer;
  background-image: url('../images/Screen-Shot-2021-04-22-at-5.46.33-PM.png');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video-overlay-text-container {
  transition: all .3s;
  transform: scale(1.01);
}

.video-overlay-text-container:hover {
  transform: scale(1.05);
}

.watch-the-video {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
  position: relative;
}

.image {
  z-index: 2;
  position: relative;
}

.watch-the-video-text {
  z-index: 2;
  color: #fff;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}

.background-shadow {
  z-index: 1;
  filter: blur(40px);
  cursor: pointer;
  background-color: #020101e6;
  border-radius: 100%;
  position: absolute;
  inset: 0%;
}

.background-shadow:hover {
  transform: translate(0);
}

.footer-column {
  width: 265px;
}

.footer-column.last {
  width: 50px;
}

.footer-title {
  color: var(--overlay-1);
  font-weight: 500;
}

.footer-link {
  color: var(--overlay-2);
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.footer-link:hover {
  color: var(--brand-primary);
}

.footer-link.copyright:hover {
  color: var(--overlay-2);
}

.hero-subtilte {
  color: var(--overlay-2);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.hero-subtilte:hover {
  color: var(--overlay-1);
  text-decoration: underline;
}

.navbar-landing {
  z-index: 6;
  background-color: var(--background);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.pro-video {
  cursor: pointer;
  border-radius: 20px;
  width: 1180px;
  height: 660px;
  position: relative;
  overflow: hidden;
}

.pro-video-container {
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  width: 1180px;
  height: 660px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.play-button {
  position: absolute;
  inset: auto auto 32px;
}

.transparent {
  color: #0000;
}

.nav-bg {
  background-image: linear-gradient(#6be7c800, #6be7c81a 38%, #6be7c866);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  box-shadow: inset 0 -20px 11px -13px #f7f7f74d;
}

.nav-text {
  z-index: 10;
  text-align: center;
  position: relative;
}

.social-link {
  transition: all .2s ease-in-out;
}

.social-link:hover {
  transform: translate(0, -3px);
}

.social-link.app-store {
  border: 1px solid var(--overlay-1);
  border-radius: 2px;
}

.button-container {
  background-image: linear-gradient(to bottom, var(--brand-primary), #00a389);
  border-radius: 2px;
  width: auto;
  padding: 2px;
  display: inline-block;
  position: relative;
}

.button-container:hover {
  background-image: linear-gradient(to bottom, #bbfff4, var(--brand-primary));
}

.button-container.small {
  background-image: linear-gradient(to bottom, var(--brand-primary), #00a389);
  border-radius: 2px;
  width: auto;
  padding: 1px;
  transition: all .2s;
  overflow: visible;
}

.button-container.small.nav-mobile-button, .button-container.pricing-card.business {
  display: none;
}

.button-container.log-in {
  width: 100%;
  margin-top: 32px;
}

.button-container.button-pricing {
  justify-content: center;
  width: 100%;
  display: flex;
}

.button-container.button-pricing.button-pricing-lite {
  background-image: linear-gradient(#8f8f8f, #8f8f8f);
}

.button-container.button-container-mob {
  display: none;
}

.secondary-button-container {
  background-image: linear-gradient(to bottom, var(--brand-primary), var(--brand-primary));
  padding: 2px;
  display: inline-block;
}

.secondary-button-container:hover {
  background-image: linear-gradient(to bottom, #bbfff4, var(--brand-primary));
}

.secondary-button-container.small {
  background-image: linear-gradient(to bottom, #928f8f, var(--overlay-4));
  border-radius: 2px;
  padding: 1px;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.secondary-button-container.small:hover {
  background-image: linear-gradient(to bottom, #cfcfcf, var(--overlay-3));
}

.secondary-button-container.small.faq {
  width: 26px;
}

.secondary-button-container.small.nav {
  border-radius: 2px;
}

.secondary-button-container.small.nav.nav-mobile-button {
  display: none;
}

.secondary-button-container.bigger {
  background-image: linear-gradient(to bottom, #928f8f, var(--overlay-4));
  border-radius: 2px;
  padding: 2px;
  transition: all .2s;
}

.secondary-button-container.bigger:hover {
  background-image: linear-gradient(to bottom, #cfcfcf, var(--overlay-3));
}

.secondary-button-container.faq {
  background-image: linear-gradient(#928f8f, #595857);
  border-radius: 2px;
  width: 100%;
  padding: 1px;
  transition: all .2s;
  overflow: hidden;
}

.secondary-button-container.faq:hover {
  background-image: linear-gradient(to bottom, #cfcfcf, var(--overlay-3));
}

.overlay {
  z-index: 1000;
  background-color: #0c0b09e6;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.close-button {
  z-index: 3;
  background-color: var(--overlay-1);
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: -12px -12px auto auto;
}

.close-button:hover {
  box-shadow: 0 0 8px 6px #f7f7f74d;
}

.video-container {
  position: relative;
}

.video-trigger {
  z-index: 20;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
}

.faq-card {
  background-image: linear-gradient(to bottom, var(--base-2), var(--base-2));
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 2px;
  width: 100%;
  padding: 16px 24px;
  transition: box-shadow .2s;
  overflow: hidden;
}

.faq-card:hover {
  box-shadow: 0 0 10px #f7f7f780;
}

.h4 {
  color: var(--overlay-1);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 140%;
}

.h4.middle {
  text-align: center;
  font-weight: 500;
}

.faq-button {
  background-color: var(--base-2);
  box-shadow: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.faq-container {
  max-width: 980px;
}

.cross-icon.banner {
  transform: rotate(45deg);
}

.pro-label {
  height: 100%;
  max-height: 40px;
}

.green-link {
  text-decoration: underline;
}

.hero-video {
  height: 100%;
  display: block;
  position: fixed;
  inset: 0 0% 0%;
}

.gradient-img {
  z-index: 2;
  background-image: linear-gradient(to bottom, #0000, var(--background));
  height: 20%;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.gradient-img.credits {
  z-index: 5;
  height: 10%;
}

.lottie-file {
  width: 100%;
  position: absolute;
  inset: 10px 0 auto auto;
}

.img-mask {
  background-color: var(--background);
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0 0% auto;
}

.testimonial-mask {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tag {
  background-image: linear-gradient(to bottom, var(--base-3), var(--base-3));
  color: #fff;
  border-radius: 4px;
  margin-top: 0;
  padding: 8px 16px;
}

.tag.hidden {
  opacity: 0;
}

.link {
  color: var(--brand-primary);
  text-decoration: underline;
}

.card-img-container {
  justify-content: flex-end;
  align-items: center;
  width: 530px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.card-img-container.middle {
  justify-content: center;
}

.card-img-container.left {
  left: 39px;
}

.contact-card {
  border-radius: 4px;
  width: 100%;
  min-height: 400px;
}

.contact-card.amsterdma {
  background-image: url('../images/amsterdam-trip-SMX76EZ-1.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.contact-card.los-angeles {
  background-image: url('../images/f1.jpeg');
  background-position: 0 0;
  background-size: auto;
}

.divider {
  background-color: var(--overlay-4);
  width: 100%;
  height: 1px;
}

.contract-paragraph {
  max-width: 250px;
  font-size: 16px;
}

.download-modal {
  z-index: 200;
  background-color: #0c0b09cc;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal {
  background-color: var(--base-1);
  border-radius: 4px;
  max-width: 850px;
  padding-bottom: 32px;
  overflow: hidden;
}

.modal-top {
  background-image: linear-gradient(to bottom, var(--base-2), var(--base-2));
  padding: 12px 32px;
}

.modal-container {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.cross-circle {
  background-color: var(--base-4);
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .2s;
  display: flex;
}

.cross-circle:hover {
  transform: translate(0, -3px);
}

.cross-circle.banner {
  background-color: #ffffff80;
  margin-left: 16px;
  transition-property: none;
  display: none;
}

.cross-circle.banner:hover {
  transform: none;
}

.cross-circle.banner.bottom {
  display: block;
}

.cross {
  opacity: 0;
  transform: rotate(45deg);
}

.modal-img {
  max-height: 620px;
}

.nav-menu {
  display: none;
}

.landing-card-mobile {
  background-color: var(--base-1);
  border-radius: 20px;
  height: 100%;
  min-height: 590px;
  padding-top: 135px;
  padding-bottom: 135px;
  padding-left: 100px;
  display: none;
  position: relative;
  overflow: hidden;
}

.card-img {
  max-width: none;
  height: 100%;
}

.form-container {
  color: #fff;
}

.brand {
  width: 100%;
  max-width: 120px;
}

.search-wrapper {
  width: 100%;
  max-width: 540px;
  min-height: 32px;
  margin-bottom: 140px;
  display: flex;
}

.search-wrapper.top-nav {
  flex: none;
  width: auto;
  min-width: 300px;
  max-width: none;
  height: 32px;
  margin-bottom: 0;
  display: flex;
}

.search-wrapper.top-nav.mobile-none.new-search {
  min-width: 280px;
  display: flex;
}

.tertiary-cta {
  border: 1px none var(--brand-primary);
  background-color: var(--base-1);
  text-align: center;
  border-radius: 2px;
  align-items: center;
  height: 32px;
  padding: 0 16px 1px;
  font-family: Inter, sans-serif;
  transition: all .2s;
  display: flex;
}

.tertiary-cta:hover {
  background-image: linear-gradient(to bottom, #8f8f8f40, #8f8f8f40), linear-gradient(to bottom, var(--base-1), var(--base-1));
  color: var(--overlay-1);
  text-shadow: 0 0 5px #f7f7f780;
  box-shadow: inset 0 -20px 18px -11px #f7f7f74d;
}

.demo-row {
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.demo-row._1 {
  width: 57%;
}

.demo-row._2 {
  width: 43%;
}

.nav-banner {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/Normal-Banner.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  transition: background-color .3s;
  display: flex;
}

.nav-banner:hover {
  background-image: url('../images/Hover-Banner.png');
  background-position: 50%;
  background-size: cover;
}

.plan-card {
  background-color: var(--base-1);
  border-radius: 8px;
  width: 220px;
  overflow: hidden;
}

.plan-cell {
  border-bottom: 2px solid var(--background);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  display: flex;
}

.plan-head {
  border-bottom: 2px solid var(--background);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 96px;
  display: flex;
}

.features-card {
  border-radius: 8px;
  width: 300px;
}

.features-cell {
  z-index: 4;
  border-bottom: 2px solid var(--background);
  justify-content: flex-start;
  align-items: center;
  width: 1056px;
  height: 64px;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

.features-cell:hover {
  z-index: 5;
  background-color: #222;
  position: relative;
}

.features-text-container {
  color: var(--overlay-1);
  flex-direction: column;
  align-items: flex-start;
  max-width: 300px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.check-mark {
  z-index: 10;
  position: relative;
}

.lite-image {
  margin-bottom: 10px;
}

.pricing-middle-banner {
  background-color: var(--base-3);
  color: var(--brand-primary);
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 8px 36px;
  font-weight: 600;
  position: absolute;
  inset: -36px 0% auto;
}

.nav-banner-link {
  width: 100%;
}

.partner-hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  height: 100vh;
  display: flex;
}

.test-button {
  padding: 15px 30px;
}

.partner-image {
  filter: grayscale();
}

.partner-image-container {
  width: 33%;
  padding-left: 16px;
  padding-right: 16px;
}

.partner-image-container.middle {
  margin-top: 60px;
  margin-bottom: 60px;
}

.image-container {
  border-radius: 14px;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin-bottom: 32px;
  display: flex;
  overflow: hidden;
}

.red-stroke {
  background-color: #ff5050;
  width: 100%;
  height: 6px;
  position: absolute;
  inset: 50% 0% auto;
}

.price-div {
  position: relative;
}

.log-in-bg {
  background-image: url('../images/LeftColumn-1.png'), url('../images/RightColumn-1.png'), linear-gradient(#0c0b09, #0c0b09);
  background-position: 0%, 100%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: auto 1204px, auto 1024px, auto;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.log-in-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 454px;
  display: flex;
}

.log-in-block {
  background-color: #171615;
  border-radius: 8px;
  width: 100%;
  margin-top: 32px;
  padding: 48px;
}

.countdown-div {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 70px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.banner-container {
  background-image: linear-gradient(to bottom, #03c9a9cc, #03c9a9cc), linear-gradient(to bottom, var(--background), var(--background));
  justify-content: center;
  align-items: center;
  width: 100%;
  line-height: 140%;
  display: flex;
  overflow: hidden;
}

.coutndown-block {
  background-image: linear-gradient(127deg, #fff6, #fff0);
  border: 1px solid #fff3;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 16px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  overflow: hidden;
}

.count-text {
  margin-right: 8px;
  font-size: 16px;
}

.text-block {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.text-block-2 {
  font-size: 16px;
}

.encore-banner {
  z-index: 50;
  background-image: none;
  background-size: auto;
  width: 100%;
  height: 50px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  overflow: hidden;
}

.encore-logo {
  width: 100%;
  max-width: 120px;
  position: absolute;
  inset: -5px auto 0% 0%;
}

.encore-banner-img {
  width: 100%;
  max-width: 350px;
}

.encore-banner-img.mobile {
  display: none;
}

.banner-text {
  color: #f7f7f7;
  font-size: 16px;
  font-weight: 500;
}

.encore-banner-small {
  width: 100%;
  max-width: 350px;
  display: none;
}

.encore-banner-small.mobile {
  display: none;
}

.navbar-copy.navbar-dark {
  background-color: #0a0b0b;
}

.bannerbutton {
  color: #f7f7f7;
  border: 1px solid #f7f7f780;
  border-radius: 500px;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 500;
  overflow: visible;
}

.mobile {
  color: #f7f7f7;
  font-size: 16px;
  font-weight: 500;
  display: none;
}

.business-img {
  margin-bottom: 32px;
}

.brix---header-logo-link {
  transform-style: preserve-3d;
  padding-left: 0;
  transition: transform .3s, color .3s;
}

.brix---header-logo-link:hover {
  transform: scale3d(.96, .96, 1.01);
}

.brix---dropdown-toggle {
  color: #f7f7f7;
  align-items: center;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
  transition: color .3s;
  display: flex;
}

.brix---dropdown-toggle:hover {
  color: #4a3aff;
}

.brix---header-nav-link {
  color: #f7f7f7;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
  transition: color .3s;
}

.brix---header-nav-link:hover, .brix---header-nav-link.w--current {
  color: #f7f7f7;
}

.brix---header-logo {
  max-width: 250px;
}

.brix---header-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.submenu-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #14171733;
  border-radius: 8px;
  align-items: center;
  width: 184px;
  padding: 16px 24px;
  display: flex;
}

.brix---dropdown-wrapper {
  border-bottom: 1px solid #0000;
  padding: 7.5px 8.5px;
}

.brix---dropdown-wrapper:hover {
  background-image: linear-gradient(0deg, #00caa766, #00caa700);
  border-bottom-color: #00caa7;
}

.brix---header-right-col {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.brix---dropdown-pd {
  padding: 16px;
}

.brix---dropdown-chevron {
  color: #f7f7f7;
  width: 10px;
  margin-left: 4px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.brix---btn-primary-small {
  color: #f7f7f7;
  text-align: center;
  background-color: #0000;
  border: 1px solid #00caa7;
  border-radius: 40px;
  justify-content: center;
  padding: 12px 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary-small:hover {
  color: #f7f7f7;
  background-color: #0000;
}

.brix---header-nav-menu-list {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.brix---header-nav-list-item-middle {
  border-bottom: 0 #0000;
  margin-bottom: 0;
  transition: border .3s;
}

.brix---header-nav-list-item-middle:hover {
  border-bottom-color: #00caa7;
}

.brix---hamburger-menu-wrapper {
  padding: 0;
  transition: transform .3s;
}

.brix---hamburger-menu-wrapper:hover {
  transform: scale(.96);
}

.brix---hamburger-menu-wrapper.w--open {
  background-color: #0000;
}

.brix---btn-header-hidden-on-mbl {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-left: 0;
  display: flex;
}

.brix---dropdown-card {
  background-color: #0a0b0b;
  border: 0 solid #0000;
  border-radius: 8px;
  min-width: auto;
  top: 32px;
  overflow: hidden;
}

.brix---dropdown-column-wrapper {
  background-color: #0000;
  padding-top: 32px;
  transform: translate(0);
}

.brix---dropdown-column-wrapper.w--open {
  padding-top: 16px;
  inset: 26px auto auto -80px;
  transform: none;
}

.brix---dropdown-link {
  color: #f7f7f7;
  align-items: center;
  width: 100%;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.brix---dropdown-link:hover {
  color: #f7f7f7;
}

.brix---dropdown-links-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brix---header-nav-list-item-show-in-mbl {
  margin-bottom: 0;
  padding-left: 32px;
  display: none;
}

.text-block-3 {
  color: #f7f7f7;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.brix---container-default-2 {
  max-width: 1180px;
  padding-left: 20px;
  padding-right: 20px;
}

.brix---header-wrapper {
  background-color: #0a0b0b;
  height: 52px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.button-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
  display: flex;
}

.container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  display: flex;
}

.container.mission-container {
  z-index: 1;
  position: relative;
}

.container.container-stories {
  margin-top: 48px;
}

.hero-image-mobile {
  display: none;
}

.heading-h1 {
  color: #f7f7f7;
  text-align: center;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 52px;
}

.hero-image {
  margin-top: 40px;
}

.hero-body {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: center;
  max-width: 870px;
  display: flex;
}

.hero-paragraph-2 {
  color: #f7f7f7;
  text-align: center;
  max-width: 550px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.hero-paragraph-2.hero-text {
  max-width: 750px;
}

.button-primary {
  color: #0a0b0b;
  text-align: center;
  background-color: #00caa7;
  border-radius: 80px;
  padding: 20px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.hero {
  background-image: linear-gradient(#0a0b0b, #0a0b0b00), url('../images/hero-cards.png');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 150%;
  padding-top: 160px;
  padding-left: 20px;
  padding-right: 20px;
}

.hero.credits-hero {
  background-image: url('../images/credits-hero.png');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: auto 50%;
}

.hero.analytics-hero {
  background-image: url('../images/Analytics-BG.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.hero.about-hero {
  background-image: url('../images/About-Hero.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 70%;
}

.hero.gradient-hero {
  background-image: url('../images/hero-gradient.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero.for-companies-hero {
  background-image: url('../images/For-Companies-Bg.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.base-section {
  width: 100%;
  padding-top: 160px;
  padding-left: 20px;
  padding-right: 20px;
}

.base-section.partners-section {
  padding-top: 80px;
}

.base-section.mission-section {
  padding-bottom: 80px;
  position: relative;
}

.base-section.last-section {
  padding-bottom: 160px;
}

.base-section.pricing-section {
  background-image: url('../images/Background.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 90%;
  padding-bottom: 160px;
}

.base-section.text-section {
  padding-top: 120px;
  display: none;
}

.base-section.cta-section {
  background-image: linear-gradient(90deg, #00caa7, #00a6af);
}

.base-section.contact-section {
  background-image: radial-gradient(circle farthest-side at 50% 500%, #6a797a, #0a0b0b);
  padding-bottom: 160px;
  position: relative;
}

.paragraph-2 {
  color: #f7f7f7;
  text-align: center;
  max-width: 516px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-2.paragraph-large {
  max-width: none;
}

.data-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0a0b0b;
  border: 1px solid #141717;
  border-radius: 16px;
  flex-flow: column;
  align-items: center;
  padding: 40px 16px 24px;
  display: flex;
}

.data-item.data-item-primary {
  background-color: #0a0b0b;
  border-color: #00caa7;
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-shadow: 0 0 20px #00caa74d;
}

.data-number {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.data-subheading {
  opacity: .6;
  color: #f7f7f7;
  text-align: center;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 24px;
}

.data-subheading.data-subheading-primary {
  opacity: 1;
  color: #fff;
}

.heading-h2 {
  color: #f7f7f7;
  text-align: center;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 48px;
}

.heading-h2.heading-h2-left {
  text-align: left;
  font-size: 40px;
  line-height: 42px;
}

.heading-h2.heading-h2-left.heading-dark {
  color: #0a0b0b;
}

.heading-h2.advantages-h2 {
  max-width: 800px;
}

.data-heading {
  color: #f7f7f7;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}

.data-heading.data-heading-number {
  text-align: right;
  width: 70px;
}

.data-heading.data-heading-number-small {
  text-align: right;
  width: 50px;
}

.data-heading.data-heading-number-small.data-heading-number-small-primary, .data-heading.data-heading-primary {
  color: #0a0b0b;
}

.title-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  align-items: center;
  max-width: 720px;
  display: flex;
}

.data-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-top: 64px;
  display: grid;
}

.container-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  display: flex;
}

.heading-partners {
  color: #6a797a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.text-span {
  font-weight: 700;
}

.partners-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  display: flex;
}

.container-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  display: flex;
}

.brix---pricing-content-v2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  border: 0 solid #fff;
  flex-flow: column;
  align-items: center;
  padding: 40px 24px;
  display: flex;
}

.brix---tabs-menu {
  background-color: #171615;
  border-radius: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 48px;
  margin-bottom: 40px;
  padding: 0;
  display: flex;
}

.pricing-plan-text {
  color: #f7f7f7;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.pricing-feature-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-feature-2.pricing-feature-info {
  justify-content: space-between;
  align-items: center;
}

.text-block-4 {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.pricing-heading {
  color: #f7f7f7;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
}

.pricing-price-2 {
  color: #f7f7f7;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

.brix---card {
  background-color: #171615;
  border: 2px solid #141717;
  border-radius: 8px;
  box-shadow: 0 2px 7px #14142b0f;
}

.brix---card.plan-business, .brix---card.plan-pro {
  background-color: #0c0b09;
  border-color: #6be7c8;
}

.brix---tabs-wrapper {
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
}

.text-span-bold {
  font-weight: 700;
}

.divider-2 {
  background-color: #141717;
  width: 100%;
  height: 1px;
}

.button-pricing-secondary {
  color: #f7f7f7;
  text-align: center;
  background-color: #0000;
  border: 1px solid #00caa7;
  border-radius: 40px;
  width: 100%;
  padding: 16px 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.brix---tabs-content {
  width: 100%;
  max-width: none;
  overflow: visible;
}

.brix---3-columns-1-col-tablet {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing-price-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-plan {
  border: 1px solid #f7f7f7;
  border-radius: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.text-block-5 {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.paragraph-3 {
  color: #f7f7f7;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-3.transparent {
  color: #0000;
}

.brix---badge-secondary---tabs {
  color: #f7f7f799;
  text-align: center;
  background-color: #0000;
  border: 0 solid #dcddeb;
  border-radius: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 48px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s, border-color .3s, color .3s;
  display: flex;
  box-shadow: 0 2px 12px #14142b0f;
}

.brix---badge-secondary---tabs:hover {
  color: #f7f7f7;
  background-color: #0000;
  border-color: #4a3aff;
  border-radius: 40px;
}

.brix---badge-secondary---tabs.w--current {
  box-shadow: none;
  color: #0a0b0b;
  background-color: #00caa7;
  border-width: 0;
  border-color: #0000;
  border-radius: 40px;
  width: 200px;
  height: 48px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.pricing-feature-text {
  color: #f7f7f7;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.button-pricing-primary {
  color: #0a0b0b;
  text-align: center;
  background-color: #00caa7;
  border-radius: 40px;
  width: 100%;
  padding: 16px 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.pricing-heading-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-features-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: static;
}

.span-primary {
  color: #00caa7;
}

.paragraph-4 {
  color: #f7f7f7;
  text-align: center;
  max-width: 516px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

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

.paragraph-4.paragraph-left.paragraph-dark {
  color: #0a0b0b;
}

.paragraph-4.text {
  max-width: 940px;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.paragraph-4.text.text-700 {
  max-width: 700px;
}

.paragraph-4.text.text-1000 {
  max-width: 1060px;
}

.paragraph-4.text-700 {
  max-width: 730px;
}

.download-info {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: flex-start;
  width: 48%;
  display: flex;
}

.download-text {
  color: #fff;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.button-download {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #201f1b;
  border: 0 solid #00caa7;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 38px;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.image-3 {
  width: 50%;
  max-width: none;
}

.download-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #171615;
  background-image: radial-gradient(circle at 100% 0, #00caa705, #0a0b0b05);
  border: 1px solid #141717;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 16px;
  display: flex;
  overflow: hidden;
}

.download-container.new-container {
  padding-top: 60px;
  padding-bottom: 60px;
}

.button-download-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.features-image-mobile {
  display: none;
}

.image-4 {
  width: 100%;
  max-width: none;
  height: 80%;
  position: absolute;
  inset: auto 0 0;
}

.features-card-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0a0b0b;
  background-image: radial-gradient(circle at 100% 0, #00caa705, #0a0b0b05);
  border: 1px solid #141717;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 580px;
  padding: 48px 16px;
  display: flex;
  position: static;
  top: auto;
}

.features-card-2.features-card-1 {
  background-color: #171615;
  background-image: none;
  height: 500px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  top: 40px;
  overflow: hidden;
}

.features-card-2.features-card-1.sticky-features-1 {
  top: 40px;
}

.features-card-2.features-card-2 {
  background-color: #171615;
  background-image: radial-gradient(circle at 100% 0, #00caa705, #0a0b0b05);
  height: 500px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  top: 80px;
  overflow: hidden;
}

.features-card-2.features-card-2.sticky-features-2 {
  top: 80px;
}

.features-card-2.sticky-features-1 {
  height: 600px;
  top: 80px;
}

.features-card-2.sticky-features-2 {
  height: 600px;
  top: 100px;
}

.features-card-2.sticky-features-3 {
  height: 600px;
  top: 120px;
}

.features-card-2.sticky-features-4 {
  height: 600px;
  top: 140px;
}

.features-card-2.sticky-features-card-1 {
  top: 20px;
}

.features-card-2.sticky-features-card-2 {
  top: 40px;
}

.features-card-2.sticky-features-card-3 {
  top: 60px;
}

.features-card-2.sticky-features-card-4 {
  top: 80px;
}

.features-card-2.sticky-features-card-5 {
  top: 100px;
}

.features-card-2.sticky-features-card-6 {
  top: 120px;
}

.features-card-2.sticky-features-card-7 {
  top: 140px;
}

.features-card-2.sticky-features-card-8 {
  top: 160px;
}

.fake-container {
  height: 100px;
  position: sticky;
  top: 140px;
}

.scroll-section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.image-5 {
  width: 50%;
  max-width: none;
}

.button-secondary {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 1px solid #00caa7;
  border-radius: 80px;
  padding: 20px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.features-card-subheading {
  color: #6a797a;
  letter-spacing: .3em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  line-height: 24px;
}

.features-card-info {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  align-items: flex-start;
  width: 46%;
  padding-left: 0;
  display: flex;
}

.section-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  width: 100%;
  margin-top: 64px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.collection-list-wrapper {
  flex-flow: column;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.collection-list-wrapper.collection-list-companies {
  margin-top: 64px;
}

.collection-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  display: grid;
}

.collection-list.collection-list-artists {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.collection-item {
  cursor: pointer;
  border: 1px solid #141717;
  border-radius: 8px;
  flex-flow: column;
  width: auto;
  display: flex;
  overflow: hidden;
}

.title-container-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: center;
  max-width: 700px;
  display: flex;
}

.title-container-2.title-container-artists {
  max-width: 750px;
}

.text-span-2 {
  color: #00caa7;
}

.image-artists {
  border-bottom: 1px solid #141717;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.artists-activities-text {
  opacity: .6;
  color: #f7f7f7;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  width: 100%;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 24px;
}

.artists-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.artists-verified {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.artists-analytics-number {
  color: #f7f7f7;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.artists-title {
  color: #f7f7f7;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.artists-analytics-text {
  opacity: 1;
  color: #f7f7f7;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  line-height: 24px;
}

.artists-title-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.artists-verified-text {
  color: #f7f7f7;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  line-height: 16px;
}

.artists-analytics-value {
  opacity: 1;
  color: #f7f7f7;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.artists-analytics {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid #141717;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 16px;
  display: flex;
}

.artists-activities {
  word-break: normal;
  border-top: 0 solid #141717;
  border-bottom: 0 solid #141717;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: visible;
}

.artists-analytics-item {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #0000;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.artists-analytics-numbers {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.artists-info-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding: 16px 16px 24px;
  display: flex;
}

.div-block {
  flex-flow: column;
  align-items: center;
  margin-top: 24px;
  display: flex;
  position: relative;
}

.div-block-2 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  position: absolute;
  inset: 6px 0% auto;
}

.paragraph-5 {
  text-align: right;
  width: 150px;
  font-size: 16px;
}

.paragraph-5.paragraph-5-right {
  text-align: left;
}

.text-span-3 {
  color: #6be7c8;
}

.text-span-4 {
  color: #00caa7;
  font-weight: 700;
}

.paragraph-6 {
  color: #ccc;
  font-size: 16px;
  font-weight: 500;
}

.paragraph-7 {
  color: #6a797a;
  letter-spacing: .3em;
  text-transform: uppercase;
}

.image-6 {
  width: 50%;
  max-width: none;
}

.text-span-5 {
  color: #00caa7;
}

.pricing-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.pricing-table-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  display: flex;
}

.pricing-table-row.pricing-table-row-mobile {
  display: none;
}

.pricing-table-column-first {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 30%;
  display: flex;
}

.pricing-table-columns {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 70%;
  display: grid;
}

.pricing-table-th-fisrt {
  border-bottom: 1px solid #0a0b0b;
  height: 80px;
}

.pricing-table-th {
  background-color: #171615;
  border-bottom: 1px solid #0a0b0b;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}

.pricing-table-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.pricing-table-tr-first {
  align-items: center;
  height: 48px;
  display: flex;
}

.pricing-table-tr-first.pricing-table-tr-first-heading {
  border-top: 1px solid #2c3737;
}

.pricing-table-tr {
  background-color: #171615;
  border-bottom: 1px solid #0a0b0b;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 48px;
  display: flex;
}

.pricing-table-tr-heading {
  color: #00caa7;
  font-size: 18px;
  font-weight: 700;
}

.pricing-table-tr-text {
  color: #ccc;
  font-size: 16px;
}

.about-info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 870px;
  margin-top: 300px;
  display: flex;
}

.paragraph-8 {
  width: 40%;
  font-size: 16px;
  font-weight: 600;
}

.paragraph-9 {
  width: 78.467%;
}

.paragraph-10 {
  width: 60%;
  font-size: 16px;
}

.grid {
  width: 50%;
  max-width: 530px;
  padding-right: 16px;
}

.div-block-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #0a0b0b;
  border-radius: 8px;
  flex-flow: column;
  align-items: center;
  padding: 24px;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-7 {
  width: 20px;
  height: 20px;
}

.paragraph-11 {
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
}

.div-block-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 6px;
  display: flex;
}

.div-block-6 {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.paragraph-12 {
  text-align: center;
  letter-spacing: -.03em;
  font-size: 12px;
  line-height: 110%;
}

.heading {
  color: var(--overlay-1);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-2 {
  color: var(--overlay-1);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.div-block-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.div-block-8 {
  border: 1px solid #141717;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 380px;
  padding: 24px;
  display: flex;
}

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

.grid-2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.div-block-9 {
  grid-column-gap: 116px;
  grid-row-gap: 116px;
  border: 1px solid #141717;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  display: flex;
}

.paragraph-14 {
  color: #6a797a;
  text-align: center;
  letter-spacing: .3em;
  text-transform: uppercase;
}

.image-9 {
  width: auto;
  height: 56px;
}

.div-block-10 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.paragraph-15 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.paragraph-16 {
  opacity: .6;
  text-align: center;
}

.image-10 {
  display: none;
}

.customers-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.navbar-copy {
  z-index: 100;
  background-color: var(--base-1);
  flex-direction: column;
  justify-content: center;
  height: 52px;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 4px 11px 5px #0c0b0980;
}

.navbar-copy.partners {
  flex-direction: column;
  display: flex;
}

.brix---header-nav-link-2 {
  color: #f7f7f7;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
  transition: color .3s;
}

.brix---header-nav-link-2:hover {
  color: #f7f7f7;
}

.text-block-6 {
  color: #f7f7f7;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.brix---container-default-3 {
  max-width: 1180px;
  padding-left: 20px;
  padding-right: 20px;
}

.brix---header-nav-link-3 {
  color: #f7f7f7;
  text-align: center;
  border-bottom: 1px solid #0000;
  padding: 7.5px 8.5px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 24px;
  transition: color .3s;
}

.brix---header-nav-link-3:hover {
  color: #f7f7f7;
  background-image: linear-gradient(0deg, #00caa766, #00caa700);
  border-bottom-color: #00caa7;
}

.brix---header-nav-link-3.w--current {
  color: var(--overlay-1);
  background-image: linear-gradient(0deg, #00caa766, #00caa700);
  border-bottom-color: #00caa7;
}

.text-block-7 {
  color: #f7f7f7;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.text-block-8 {
  font-family: Inter, sans-serif;
}

.header-left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header-right {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.product-submenu-container {
  opacity: 0;
  pointer-events: none;
  background-color: #0a0b0b;
  border: 1px solid #141717;
  border-radius: 8px;
  width: 100%;
  padding: 8px;
  display: block;
  position: absolute;
  top: 46px;
  left: auto;
  right: auto;
}

.product-submenu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-submenu.product-submenu-mobile {
  display: none;
}

.product-submenu-item {
  opacity: .7;
  filter: grayscale();
  background-image: url('../images/royalties-menu.png');
  background-position: 0 0;
  background-size: cover;
  border: 1px solid #141717;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 260px;
  padding: 24px 16px;
  display: flex;
}

.product-submenu-item.product-submenu-item-credits {
  background-image: url('../images/credits-menu.png');
}

.product-submenu-item.product-submenu-item-analytics {
  background-image: url('../images/analytics-menu.png');
}

.product-submenu-item.product-submenu-item-promotions {
  background-image: url('../images/promotion-menu.png');
}

.product-submenu-item.product-submenu-item-royalties {
  background-image: url('../images/royalties-menu.png');
}

.product-submenu-link-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.product-submenu-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  height: 26px;
  display: flex;
}

.paragraph-17 {
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.product-submenu-description {
  color: #6a797a;
  font-family: Inter, sans-serif;
}

.arrow {
  display: none;
}

.testimonials-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: none;
  margin-top: 48px;
  display: grid;
}

.collection-list-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.testimonials-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #141717;
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  padding: 24px;
  display: flex;
}

.testimonials-item-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.testimonials-item-name {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.testimonials-item-image {
  width: 48px;
  max-width: none;
  height: 48px;
}

.divider-3 {
  background-color: #141717;
  height: 1px;
}

.cta-section {
  background-color: #0d0f0f;
  background-image: url('../images/Vector-Blur.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
}

.cta-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.cta-info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: flex-start;
  width: 40%;
  margin-bottom: 20px;
  display: flex;
}

.cta-image {
  width: 60%;
  max-width: none;
}

.cta-button-second {
  color: #0a0b0b;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #2c37371a;
  border: 2px solid #0a0b0b;
  border-radius: 4px;
  height: 40px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 12px;
  font-weight: 600;
  transition: background-color .3s;
}

.cta-button-second:hover {
  background-image: linear-gradient(0deg, var(--base-hover), var(--brand-secondary));
}

.cta-button-primary {
  color: var(--brand-primary);
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #6be7c81a;
  border: 2px solid #6be7c8;
  border-radius: 4px;
  padding: 12px 32px;
  font-weight: 500;
  transition: background-color .3s;
}

.cta-button-primary:hover {
  color: var(--overlay-1);
  background-image: linear-gradient(#03c9a933, #fff3);
}

.cta-button-primary.cta-button-mob {
  display: none;
}

.testimonial-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.testimonial-image-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

.testimonial-name {
  text-transform: uppercase;
  font-weight: 600;
}

.testimonial-content-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: stretch;
  width: 70%;
  display: flex;
}

.testimonial-title-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  display: flex;
}

.testimonial-title {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 16px;
}

.testimonial-content {
  width: 90%;
  font-size: 24px;
  line-height: 32px;
}

.stories-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.stories-column {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.contact-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  align-items: center;
  max-width: 580px;
  display: flex;
}

.div-block-11 {
  flex-flow: column;
  align-items: center;
  width: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-12 {
  filter: blur(50px);
  background-color: #6a797a;
  border-radius: 100px;
  width: 500px;
  height: 200px;
}

.features-item {
  background-color: #171615;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 580px;
  padding-left: 16px;
  display: flex;
  overflow: hidden;
}

.features-item-image, .download-image {
  width: 530px;
  height: 580px;
}

.testimonials-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.container-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.advantages-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.advantages-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: stretch;
  display: flex;
}

.advantages-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #171615;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.advantages-item.advantages-item-big {
  width: 65%;
}

.advantages-item.advantages-item-small {
  width: 35%;
}

.advantages-item.advantages-item-medium {
  width: 50%;
}

.advantages-item-heading {
  color: #f7f7f7;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.advantages-item-text {
  color: var(--overlay-2);
  font-size: 16px;
  font-weight: 500;
}

.pricing-feature-text-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.tooltip-icon {
  cursor: pointer;
}

.tooltip {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 1;
  pointer-events: auto;
  background-color: #171615;
  border-radius: 8px;
  flex-flow: column;
  width: 240px;
  padding: 16px;
  display: none;
  position: absolute;
  top: 28px;
  left: -10px;
}

.tooltip.biz-annual {
  z-index: 2;
  pointer-events: auto;
  display: none;
  left: 0;
}

.tooltip.user-annual, .tooltip.monthly-business {
  display: none;
}

.tooltip-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.tooltip-grid-item {
  border: 1px solid #2c3737;
  padding: 8px;
}

.advantages-item-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  padding: 46px 40px 30px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .flex-hor-left.footer {
    max-width: 80%;
  }

  .search-wrapper.top-nav.mobile-none.new-search {
    display: flex;
  }

  .brix---header-nav-menu-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .brix---dropdown-column-wrapper.w--open {
    left: -50px;
  }

  .hero-image {
    margin-top: 60px;
  }

  .hero-body {
    max-width: 1100px;
  }

  .data-item.data-item-primary {
    width: 280px;
  }

  .brix---pricing-content-v2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .pricing-plan-text {
    font-size: 22px;
  }

  .pricing-heading {
    font-size: 32px;
  }

  .download-info {
    width: 44%;
    padding-left: 40px;
  }

  .image-3 {
    width: 50%;
  }

  .features-card-2.features-card-1, .features-card-2.features-card-2 {
    height: 600px;
  }

  .image-5 {
    width: 50%;
  }

  .features-card-info {
    padding-left: 40px;
  }

  .about-info {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .grid {
    padding-right: 40px;
  }

  .brix---container-default-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .cta-container {
    align-items: center;
  }

  .cta-info {
    width: 36%;
  }
}

@media screen and (min-width: 1440px) {
  .navbar {
    background-color: #171615;
    width: 100%;
    position: fixed;
    inset: 0% 0% auto;
  }

  .content-container {
    flex-direction: column;
  }

  .hero-background {
    background-position: 0 0, 0 0, 0 0, 50% 0;
    top: 0;
  }

  .hero-background.credits {
    background-image: linear-gradient(to bottom, #0c0b0900, #0c0b0900 0%, var(--background)), url('../images/CreditsBackground.jpg');
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .paragraph.small {
    font-size: 14px;
  }

  .flex-hor-out._100.mobile {
    display: none;
  }

  .footer {
    background-color: #171615;
    width: 100%;
    height: auto;
  }

  .landing-section {
    top: -1px;
  }

  .landing-card-img {
    position: relative;
    transform: scale(1.1);
  }

  .landing-card-img._2nd {
    height: auto;
    position: relative;
    top: 0;
    right: 20px;
    transform: scale(1.1);
  }

  .landing-card-img._5th {
    height: 90%;
  }

  .html-embed {
    position: static;
  }

  .promo-video-overlay {
    cursor: pointer;
    justify-content: center;
    padding-left: 0;
    position: absolute;
    inset: 0%;
  }

  .watch-the-video {
    flex-direction: column;
    justify-content: center;
    position: relative;
  }

  .image {
    z-index: 2;
    position: relative;
  }

  .watch-the-video-text {
    z-index: 2;
    margin-top: 15px;
    margin-right: 0;
    position: relative;
  }

  .background-shadow {
    z-index: 1;
    position: absolute;
    inset: 0%;
  }

  .navbar-landing {
    z-index: 5;
    position: relative;
  }

  .play-button, .secondary-button-container.small {
    cursor: pointer;
  }

  .video-trigger {
    cursor: pointer;
    background-color: #0000;
  }

  .gradient-img {
    z-index: 0;
    background-image: linear-gradient(to bottom, #0000, var(--background));
  }

  .tag {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .card-img-container {
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .cross-circle.banner {
    display: none;
  }

  .cross-circle.banner.bottom {
    display: block;
  }

  .search-wrapper {
    margin-bottom: 160px;
  }

  .countdown-div {
    background-image: url('../images/Encore-Banner9-1.png');
    background-position: 0 0;
    background-size: auto;
    height: 70px;
  }

  .encore2023-img {
    width: 220px;
    display: flex;
  }

  .coutndown-block {
    width: auto;
    height: 40px;
    margin-left: 15px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .count-text {
    margin-right: 4px;
    font-size: 16px;
  }

  .text-block {
    font-size: 16px;
    line-height: 130%;
  }

  .text-block-2 {
    font-size: 16px;
  }

  .brix---header-nav-menu-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .brix---container-default-2, .container {
    max-width: 1180px;
  }

  .hero {
    background-size: 120%;
  }

  .heading-h2.heading-h2-left {
    font-size: 48px;
    line-height: 50px;
  }

  .container-2 {
    max-width: 1180px;
  }

  .container-3 {
    max-width: 1600px;
  }

  .brix---tabs-menu {
    margin-bottom: 64px;
  }

  .download-info {
    width: 44%;
    padding-left: 40px;
  }

  .image-3 {
    width: 54%;
  }

  .image-5 {
    width: 50%;
  }

  .features-card-info {
    width: 50%;
    padding-left: 70px;
  }

  .collection-item {
    width: auto;
  }

  .artists-analytics {
    grid-template-columns: 1fr 1fr;
  }

  .navbar-copy {
    background-color: #171615;
    width: 100%;
    position: fixed;
    inset: 0% 0% auto;
  }

  .brix---container-default-3 {
    max-width: 1180px;
  }
}

@media screen and (min-width: 1920px) {
  .hero-image {
    margin-top: 74px;
  }

  .hero {
    background-size: 100%;
  }

  .base-section.contact-section {
    background-image: radial-gradient(circle farthest-side at 50% 500%, #6a797a, #0a0b0b);
  }

  .image-3 {
    width: 56%;
  }

  .image-5 {
    width: 50%;
  }

  .collection-item {
    width: auto;
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    color: var(--brand-primary);
    height: 60px;
  }

  .content-container {
    min-width: 736px;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .content-container.banner {
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .h1 {
    font-size: 60px;
  }

  .paragraph {
    font-size: 17px;
  }

  .h2 {
    font-size: 32px;
    line-height: 140%;
  }

  .flex-hor-left.articles {
    flex-direction: column;
  }

  .flex-hor-left.business {
    flex-direction: row;
  }

  .flex-hor-left.footer {
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
  }

  .flex-hor-out.top.vert.pricing {
    flex-direction: column;
  }

  .flex-hor-out.footer {
    padding-top: 0;
    padding-bottom: 0;
  }

  .flex-hor-out.demo {
    flex-direction: column;
  }

  .testimonial-img {
    width: 300px;
    height: 400px;
    margin-right: 50px;
  }

  .testimonial-container {
    height: auto;
  }

  .testimonial-paragraph {
    min-width: 0;
    font-size: 24px;
  }

  .flex-hor-right.footer {
    display: none;
  }

  .pricing-price {
    margin-right: 4px;
  }

  .secondary-cta.nav-mobile-button--show {
    padding-top: 4px;
    display: block;
  }

  .vert-sepeator, .nav-link, .muso-search.mobile {
    display: none;
  }

  .hero-paragraph {
    font-size: 17px;
  }

  .spacer-xl {
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
  }

  .landing-section.bottom {
    background-image: radial-gradient(circle closest-corner at 50% 100%, #f7f7f71a, #fff0);
    align-items: center;
    height: 50vh;
    display: flex;
  }

  .landing-card {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 32px 24px;
    display: none;
    overflow: hidden;
  }

  .landing-card.contact {
    padding-right: 0;
  }

  .landing-card-img {
    display: block;
    transform: none;
  }

  .landing-card-img._2nd {
    display: block;
    position: relative;
    top: 0;
    right: 0;
  }

  .landing-card-img._5th {
    display: block;
  }

  .landing-card-container {
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: 550px;
    margin-top: 32px;
    display: flex;
  }

  .landing-card-container.middle {
    margin-top: 0;
  }

  .spacer-xxxl {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
  }

  .promo-video {
    height: 500px;
    display: block;
    position: sticky;
  }

  .html-embed {
    display: none;
  }

  .promo-video-overlay {
    background-position: 50%;
    width: 100%;
    height: 100%;
    padding-left: 16px;
    display: flex;
    position: static;
  }

  .image {
    width: 100px;
  }

  .watch-the-video-text {
    font-size: 16px;
  }

  .footer-column {
    width: auto;
  }

  .pro-video {
    width: 736px;
    height: 420px;
  }

  .pro-video-container {
    width: 736px;
    height: 425px;
  }

  .play-button {
    bottom: 32px;
  }

  .button-container {
    display: block;
  }

  .button-container.small {
    display: none;
  }

  .button-container.small.nav-mobile-button {
    margin-top: 16px;
    display: block;
  }

  .button-container.button-container-mob {
    display: block;
  }

  .button-container.button-container-card {
    display: none;
  }

  .secondary-button-container.small.faq {
    width: 26px;
  }

  .secondary-button-container.small.nav {
    display: none;
  }

  .secondary-button-container.small.nav.nav-mobile-button {
    height: auto;
    margin-top: 16px;
    padding-top: 1px;
    display: block;
  }

  .secondary-button-container.small.nav-hide {
    display: none;
  }

  .lottie-file {
    position: relative;
  }

  .card-img-container {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 32px;
    display: flex;
    position: relative;
    inset: 0% 0% 0% auto;
    overflow: hidden;
  }

  .cross-circle.banner {
    display: none;
  }

  .cross-circle.banner.bottom {
    display: block;
  }

  .menu-button {
    color: var(--overlay-1);
    font-size: 24px;
    line-height: 100%;
  }

  .menu-button.w--open {
    background-color: var(--base-1);
    color: var(--brand-primary);
  }

  .nav-menu {
    background-color: var(--base-1);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .nav-menu.new-nav-menu {
    margin-top: 0;
  }

  .menu-nav {
    color: var(--overlay-1);
    width: 100%;
    font-size: 16px;
    font-weight: 500;
  }

  .menu-nav.w--current {
    border-bottom: 1px none var(--brand-primary);
    background-color: var(--base-2);
    box-shadow: none;
    color: var(--overlay-1);
    text-shadow: 1px 1px 6px #f7f7f780;
  }

  .landing-card-mobile {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 0;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 0;
    display: flex;
    overflow: hidden;
  }

  .card-img {
    max-height: 350px;
  }

  .card-img.bigger {
    max-width: 520px;
    max-height: 400px;
  }

  .image-background {
    background-image: url('../images/Rectangle-1013.png');
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 350px;
    margin-top: -32px;
  }

  .image-background.about {
    background-image: url('../images/StudioPic.png');
    background-position: 50%;
  }

  .image-background.data {
    background-image: url('../images/Code-Pic.png');
    background-position: 50%;
  }

  .tertiary-cta {
    display: none;
  }

  .tertiary-cta.nav-mobile-button--show {
    padding-top: 4px;
    display: block;
  }

  .demo-row {
    justify-content: space-around;
    width: 100%;
    margin-bottom: 24px;
    display: flex;
  }

  .demo-row._1, .demo-row._2 {
    width: 100%;
  }

  .encore2023-img {
    height: 30px;
  }

  .banner-container {
    border-radius: 0;
  }

  .coutndown-block {
    margin-left: 8px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .count-text, .text-block, .text-block-2 {
    font-size: 14px;
  }

  .image-2 {
    height: 100%;
  }

  .encore-banner-small {
    display: none;
  }

  .bannerbutton {
    padding-left: 12px;
    padding-right: 12px;
  }

  .brix---header-logo {
    max-width: 232px;
  }

  .submenu-link, .brix---dropdown-wrapper {
    width: 100%;
  }

  .brix---dropdown-pd {
    width: 100%;
    padding: 20px 0 14px;
  }

  .brix---header-nav-menu-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .brix---header-nav-list-item-middle {
    border-bottom-style: none;
    border-bottom-width: 0;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .brix---header-nav-list-item-middle:hover {
    border: 0 #000;
    border-bottom-color: #0000;
  }

  .brix---hamburger-menu-wrapper {
    order: -1;
    transition: transform .3s;
  }

  .brix---hamburger-menu-wrapper:hover {
    transform: scale(.96);
  }

  .brix---hamburger-menu-wrapper.w--open {
    background-color: #0000;
  }

  .brix---dropdown-card {
    box-shadow: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    width: 100%;
    min-width: auto;
  }

  .brix---dropdown-card.w--open {
    position: static;
  }

  .brix---header-menu-wrapper {
    background-color: #0a0b0b;
    border: 0 solid #000;
    padding: 24px;
  }

  .brix---dropdown-column-wrapper {
    padding-top: 0;
    position: static;
  }

  .brix---dropdown-column-wrapper.w--open {
    width: 100%;
    transform: none;
  }

  .brix---dropdown-links-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    align-items: flex-start;
    width: 100%;
    display: grid;
  }

  .brix---header-nav-list-item-show-in-mbl {
    margin-bottom: 16px;
    padding-left: 0;
  }

  .brix---header-wrapper {
    padding-top: 10px;
    padding-bottom: 6px;
  }

  .container {
    max-width: none;
  }

  .hero {
    padding-top: 160px;
  }

  .base-section {
    padding-top: 120px;
  }

  .base-section.last-section {
    padding-bottom: 120px;
  }

  .base-section.pricing-section {
    background-position: 50% 10%;
    background-size: contain;
  }

  .base-section.text-section {
    padding-top: 100px;
  }

  .base-section.contact-section {
    padding-bottom: 120px;
  }

  .data-item {
    width: auto;
  }

  .data-item.data-item-primary {
    width: 100%;
  }

  .heading-h2.heading-h2-left {
    text-align: center;
  }

  .data-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch center;
    display: grid;
  }

  .container-2 {
    max-width: none;
  }

  .partners-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    display: grid;
  }

  .container-3 {
    max-width: none;
  }

  .brix---pricing-content-v2, .brix---card {
    width: 100%;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .paragraph-4.paragraph-left {
    text-align: center;
  }

  .paragraph-4.paragraph-left.paragraph-dark, .paragraph-4.paragraph-left.paragraph-cta {
    text-align: left;
  }

  .download-info {
    align-items: center;
    width: 100%;
  }

  .image-3 {
    width: 100%;
  }

  .download-container {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    padding-top: 48px;
    padding-bottom: 48px;
    padding-right: 16px;
  }

  .features-card-2 {
    flex-flow: column;
    height: auto;
    position: static;
  }

  .features-card-2.features-card-1 {
    flex-flow: column;
    height: auto;
    padding-top: 48px;
  }

  .features-card-2.features-card-2 {
    height: auto;
    padding-top: 48px;
  }

  .fake-container {
    display: none;
  }

  .image-5 {
    width: 100%;
  }

  .features-card-info {
    align-items: center;
    width: 100%;
  }

  .collection-list-wrapper {
    overflow: hidden;
  }

  .collection-list.collection-list-artists {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block {
    width: 100%;
    max-width: 600px;
  }

  .div-block-2, .tab-pane-monthly-plan {
    width: 100%;
  }

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

  .image-6 {
    width: 100%;
  }

  .pricing-table-row {
    flex-flow: row;
  }

  .about-info {
    margin-top: 220px;
  }

  .paragraph-10 {
    width: 60%;
  }

  .grid {
    width: 100%;
    max-width: 600px;
    padding-right: 0;
  }

  .navbar-copy {
    color: var(--brand-primary);
    height: 60px;
  }

  .brix---header-nav-link-3 {
    text-align: left;
  }

  .product-submenu-container {
    display: none;
  }

  .product-submenu {
    grid-template-columns: 1fr 1fr;
    margin-top: 10px;
  }

  .product-submenu.product-submenu-mobile {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .product-submenu-item {
    height: 150px;
  }

  .product-submenu-description {
    text-align: left;
  }

  .cta-section {
    background-size: cover;
  }

  .cta-button-primary.cta-button-card {
    display: none;
  }

  .cta-button-primary.cta-button-mob {
    display: block;
  }

  .testimonial-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .testimonial-image-container {
    width: 40%;
  }

  .testimonial-content-container {
    width: 60%;
  }

  .testimonial-title-container {
    width: 100%;
  }

  .testimonial-content {
    width: 100%;
    font-size: 20px;
    line-height: 26px;
  }

  .features-item {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-top: 48px;
    padding-bottom: 48px;
    padding-right: 16px;
  }

  .advantages-container, .advantages-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-section.landing {
    align-items: center;
    padding-top: 50px;
    display: flex;
  }

  .hero-section.pro {
    background-image: linear-gradient(to bottom, var(--background), var(--background));
  }

  .content-container {
    min-width: 343px;
    max-width: none;
  }

  .flex-vert-center.hero-row {
    position: relative;
    inset: auto 0% 0;
  }

  .flex-vert-center._100.logos {
    margin-top: 100px;
  }

  .h1 {
    font-size: 40px;
  }

  .h1.hero {
    display: none;
  }

  .h1.mobile {
    font-size: 48px;
    display: block;
  }

  .hero-background {
    background-image: linear-gradient(270deg, #0c0b09, #0c0b0900 10%), linear-gradient(to bottom, #0c0b0900, #0c0b09cc 52%, var(--background)), url('../images/Hero-Img.jpeg');
    background-position: 0 0, 0 0, 65% 75px;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, 1080px;
    background-attachment: scroll, scroll, scroll;
    height: 100%;
  }

  .paragraph {
    font-size: 14px;
  }

  .main-cta {
    text-align: center;
    min-width: 250px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 12px;
  }

  .main-cta.small {
    padding-left: 16px;
    padding-right: 16px;
  }

  .main-cta.contact {
    min-width: 204px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section.demo {
    display: none;
  }

  .h2 {
    align-self: auto;
    font-size: 24px;
  }

  .flex-hor-left.middle {
    width: 100%;
  }

  .flex-hor-left.middle.out {
    justify-content: space-between;
  }

  .flex-hor-left.business, .flex-hor-left.footer {
    flex-direction: column;
  }

  .flex-hor-out._100.mobile {
    display: flex;
  }

  .flex-hor-out._100.desktop {
    display: none;
  }

  .flex-hor-out._100.partners {
    flex-flow: wrap;
  }

  .flex-hor-out.top.vert {
    align-items: stretch;
  }

  .flex-hor-out._50 {
    width: 100%;
  }

  .flex-hor-out.vert {
    flex-direction: column;
  }

  .testimonial-img {
    width: auto;
    height: 300px;
    margin-right: 0;
  }

  .testimonial-artist {
    font-size: 12px;
  }

  .testimonial-paragraph {
    font-size: 18px;
  }

  .flex-hor-right.middle.nav {
    display: none;
  }

  .flex-hor-right.footer {
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }

  .flex-hor-right.desktop {
    display: none;
  }

  .flex-hor-middle {
    justify-content: center;
  }

  .muso-search {
    display: none;
  }

  .muso-search.landing {
    width: 100%;
    padding-bottom: 0;
    display: flex;
  }

  .muso-search.mobile {
    background-color: #0000;
    justify-content: center;
    width: 60px;
    height: 60px;
    padding-left: 8px;
    padding-right: 8px;
    display: none;
  }

  .hero-paragraph {
    font-size: 16px;
  }

  .article-card.business {
    max-width: 90px;
    max-height: 90px;
  }

  .spacer-xl.small {
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
  }

  .spacer-s {
    width: 8px;
    min-width: 8px;
    height: 8px;
    min-height: 8px;
  }

  .landing-card-container {
    text-align: left;
    align-items: flex-start;
    margin-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .landing-card-container.middle {
    align-items: center;
  }

  .promo-video-overlay {
    background-position: 50%;
  }

  .footer-column {
    margin-bottom: 48px;
  }

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

  .navbar-landing {
    padding-left: 0;
    padding-right: 0;
  }

  .pro-video, .pro-video-container {
    width: 100%;
    height: 100%;
  }

  .play-button {
    bottom: 16px;
  }

  .social-link.app-store {
    max-height: none;
  }

  .secondary-button-container.small.faq, .overlay {
    display: none;
  }

  .video-container {
    width: 90%;
    height: 300px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .faq-card {
    padding-left: 16px;
    padding-right: 16px;
  }

  .h4 {
    align-self: center;
    font-size: 18px;
  }

  .hero-video {
    height: 80vh;
    inset: 0% 0% auto;
  }

  .testimonial-mask {
    align-items: center;
  }

  .download-modal {
    padding-left: 16px;
    padding-right: 16px;
    display: none;
  }

  .modal {
    padding-bottom: 16px;
    position: relative;
    top: -32px;
  }

  .modal-top, .modal-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cross-circle {
    width: 24px;
    height: 24px;
  }

  .cross-circle.banner.bottom {
    display: flex;
  }

  .cross {
    max-width: 16px;
    max-height: 16px;
  }

  .menu-button {
    color: var(--overlay-3);
    display: none;
  }

  .nav-menu {
    margin-top: 50px;
    display: none;
  }

  .landing-card-mobile {
    padding-top: 16px;
    padding-bottom: 32px;
  }

  .card-img {
    max-height: 250px;
  }

  .card-img.bigger {
    max-width: 311px;
    max-height: 300px;
  }

  .image-background {
    height: 250px;
    margin-top: -16px;
  }

  .app-store {
    max-height: 38px;
  }

  .testimonial-img-item {
    max-height: 100%;
  }

  .quotes {
    max-height: 24px;
  }

  .search-wrapper.top-nav.mobile-none.new-search {
    display: none;
  }

  .partner-image {
    width: 30%;
    height: 20%;
  }

  .partner-image-container {
    width: 50%;
  }

  .banner-container {
    border-radius: 0;
  }

  .text-block {
    display: none;
  }

  .encore-banner {
    height: 50px;
  }

  .encore-logo {
    max-width: 100px;
  }

  .encore-banner-img {
    max-width: 300px;
    display: none;
  }

  .encore-banner-img.mobile {
    max-width: 180px;
    display: block;
  }

  .banner-text {
    font-size: 14px;
    display: none;
  }

  .encore-banner-small {
    max-width: 170px;
    display: block;
  }

  .encore-banner-small.mobile {
    max-width: 180px;
    display: block;
  }

  .bannerbutton {
    display: none;
  }

  .mobile {
    font-size: 16px;
    display: block;
  }

  .brix---header-logo {
    max-width: 90%;
  }

  .brix---btn-primary-small {
    width: 100%;
    padding: 20px 32px;
  }

  .brix---btn-header-hidden-on-mbl {
    display: none;
  }

  .brix---header-menu-wrapper {
    padding-bottom: 40px;
  }

  .brix---header-nav-list-item-show-in-mbl {
    width: 100%;
    display: block;
  }

  .container {
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-image-mobile {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
    display: block;
  }

  .heading-h1 {
    font-size: 36px;
    line-height: 40px;
  }

  .hero-image {
    display: none;
  }

  .hero-paragraph-2 {
    font-size: 16px;
    line-height: 24px;
  }

  .button-primary {
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero {
    padding-top: 120px;
  }

  .hero.analytics-hero {
    background-position: 50% 20%;
  }

  .base-section.partners-section {
    padding-top: 60px;
  }

  .base-section.pricing-section {
    background-position: 50% 5%;
    background-size: contain;
  }

  .data-item.data-item-primary {
    width: 100%;
  }

  .heading-h2, .heading-h2.heading-h2-left {
    font-size: 32px;
    line-height: 36px;
  }

  .data-heading {
    font-size: 32px;
    line-height: 32px;
  }

  .data-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }

  .brix---pricing-content-v2 {
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---tabs-menu {
    flex-flow: row;
    align-items: stretch;
  }

  .pricing-plan-text {
    font-size: 14px;
  }

  .brix---card, .brix---tabs-wrapper, .brix---tabs-content {
    width: 100%;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }

  .pricing-plan {
    height: 24px;
  }

  .brix---badge-secondary---tabs {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .brix---badge-secondary---tabs.w--current {
    margin-top: 0;
    margin-bottom: 0;
  }

  .paragraph-4.paragraph-left.paragraph-dark, .paragraph-4.paragraph-left.paragraph-cta {
    text-align: center;
  }

  .paragraph-4.text {
    font-size: 26px;
    line-height: 32px;
  }

  .image-3 {
    display: none;
  }

  .download-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .features-image-mobile {
    width: 100%;
    display: block;
  }

  .scroll-section {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .image-5 {
    display: none;
  }

  .button-secondary {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .collection-list {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .collection-list.collection-list-artists {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .collection-item {
    width: 100%;
  }

  .pricing-table {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    overflow: hidden;
  }

  .pricing-table-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    min-width: 750px;
    display: none;
  }

  .pricing-table-row.pricing-table-row-mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    min-width: auto;
    display: flex;
  }

  .pricing-table-columns {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    margin-bottom: 8px;
  }

  .pricing-table-th {
    height: 46px;
  }

  .pricing-table-tr-first {
    height: 40px;
    margin-bottom: 0;
  }

  .pricing-table-tr-first.pricing-table-tr-first-heading {
    border-top-color: #00caa7;
    align-items: flex-end;
    margin-bottom: 16px;
  }

  .about-info {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 100px;
  }

  .paragraph-8, .paragraph-10 {
    width: 100%;
  }

  .div-block-7 {
    flex-flow: column;
  }

  .image-8 {
    display: none;
    transform: rotate(90deg);
  }

  .grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .image-10 {
    display: block;
  }

  .navbar-copy {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .product-submenu {
    grid-template-columns: 1fr 1fr;
  }

  .product-submenu-item {
    height: 120px;
    padding: 12px 8px;
  }

  .paragraph-17 {
    font-size: 14px;
  }

  .testimonials-container {
    grid-template-columns: 1fr;
  }

  .cta-section {
    padding-top: 60px;
  }

  .cta-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .cta-info {
    align-items: center;
    width: 100%;
    margin-bottom: 0;
  }

  .cta-image {
    width: 100%;
  }

  .testimonial-wrapper {
    flex-flow: column;
    justify-content: flex-start;
  }

  .testimonial-image-container {
    order: -1;
    width: 100%;
  }

  .testimonial-content-container {
    width: 100%;
  }

  .testimonial-icon {
    width: 40px;
  }

  .stories-wrapper, .stories-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .features-item-image, .download-image {
    width: auto;
    height: auto;
  }

  .advantages-row {
    flex-flow: column;
  }

  .advantages-item.advantages-item-big, .advantages-item.advantages-item-small, .advantages-item.advantages-item-medium {
    width: 100%;
  }

  .advantages-item-content {
    padding-top: 32px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .pricing-table-mobile-rows {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .hero-section.landing {
    padding-top: 100px;
  }

  .hero-section.pro {
    background-image: linear-gradient(to bottom, var(--background), var(--background));
  }

  .content-container {
    min-width: 0;
  }

  .content-container.banner {
    flex-direction: column;
  }

  .hero-background {
    height: 80vh;
  }

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

  .main-cta.partners {
    width: 100%;
    min-width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.gray {
    overflow: hidden;
  }

  .flex-hor-left {
    justify-content: center;
    width: 100%;
    margin-top: 16px;
  }

  .flex-hor-left.middle {
    justify-content: flex-start;
    margin-top: 0;
  }

  .flex-hor-left.middle.out {
    margin-top: 0;
  }

  .flex-hor-left.footer {
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .flex-hor-out._100.mobile {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
  }

  .flex-hor-out._100.desktop {
    flex-direction: column;
    align-items: center;
  }

  .flex-hor-out.middle {
    align-items: center;
  }

  .flex-hor-out.footer {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .flex-hor-out.banner {
    justify-content: space-between;
  }

  .testimonial-artist {
    margin-bottom: 24px;
  }

  .flex-hor-right.footer {
    justify-content: flex-start;
    margin-top: 24px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .flex-hor-right.desktop {
    display: none;
  }

  .pricing-card {
    width: 100%;
    max-width: none;
  }

  .muso-search.mobile {
    width: auto;
    padding-left: 8px;
    padding-right: 8px;
  }

  .landing-card-container {
    max-width: 100%;
  }

  .promo-video.testimonial {
    max-height: none;
  }

  .watch-the-video-text {
    font-size: 14px;
  }

  .footer-link.copyright {
    margin-bottom: 20px;
  }

  .pro-video-container {
    align-items: flex-start;
    height: 200px;
    overflow: hidden;
  }

  .button-container.partners {
    width: 100%;
  }

  .overlay {
    display: none;
  }

  .video-trigger {
    height: 300px;
  }

  .cross-circle {
    width: 24px;
    height: 24px;
  }

  .cross-circle.banner {
    display: flex;
    position: absolute;
    inset: 5% 0% 0% auto;
  }

  .cross-circle.banner.bottom {
    display: none;
  }

  .cross {
    max-width: 16px;
    max-height: 16px;
  }

  .card-img {
    max-width: 100%;
  }

  .search-wrapper.top-nav {
    display: none;
  }

  .partner-image {
    width: 30%;
    height: 15%;
  }

  .partner-image-container {
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
  }

  .partner-image-container.middle {
    margin-top: 0;
    margin-bottom: 16px;
  }

  .image-container {
    margin-bottom: 16px;
  }

  .log-in-bg {
    background-image: url('../images/LeftColumn-1.png'), url('../images/RightColumn-1.png'), linear-gradient(#080806, #080806);
    background-position: 0 100%, 100% 0, 0 0;
    background-size: auto 400px, auto 400px, auto;
  }

  .log-in-container {
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .log-in-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .body-2 {
    background-color: #0c0b09;
  }

  .encore2023-img {
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 30px;
    display: flex;
  }

  .coutndown-block {
    padding-left: 8px;
    padding-right: 8px;
  }

  .count-text {
    margin-right: 4px;
    font-size: 14px;
  }

  .text-block-2 {
    font-size: 14px;
  }

  .encore-logo {
    max-width: 100px;
    position: relative;
    top: 0;
  }

  .encore-banner-img {
    max-width: 250px;
  }

  .encore-banner-img.mobile, .encore-banner-small, .encore-banner-small.mobile {
    max-width: 170px;
    display: block;
  }

  .mobile {
    font-size: 14px;
  }

  .brix---header-logo {
    max-width: 84%;
  }

  .brix---btn-primary-small {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .brix---header-nav-menu-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .brix---header-nav-list-item-middle {
    text-align: left;
    width: 100%;
  }

  .brix---header-menu-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---dropdown-links-grid {
    display: flex;
  }

  .brix---header-nav-list-item-show-in-mbl {
    text-align: left;
    width: 100%;
  }

  .brix---container-default-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-wrapper {
    flex-flow: wrap;
  }

  .hero {
    background-image: radial-gradient(circle closest-corner, #00caa708, #0000 63%), url('../images/hero.png');
    background-repeat: repeat, no-repeat;
  }

  .hero.credits-hero {
    background-position: 50% 90%;
    background-size: auto 70%;
  }

  .data-item {
    width: 100%;
  }

  .data-item.data-item-primary {
    width: auto;
  }

  .data-heading {
    font-size: 40px;
    line-height: 40px;
  }

  .data-container {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .partners-container {
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
  }

  .pricing-plan-text {
    font-size: 13px;
  }

  .text-block-4 {
    font-size: 14px;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }

  .pricing-plan {
    padding-left: 8px;
    padding-right: 8px;
  }

  .text-block-5 {
    font-size: 14px;
  }

  .brix---badge-secondary---tabs {
    width: 160px;
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---badge-secondary---tabs.w--current {
    width: 160px;
    padding: 0 10px;
  }

  .button-download {
    width: 100%;
  }

  .button-download-wrapper {
    flex-flow: column;
    align-items: stretch;
    width: 100%;
  }

  .paragraph-5 {
    width: 120px;
    font-size: 14px;
  }

  .about-info {
    margin-top: 60px;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .div-block-8 {
    width: 100%;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .div-block-9 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .brix---container-default-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-submenu, .product-submenu.product-submenu-mobile {
    grid-template-columns: 1fr;
  }

  .product-submenu-item {
    justify-content: center;
    align-items: flex-start;
    height: 40px;
  }

  .product-submenu-icon {
    display: none;
  }

  .testimonials-item-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .cta-button-second {
    width: 200px;
  }

  .cta-button-primary {
    height: auto;
  }

  .testimonial-content-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .testimonial-title {
    font-size: 14px;
  }

  .testimonial-content {
    font-size: 16px;
    line-height: 24px;
  }

  .testimonial-icon {
    width: 30px;
  }

  .stories-wrapper {
    grid-template-columns: 1fr;
  }

  .stories-image.stories-image-adaptive {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_75510059-08d7-9b18-73d7-7d7ef5124461-f5124458, #w-node-ceadf3c1-d5a5-68c3-8c7c-3e0d6fefcddc-79271d45 {
    justify-self: auto;
  }
}