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

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

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

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

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

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

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

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

.w-embed-youtubevideo {
  width: 100%;
  background-image: url('../../d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.panel {
  z-index: auto;
  height: 100vh;
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.panel.affiliate {
  height: 100vh;
  color: #1e2955;
  background-color: #1e2955;
  align-items: center;
}

.panel.affiliate.first {
  height: 70vh;
}

.panel.affiliate.second.mobile {
  padding-top: 69px;
}

.panel.affiliate.second.juanlejs {
  margin-top: 170px;
}

.panel.first {
  height: 75vh;
  display: flex;
}

.panel.first.logos {
  z-index: 997;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.panel.first.logos.aff {
  background-color: #1e2955;
}

.panel.counter {
  padding-top: 150px;
}

.panel.counter.bulba {
  height: auto;
  padding-top: 0;
}

.panel.sign.sdff {
  height: auto;
  min-height: 100vh;
  font-family: brandon-grotesque, sans-serif;
}

.panel.pre-clientele {
  margin-bottom: 0;
}

.panel.about-new {
  height: auto;
  margin-bottom: 100px;
  display: block;
  position: static;
}

.panel.e-book {
  align-items: flex-start;
  margin-top: -130px;
  margin-bottom: 600px;
  display: flex;
}

.logo {
  width: 200px;
}

.logo.aff {
  width: 300px;
}

.body {
  color: #fff;
  background-color: #000;
  font-family: brandon-grotesque, sans-serif;
  font-size: 16px;
}

.body.affiliate {
  background-color: #1e2955;
}

.link {
  color: #fff;
  padding-left: 34px;
  font-family: brandon-grotesque, sans-serif;
  font-size: 1.25rem;
  text-decoration: none;
}

.link.mobhide {
  padding-left: 0;
}

.link.mobhide.firstsit {
  margin-right: 30px;
}

.link.mobhide.firstsit.studio-linkii {
  margin-right: 0;
}

.link.mobhide.firstsit.studio-linkii.stickll {
  margin-right: 0;
  font-size: 1rem;
}

.link.mobhide.firstsit.stickll {
  margin-right: 30px;
  font-size: 1rem;
}

.link.mobhide.stickll {
  font-size: 1rem;
}

.content {
  width: 100%;
  border-radius: 0;
  justify-content: space-around;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.content.affiliate.who {
  margin-top: 0;
}

.content.affiliate.who.dsgvaszssd {
  color: #fff;
}

.content.signup.yrslf {
  margin-bottom: 59px;
}

.content.signup.yrslf.customalignerflex, .content.points {
  align-items: flex-start;
}

.content.logos.aff {
  margin-top: 61px;
}

.content.logos.hujogos {
  max-width: 1600px;
  margin-top: 69px;
}

.content.fudsd {
  margin-top: -60px;
}

.content.huntoens {
  align-self: center;
  display: none;
}

.content.hjnjujd {
  margin-top: -100px;
}

.content.mob-mob {
  max-width: 1600px;
}

.content.about-founders {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.left {
  width: 50%;
  height: auto;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.left.open-nav {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
}

.left.numbers {
  z-index: 0;
  margin-top: 0;
  position: relative;
}

.left.xcvdsgadh {
  color: #fff;
}

.right {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.right.mobile-rock.first {
  padding-top: 55px;
  display: flex;
}

.right.mobile-rock.first.affiliate {
  height: 500px;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
}

.h1 {
  color: #fff;
  letter-spacing: 1px;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.2;
  display: block;
}

.h1.opaque {
  opacity: .2;
  font-size: 34px;
}

.h1.fade-in-up {
  margin-bottom: 35px;
  font-size: 48px;
  text-decoration: none;
}

.h1.number-sm-affil {
  width: 48px;
  color: #858ca3;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  font-size: 40px;
  position: relative;
}

.h1.h1-gu-custom {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 25px;
  display: none;
}

.h1.h1-gu-custom.custom-studio-lefter {
  width: 80%;
  text-align: left;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.h1.h1-gu-custom.custom-studio-lefter.show-h1-examples-in-studio {
  display: none;
}

.p {
  max-width: none;
  color: #c8c8c8;
  letter-spacing: 1px;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.4;
}

.highlighter {
  background-color: #99999949;
  border-radius: 8px;
  padding: 3px 5px;
  color: white;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}

.p.light-gray {
  color: #5e5e5e;
}

.p.bold {
  margin-right: 30px;
  font-weight: 500;
  display: inline-block;
}

.p.bold.margin-right {
  margin-right: 20px;
  display: inline-block;
}

.p.bold.margin-right.affili {
  width: 400px;
}

.p.bold.margin-right.custom-colorer-ppp {
  color: #fff;
}

.p.small {
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  margin-right: 36px;
  padding-right: 0;
  font-size: 1em;
  display: inline-block;
}

.p.small.mob-hide {
  margin-right: 30px;
}

.p.small.mob {
  margin-right: 0;
  display: none;
}

.p.small.foot {
  display: none;
}

.p.how-it-works {
  margin-bottom: 40px;
}

.p.center-copy {
  width: 50%;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 0;
  padding-top: 0;
}

.p.center-copy.no-margin {
  margin-top: 0;
}

.p.center-copy {
  width: 50%;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 0;
  padding-top: 0;
}

.p.center-copy.no-margin {
  margin-top: 0;
}

.p.center-copy.no-margin.dumikis {
  height: auto;
}

.p.ebook-bullet {
  width: 75%;
  clear: none;
  margin-bottom: 30px;
  display: inline-block;
}

.p.ebook-numberlist {
  width: 20%;
  float: left;
  display: inline-block;
}

.p.custom-ebook-copy {
  margin-bottom: 80px;
}

.h1-container {
  z-index: 2;
  width: 100%;
  margin-top: 35px;
  margin-bottom: 28px;
  padding-right: 0;
  position: relative;
}

.h1-container.start._05 {
  margin-top: 100px;
}

.h1-container.start._06 {
  margin-top: auto;
}

.h1-container.tabonly {
  display: none;
}

.h1-container.portfolio {
  width: 100%;
}

.h1-container.faqcustomh1 {
  top: -15px;
}

.p-container {
  margin-bottom: 40px;
}

.p-container.mobile.studio-feature-pricing {
  margin-top: 30px;
}

.p-container.hujnjsf {
  margin-bottom: 51px;
}

.p-container.display-flex-custom-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.meta-container {
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.meta-data {
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.icon-container {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.icon-container.w--current {
  display: inline-block;
}

.icon-container.affiliate {
  display: flex;
}

.icon-container.first {
  left: -30px;
}

.icon-container.first.w--current {
  left: -35px;
}

.icon-container.first.dirst {
  justify-content: space-between;
  margin-left: 36px;
}

.left-content {
  width: 80%;
  max-width: 430px;
  flex: 0 auto;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-left: 10%;
  padding-top: 0;
  display: block;
}

.left-content.nav-open {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 0;
  display: flex;
}

.left-content.affiliate.sdgag {
  color: #fff;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  display: block;
}

.left-content.displflex {
  align-items: flex-end;
  display: flex;
}

.image-2 {
  display: inline-block;
}

.rock-rotate {
  width: 100%;
  height: auto;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  top: 0%;
  bottom: auto;
  left: -22%;
  right: auto;
  overflow: visible;
}

.rock-rotate.bigrock {
  width: 100%;
  height: auto;
}

.split-white {
  z-index: 990;
  width: 1px;
  height: 100vh;
  opacity: .1;
  transform-origin: 50% 0;
  background-color: #fff;
  display: none;
  position: fixed;
  left: 50%;
}

.split-gradient {
  z-index: 990;
  width: 1px;
  height: 100vh;
  opacity: 1;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #fff;
  background-image: linear-gradient(#eb0094, #00edc3);
  display: none;
  position: fixed;
  left: 50%;
}

.split-gradient.about-grad {
  margin-top: -123px;
  display: block;
  left: 0%;
}

.section-2 {
  height: 100vh;
  background-color: #010001;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-2.hidden-msg {
  background-color: #372dff;
  margin-top: 0;
  padding-top: 0;
  overflow: hidden;
}

.section-2.hidden-msg.ghdsfa {
  font-family: brandon-grotesque, sans-serif;
}

.p-short {
  max-width: 800px;
  color: #c8c8c8;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.4;
}

.p-short.light-gray {
  width: 100%;
  color: #636363;
  font-size: 21px;
  line-height: 1.4;
}

.p-short.p-center {
  max-width: none;
  color: #fff;
  text-align: center;
  font-size: 21px;
  display: none;
}

.p-short.align-center {
  max-width: none;
  text-align: center;
  font-size: 21px;
}

.p-short.quote {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.meta-data-horizontal {
  flex-direction: row;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-bottom: 20px;
  display: block;
}

.meta-data-horizontal.salary {
  display: none;
}

.meta-container-def {
  width: 80%;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.meta-container-def.fade-in-up.drowgh {
  width: auto;
}

.down-btn {
  z-index: 99;
  width: 32px;
  height: 32px;
  background-color: #372dff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
  position: static;
}

.down-btn.affiliss {
  position: relative;
  left: -41px;
}

.down-btn.dropdown-btn-on-blue {
  background-color: #6c5eff;
}

.div-down-pulse {
  width: 50px;
  height: 50px;
  clear: none;
  opacity: 1;
  text-align: left;
  background-color: rgba(54, 46, 255, .5);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 9px;
  display: inline-block;
  position: static;
}

.div-down-pulse.div-down-pulse-on-blue {
  background-color: rgba(108, 94, 255, .5);
}

.chevron-down {
  width: 13px;
  height: 14px;
}

.gem-big {
  z-index: 999;
  height: 860px;
  display: none;
  position: fixed;
  top: 10%;
  left: -550px;
}

.container {
  z-index: -10;
  max-width: 50%;
  align-self: auto;
  margin-top: auto;
  margin-bottom: -563px;
  margin-left: -284px;
  padding-top: 337px;
  padding-bottom: 0;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.container.huyjygf.xzcsfsd {
  margin-left: 0;
}

.container.dsfdsga {
  max-width: none;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  position: static;
}

.right-content {
  width: 80%;
  max-width: 430px;
  margin-right: 10%;
  padding-bottom: 90px;
}

.right-content.flex {
  align-items: center;
  display: none;
}

.right-content.hujex {
  align-items: center;
  display: block;
}

.right-80vh {
  width: 50%;
  height: auto;
  clear: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.right-80vh.affiliate {
  height: 80vh;
}

.right-80vh.affiliate.numbers._235423 {
  height: auto;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
  display: flex;
}

.right-80vh.affiliate.start.dsfdsga {
  position: static;
}

.right-80vh.start {
  height: 80vh;
  object-fit: fill;
  margin-top: 100px;
  position: relative;
}

.right-80vh.start.customautoheight {
  height: auto;
  margin-top: 0;
}

.logo-footer {
  width: 200px;
  margin-bottom: 80px;
}

.chevron-right {
  width: 13px;
  height: 14px;
}

.footer {
  z-index: 1000;
  width: 900px;
  text-align: center;
  background-color: rgba(30, 41, 85, .9);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0%;
  display: none;
  position: relative;
  top: 300px;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer.legal {
  background-color: rgba(0, 0, 0, 0);
  position: static;
}

.footer.legal.legalizenow {
  width: auto;
  padding-left: 75px;
}

.footer.faq {
  width: auto;
  margin-left: auto;
  padding-top: 68px;
  position: static;
}

.footer.faq.price {
  width: 1260px;
  padding-left: 0;
}

.footer.faq.price.sfsdghh {
  width: 900px;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 100px;
  display: none;
}

.footer.startpage {
  z-index: 990;
  width: 80%;
  text-align: center;
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0%;
}

.footer.brumbrumb {
  z-index: 1000;
  width: 900px;
  text-align: center;
  object-fit: fill;
  background-color: rgba(0, 0, 0, .9);
  justify-content: flex-start;
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 18px;
  padding-left: 0;
  display: none;
  position: relative;
  top: 250px;
}

.accordeon-item {
  z-index: 2;
  max-width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.accordeon-item-trigger {
  align-items: flex-start;
  display: flex;
}

.accordion-h {
  color: #fff;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}

.accorden-item-content {
  margin-top: 16px;
  position: relative;
  overflow: hidden;
}

.p-small {
  z-index: 0;
  color: silver;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.25em;
}

.lottie-animation-1 {
  width: 80%;
  max-width: 800px;
  margin-top: 10%;
  margin-right: 0%;
}

.menu {
  z-index: 1000;
  height: 20px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: fixed;
  top: 50%;
  left: 3%;
  transform: rotate(-90deg);
}

.menu-item {
  opacity: 1;
  color: #757575;
  letter-spacing: 2.5px;
  font-family: brandon-grotesque, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.menu-item.affiliate {
  color: #bdbdbd;
}

.menu-item.menu-item-close {
  opacity: 0;
}

.menu-overlay {
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background-color: #000;
  display: none;
  position: fixed;
}

.menu-overlay.studiouir {
  padding-top: 116px;
  display: none;
}

.nav-link-container {
  flex-direction: column;
  font-size: 30px;
  display: flex;
}

.nav-link-container.studio4 {
  margin-top: 40px;
}

.nav-footer {
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 70px;
  display: flex;
}

.nav-footer.studio-5 {
  margin-top: 100px;
  margin-bottom: 20px;
}

.main-nav-item {
  color: #fff;
  margin-bottom: 30px;
  padding-bottom: 0;
  font-size: 36px;
  font-weight: 300;
  line-height: 38px;
  text-decoration: none;
}

.nav-footer-col {
  width: 50%;
  color: #fff;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  display: flex;
}

.nav-footer-col.signin {
  width: 50%;
  flex: 0 auto;
  margin-left: 25px;
  margin-right: auto;
  display: flex;
}

.nav-footer-col.sitemap {
  width: 50%;
}

.nav-footer-col-item {
  color: silver;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}

.div-block {
  display: flex;
}

.div-block-2 {
  z-index: 999;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 96px;
  padding-bottom: 0;
  display: none;
}

.tab-link-tab-1 {
  color: #858ca3;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #858ca3;
  border-radius: 44px;
  font-size: 20px;
}

.tab-link-tab-1.w--current {
  height: 44px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-width: 2px;
  border-color: #fff;
  border-radius: 48px;
  margin-right: 10px;
  font-size: 20px;
}

.tab-link-tab-2 {
  height: 44px;
  color: #858ca3;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #858ca3;
  border-radius: 44px;
  margin-right: 10px;
  font-size: 20px;
}

.tab-link-tab-2.w--current {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #fff;
}

.tab-link-tab-3 {
  height: 44px;
  color: #858ca3;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #858ca3;
  border-radius: 44px;
  padding-left: 30px;
  padding-right: 20px;
  font-size: 20px;
}

.tab-link-tab-3.w--current {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #fff;
}

.tabs {
  width: 44%;
  color: #fff;
  margin-top: 80px;
}

.tabs.mobile {
  display: none;
}

.tabs.desktop.affileis {
  width: 60%;
}

.tabs-menu {
  justify-content: center;
  display: flex;
}

.tab-pane-tab-1, .tab-pane-tab-2, .tab-pane-tab-3 {
  text-align: center;
}

.tabs-content {
  padding-top: 56px;
}

.p-container-numbers {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.accordion-chevron {
  align-self: auto;
  margin-top: 10px;
  margin-left: 2px;
  margin-right: 12px;
}

.center {
  z-index: 1;
  width: 60%;
  height: 54vh;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: visible;
}

.center.hujnjas {
  z-index: 1;
}

.h3 {
  font-size: 48px;
  font-weight: 300;
  line-height: 52px;
}

.h3.align-center {
  max-width: 800px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}

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

.gem-hidden-msg-absolute {
  max-width: 60%;
  margin: 55px auto 0;
  display: block;
  position: fixed;
  top: 69%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.gem-hidden-msg-absolute.desktop {
  z-index: 20;
  max-width: 450px;
  margin-top: 0;
  margin-bottom: -20px;
  padding-top: 0;
  display: none;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.loader {
  z-index: 2147483647;
  height: 110vh;
  opacity: 1;
  background-color: #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: -30px;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.circle-loop {
  width: 50px;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  display: block;
  position: absolute;
  overflow: visible;
}

.circle-loop.menu-ok {
  margin-bottom: 70px;
  position: static;
}

.circle-loop.affiliate {
  width: 30%;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-top: auto;
  padding-top: 0;
  display: block;
  position: relative;
}

.circle-loop.affiliate.mob {
  display: none;
}

.sticky {
  z-index: 12222;
  text-align: right;
  object-fit: fill;
  background-color: rgba(0, 0, 0, .69);
  margin-top: 36px;
  margin-right: 8%;
  padding: 20px;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.sticky.mobhide {
  z-index: 998;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  margin-right: 0%;
  padding: 0;
  display: block;
  position: static;
}

.spotify {
  color: #656465;
  text-align: center;
}

.image-4 {
  padding-bottom: 30px;
}

.spotify-div {
  text-align: center;
  display: none;
  position: absolute;
  top: 400px;
  bottom: 0;
}

.spotify-div.mobile {
  display: none;
}

.greylink {
  color: #636363;
}

.body-3 {
  background-color: #000;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 400;
}

.image-5 {
  width: 50px;
  max-width: none;
  margin-left: 8px;
  padding-left: 0;
}

.div-block-4 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
}

.legal-header {
  margin-top: -73px;
}

.legal-grid {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
}

.legal-menu {
  letter-spacing: 1px;
  font-weight: 400;
}

.legal-menu.not-active {
  color: #646464;
}

.legal-link {
  color: #fff;
  font-style: normal;
  text-decoration: none;
}

.legal-terms {
  max-width: 1180px;
}

.legal-heading {
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 40px;
  font-weight: 400;
}

.legal-p {
  color: #c8c8c8;
  letter-spacing: 1px;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 26px;
}

.legal-p.step {
  padding-left: 30px;
}

.legal-p.table {
  width: 80%;
  margin-left: 19px;
}

.legal-h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 400;
}

.logo-head {
  float: none;
  clear: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 110px;
  display: block;
  position: relative;
  top: 0%;
  bottom: 0;
  left: 0;
  right: 0%;
  overflow: visible;
}

.logo-head.about {
  display: none;
}

.logo-div {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8%;
}

.logo-div.about {
  text-align: center;
  padding-left: 0%;
}

.logo-cont {
  width: 50%;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.logo-cont.about {
  width: auto;
  justify-content: center;
}

.logo-aligner {
  width: 80%;
  max-width: 480px;
  min-height: 133px;
  padding-left: 0;
}

.logo-aligner.about {
  min-height: 80px;
}

.paragraph-3 {
  color: #fff;
}

.paragraph-3.affiliate {
  max-width: 500px;
  color: silver;
  text-align: center;
  letter-spacing: 1px;
  padding-top: 69px;
  font-size: 21px;
  font-weight: 300;
  line-height: 27px;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

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

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

.text-span {
  color: #757575;
  letter-spacing: 2.5px;
  font-family: brandon-grotesque, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.text-span.affiliate {
  color: #bdbdbd;
}

.blue {
  min-height: 100px;
  background-color: rgba(0, 0, 0, 0);
  display: block;
}

.hide-desktop, .mobile-rock {
  display: none;
}

.legalf-footer {
  margin-top: 101px;
}

.link-block-2, .link-block-3, .link-block-4 {
  text-decoration: none;
  display: none;
}

.columns {
  width: 1260px;
  max-width: 1460px;
  min-width: auto;
  float: none;
  clear: none;
  object-fit: fill;
  margin-bottom: 59px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 54px;
  display: block;
  position: static;
}

.column {
  height: 645px;
  background-image: url('../images/price1.webp');
  background-position: 61%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 40px 40px 39px 50px;
  display: block;
}

.column-2 {
  height: 647px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/price2.webp');
  background-position: 57%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  padding-top: 40px;
  padding-left: 50px;
  padding-right: 40px;
}

.column-3 {
  height: 645px;
  padding-top: 40px;
  padding-left: 50px;
  padding-right: 40px;
}

.price-h2 {
  max-width: 308px;
  text-align: left;
  margin-right: auto;
  font-size: 45px;
  font-weight: 300;
  line-height: 45px;
}

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

.heading-div.button-div {
  text-align: left;
  padding-top: 16px;
  padding-left: 0;
}

.heading-div.button-div.priceer {
  padding-top: 20px;
  padding-bottom: 76px;
}

.heading-div.price {
  text-align: left;
  padding-top: 10px;
  padding-left: 18px;
  padding-right: 18px;
}

.price-counter {
  max-width: 300px;
  color: #3f3f3f;
  margin-top: 0;
  margin-right: auto;
  font-size: 41px;
  font-weight: 300;
}

.price-counter._02 {
  color: #858383;
}

.free {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 24px auto 0 0;
  padding: 20px 0;
  font-size: 21px;
  display: block;
}

.free.custom {
  background-color: #362eff;
  border-style: none;
}

.free.custom.new-pricing {
  border-style: solid;
  border-color: #362eff;
  margin-left: auto;
}

.feature-div {
  margin-left: auto;
  margin-right: auto;
  padding-top: 37px;
  padding-bottom: 17px;
  padding-left: 0;
  position: static;
  top: 40%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.paragraph-4 {
  color: #c8c8c8;
  margin-top: 35px;
  margin-left: 0;
  margin-right: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: block;
}

.pricetag {
  min-width: auto;
  font-size: 36px;
}

.addprice {
  color: #3f3f3f;
  padding-top: 10px;
  font-size: 32px;
  font-weight: 300;
  text-decoration: line-through;
}

.addprice.freecreator {
  color: #fff;
  padding-top: 8px;
  padding-bottom: 0;
  line-height: 32px;
  text-decoration: none;
}

.addprice.premium {
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 32px;
  text-decoration: none;
}

.list, .list.hujitem {
  display: none;
}

.price-faq {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 114px;
}

.price-faq.pricesss {
  margin-bottom: 154px;
  padding-bottom: 0;
}

.price-faq-column {
  margin-top: 0;
  padding-top: 0;
  padding-left: 30px;
}

.price-faq-column.wea {
  padding-top: 48px;
}

.price-faq-column-l.mob {
  padding-left: 0;
  display: block;
}

.link-4, .link-6 {
  color: silver;
}

.columns-2 {
  width: auto;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 75px;
}

.white-link {
  color: silver;
}

.light-greylink {
  color: silver;
  font-size: 18px;
  line-height: 24px;
  display: none;
}

.spotyfy {
  z-index: 100000;
  margin-top: 90px;
  margin-bottom: 0;
  padding-top: 0;
  position: relative;
}

.image-7 {
  padding-bottom: 18px;
  display: none;
}

.link-block-5 {
  text-align: center;
  margin: 10px auto;
  padding-bottom: 0;
  display: block;
}

.div-block-5 {
  z-index: 100000;
  margin-bottom: 0;
  position: relative;
}

.link-10, .paragraph-6 {
  color: #fff;
}

.features-list-item {
  padding-top: 0;
  padding-bottom: 18px;
  list-style-type: none;
}

.features-list {
  color: #999;
  margin-top: 41px;
  padding-left: 0;
  padding-right: 0;
  font-size: 20px;
  line-height: 24px;
}

.features-list.featured {
  color: #e9e9e9;
}

.info {
  cursor: pointer;
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
}

.tooltip {
  min-width: 110px;
  color: silver;
  background-color: #3f3f3f;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 33px 20px;
  display: flex;
  position: absolute;
  top: 220px;
  bottom: auto;
  left: 36px;
  right: 33px;
}

.tooltip._1 {
  display: none;
  top: 5px;
}

.tooltip._2 {
  display: none;
  top: 115px;
}

.tooltip._3 {
  display: none;
  top: 243px;
}

.tooltip._4 {
  display: none;
  top: 607px;
}

.tooltip._16 {
  display: none;
  top: 283px;
}

.tooltip._11 {
  display: none;
  top: 504px;
}

.tooltip._12 {
  display: none;
  top: 165px;
}

.tooltip._13 {
  display: none;
  top: 27px;
}

.tooltip._21 {
  display: none;
  top: 76px;
}

.tooltip._22 {
  display: none;
  top: 370px;
}

.paragraph-7 {
  color: #c8c8c8;
  font-size: 20px;
  line-height: 24px;
}

.arrow {
  width: 10px;
  height: 10px;
  background-color: #3f3f3f;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: auto;
  bottom: -5px;
  left: 277px;
  right: auto;
  transform: rotate(45deg);
}

.arrow._2 {
  left: 222px;
}

.arrow._3 {
  left: 270px;
}

.arrow._4 {
  left: 245px;
}

.arrow._5 {
  left: 150px;
}

.arrow._6 {
  left: 247px;
}

.arrow._4-1 {
  left: 177px;
}

.arrow._11-1 {
  left: 129px;
}

.arrow._21-1 {
  left: 230px;
}

.arrow._22-1 {
  left: 207px;
}

.columns-add {
  width: 1260px;
  max-width: 1460px;
  min-width: auto;
  float: none;
  clear: none;
  object-fit: fill;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  display: block;
  position: static;
}

.column-add {
  min-height: 800px;
  background-image: url('../images/price-darkgrey-tabs-short-new.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 40px 29px;
  position: relative;
}

.column-2-add {
  min-height: 946px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/price-grey-tabs-short-new.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  padding: 40px 29px;
}

.column-3-add {
  padding-top: 40px;
  padding-left: 29px;
  padding-right: 29px;
}

.feature-div-add {
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 17px;
  padding-left: 21px;
  position: static;
  top: 40%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.addprice-add {
  color: #3f3f3f;
  padding-top: 10px;
  font-size: 32px;
  font-weight: 300;
  text-decoration: line-through;
}

.addprice-add.freecreator {
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

.bold-text-2 {
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
}

.about {
  margin-top: 123px;
}

.paragraph-4-copy {
  max-width: 80%;
  color: #c8c8c8;
  margin-top: 26px;
  margin-left: 0;
  margin-right: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  display: none;
}

.left-content-footeris {
  width: 80%;
  max-width: 430px;
  flex: 0 auto;
  align-self: auto;
  margin-top: 0;
  margin-left: 10%;
  padding-top: 0;
}

.demobtn {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid silver;
  border-radius: 5px;
  margin-left: 20px;
  padding: 15px 20px;
  font-size: 1.25rem;
}

.link-block-6 {
  margin-left: 15px;
  margin-right: -30px;
  position: relative;
  top: -5px;
}

.sign-link {
  color: #fff;
  padding-left: 34px;
  font-family: brandon-grotesque, sans-serif;
  font-size: 1.25rem;
  text-decoration: none;
  display: none;
}

.lading-txt {
  clear: none;
  color: #3f3f3f;
  text-align: center;
  order: 0;
  align-self: center;
  position: absolute;
  top: 54%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.circle-loader {
  width: 50px;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  display: block;
  position: absolute;
  overflow: visible;
}

.vidwo-rers {
  width: 100%;
  height: auto;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  top: 0%;
  bottom: auto;
  left: -22%;
  right: auto;
  overflow: visible;
}

.vidwo-rers.preview-video {
  width: 100%;
  height: auto;
  display: none;
}

.inactive {
  color: #696969;
  margin-right: 33px;
  font-size: 1.25rem;
  display: inline-block;
}

.body-4 {
  background-color: #000;
}

.image-9 {
  filter: invert();
}

.not-fon, .not-dofod {
  color: #c8c8c8;
}

.section-4 {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.pricetag-small {
  min-width: auto;
  margin-top: 15px;
  font-size: 24px;
}

.hider {
  z-index: 10001;
  height: 120vh;
  background-color: #000;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.footer-left {
  display: flex;
}

.soc-insta {
  width: auto;
}

.soc-container {
  width: 28px;
  margin-right: 16px;
}

.soc-spotif, .soc-facebook, .soc-twitter, .soc-linkedin {
  width: auto;
}

.say-hi {
  flex-direction: row;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  text-decoration: none;
  display: inline-block;
}

.footer-copy {
  z-index: 1000;
  width: 900px;
  text-align: center;
  background-color: rgba(30, 41, 85, .9);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0%;
  display: none;
  position: relative;
  top: 300px;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer-copy.startpage {
  z-index: 990;
  width: 80%;
  text-align: center;
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  margin: 0 auto -62px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  display: flex;
  position: relative;
  top: 0;
}

.footer-right__menu {
  margin-top: 50px;
}

.columns-studio {
  width: 1260px;
  max-width: none;
  min-width: auto;
  float: none;
  clear: none;
  object-fit: fill;
  margin-bottom: 59px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 54px;
  display: block;
  position: static;
}

.heading-div-studio {
  text-align: center;
}

.price-counter-studio {
  max-width: 300px;
  color: #3f3f3f;
  margin-left: 0;
  margin-right: 0;
  font-size: 41px;
  font-weight: 300;
}

.price-counter-studio.price-counter-studioo-custom {
  opacity: 0;
}

.price-h2-studio {
  max-width: 308px;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-size: 41px;
  font-weight: 300;
}

.price-h2-studio.price-h2-studio-custom {
  max-width: 330px;
}

.pricetag-small-trial {
  min-width: auto;
  color: silver;
  margin-top: -5px;
  font-size: 18px;
  position: absolute;
}

.feature-div-online {
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 17px;
  padding-left: 21px;
  position: static;
  top: 40%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.feature-div-online.fixfeaturemargin {
  padding-left: 0;
}

.more-studio {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 30px auto 0 0;
  padding: 20px 0;
  font-size: 21px;
  display: block;
}

.left-content-copy {
  width: 80%;
  max-width: 430px;
  flex: 0 auto;
  align-self: auto;
  margin-top: 0;
  margin-left: 10%;
  padding-top: 0;
}

.checkbox-field {
  align-items: center;
  margin-bottom: 0;
  font-size: 26px;
  line-height: 26px;
  display: flex;
}

.checkbox {
  width: 38px;
  height: 20px;
  cursor: pointer;
  background-color: #0b52f9;
  background-image: url('../images/black-circle.svg');
  background-position: 3px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  border-style: none;
  border-radius: 20px;
  margin-top: 2px;
  margin-right: 20px;
}

.checkbox.w--redirected-checked {
  background-color: silver;
  background-image: url('../images/black-circle.svg');
  background-position: 90%;
  background-size: 15px 15px;
  border-style: none;
  border-color: #8bc794;
}

.checkbox-label {
  color: silver;
  font-size: 18px;
  font-weight: 400;
  display: none;
}

.form-block-2 {
  display: inline-block;
}

.annualy-fee {
  color: silver;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 5px;
  left: -15px;
}

.monthly-fee {
  color: silver;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 5px;
  left: auto;
}

.switcher {
  z-index: 998;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  position: relative;
}

.h1-clientele-right {
  color: #fff;
  letter-spacing: 1px;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.2;
}

.client-list-agency {
  max-width: 100%;
  color: #fff;
  letter-spacing: 1px;
  margin-top: 60px;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.5;
}

.clientele-2 {
  z-index: auto;
  height: 100vh;
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.clientele-2.counter-clientele {
  height: auto;
  min-height: 50vh;
  background-color: #442e7d;
  padding-top: 10px;
  font-family: brandon-grotesque, sans-serif;
}

.right-clienteles {
  z-index: 1;
  width: 50%;
  height: auto;
  clear: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  display: flex;
  position: relative;
  overflow: visible;
}

.image-22 {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 5px;
}

.text-block {
  margin-left: 13px;
  margin-right: 10px;
  font-size: 21px;
  font-weight: 500;
  display: inline-block;
}

.white-link-play {
  z-index: 1;
  color: silver;
  position: relative;
  top: -104px;
  left: 30px;
}

.video-popup-start {
  z-index: 1000;
  height: 100vh;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video-container {
  max-width: 70%;
  margin: auto;
}

.close-div {
  max-width: 90%;
  text-align: right;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.container-for-pop {
  margin-top: 5%;
  display: block;
}

.close-video {
  cursor: pointer;
  padding: 10px;
  display: inline-block;
}

.meta-container-mob {
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: none;
}

.stone-seq {
  z-index: 5;
  width: 120%;
  height: auto;
  max-width: none;
  margin-top: 0%;
  display: flex;
  position: static;
  top: auto;
  bottom: 80px;
  left: 16%;
  right: 16%;
}

.studio-intro {
  height: 300vh;
  background-color: #010001;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.studio--stone-container {
  width: 100%;
  height: 80vh;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  display: flex;
  position: fixed;
}

.studio--nav-container {
  z-index: 10;
  width: 100%;
  height: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

.studio--nav {
  width: 91%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.studio--logo {
  width: 310px;
  height: 28px;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.studio--nav-item {
  color: #fff;
  padding-right: 10%;
  font-family: brandon-grotesque, sans-serif;
  font-size: 18px;
  text-decoration: none;
  display: flex;
}

.studio--nav-item.last {
  padding-right: 0%;
}

.studio--nav-item-container {
  width: 50%;
  color: #fff;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-top: 12px;
  display: none;
}

.studio--back-to-corebook {
  color: #fff;
  align-items: center;
  font-family: brandon-grotesque, sans-serif;
  font-size: 18px;
  display: flex;
}

.studio-back-to-corebook-link {
  color: #979797;
  align-items: center;
  padding-top: 0;
  text-decoration: none;
  display: flex;
}

.studio--call-to-action-container {
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.studio--call-to-action {
  width: 50%;
  position: fixed;
}

.studio--call-to-action-punchline {
  text-align: center;
  padding-bottom: 1.5vw;
}

.studio-call-to-action-lead {
  color: #fff;
  text-align: center;
  padding-bottom: 3vw;
  padding-left: 15%;
  padding-right: 15%;
  font-family: brandon-grotesque, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.studio--call-to-action-buttons {
  justify-content: center;
  padding-bottom: 4vh;
  display: flex;
}

.studio--h1 {
  color: #fff;
  font-family: brandon-grotesque, sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.1;
}

.studio--h1.hide-desktop {
  display: none;
}

.text-block-2 {
  opacity: 0;
  color: #c8c8c8;
  font-size: 18px;
  line-height: 1.4;
}

.studio--button-primary {
  height: 52px;
  background-color: #372dff;
  border-radius: 4px;
  align-items: center;
  margin-right: 20px;
  padding-left: 28px;
  padding-right: 28px;
  font-family: brandon-grotesque, sans-serif;
  font-size: 20px;
  display: flex;
}

.studio--button-primary.fixed {
  z-index: 998;
  display: flex;
  position: fixed;
  top: 3%;
  bottom: auto;
  left: 4.5%;
  right: auto;
}

.studio--button-secondary {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  align-items: center;
  padding-left: 28px;
  padding-right: 28px;
  font-family: brandon-grotesque, sans-serif;
  font-size: 20px;
  display: flex;
}

.studio--play-video-link {
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  font-family: brandon-grotesque, sans-serif;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.studio--play-icn {
  margin-right: 10px;
}

.studio--play-video-button {
  color: #fff;
  text-decoration: none;
  display: flex;
}

.studio--play-video-text {
  min-width: 100px;
}

.studio--screen-text {
  width: 50%;
}

.studio--brow-container {
  width: auto;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: brandon-grotesque, sans-serif;
  font-size: 34px;
  font-weight: 300;
  display: flex;
}

.studio--h2-container {
  color: #fff;
  text-align: center;
  font-family: brandon-grotesque, sans-serif;
}

.studio--h3 {
  opacity: .2;
  color: #fff;
  font-size: 2.7vw;
  font-weight: 300;
}

.studio--h3.no-margin {
  opacity: .61;
  color: #fff;
  margin-top: 9px;
  font-size: 32px;
}

.studio--h3.custom-hh433 {
  opacity: 1;
}

.studio--h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.1;
}

.studio--screen-demo {
  background-color: #000;
  border: 1px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 210px;
  display: flex;
  position: relative;
}

.studio--gradient-flare {
  width: 80%;
  position: absolute;
}

.image-24 {
  width: 90%;
  margin-top: 100px;
  display: none;
  position: relative;
  top: auto;
}

.studio--screen-visual-container {
  width: 100%;
  justify-content: center;
  margin-top: 100px;
  display: flex;
  position: relative;
}

.studio--panel {
  z-index: auto;
  height: 100vh;
  min-height: 900px;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.studio--panel-content {
  width: 100%;
  border-radius: 0;
  justify-content: space-around;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.studio--panel-content-left {
  width: 50%;
  height: auto;
  flex-direction: row;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-family: brandon-grotesque, sans-serif;
  display: flex;
}

.studio--panel-content-right {
  width: 50%;
  height: 80vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.studio--stories-section {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 0;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.studio--stories-wrapper {
  width: 100%;
  justify-content: center;
  margin-bottom: 40px;
  display: flex;
}

.studio--video-collection {
  width: 80%;
  height: 60vh;
  perspective: 1000px;
  justify-content: space-between;
  padding-left: 0;
  display: flex;
}

.studio--video-list-item {
  width: 30%;
  min-width: 10vw;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  perspective: 1000px;
  align-items: flex-start;
  list-style-type: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.studio--stories-lead-text-indexp {
  width: 80%;
  color: #fff;
  margin: 0 0 28px;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 300;
}

.studio--h4-indexp {
  color: #fff;
  margin-bottom: 16px;
  font-weight: 300;
  line-height: 1.1;
}

.studio--overlay {
  width: 100%;
  height: 50%;
  color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, 0), #000);
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 32px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: brandon-grotesque, sans-serif;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block-3 {
  color: #fff;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.25;
}

.meta-container-copy {
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.studio--clientele-2 {
  z-index: auto;
  height: 100vh;
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.studio--clientele-2.counter-clientele {
  height: auto;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 150px;
  font-family: brandon-grotesque, sans-serif;
}

.text-span-2-copy {
  color: #858585;
  font-size: 34px;
}

.text-span-2-copy.custom-panner {
  color: #fff;
}

.body-5 {
  background-color: #000;
  font-family: brandon-grotesque, sans-serif;
}

.center-copy {
  z-index: 1;
  width: 60%;
  height: 54vh;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: visible;
}

.studio--left-content {
  width: 100%;
  max-width: none;
  flex: 0 auto;
  align-self: auto;
  margin-top: 0;
  margin-left: 20%;
  padding-top: 0;
  padding-right: 60px;
}

.studio-link {
  margin-right: 0;
  padding-right: 10px;
  display: inline-block;
}

.div-block-9 {
  display: inline-block;
}

.new {
  max-height: 19px;
  background-color: #362eff;
  border-radius: 4px;
  padding: 0 5px;
  font-size: 12px;
  position: relative;
  top: -13px;
}

.non-stick {
  z-index: 998;
  float: none;
  margin-top: 74px;
  margin-bottom: 74px;
  margin-right: 20px;
  padding: 20px 20px 20px 100px;
  display: none;
  position: static;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.stick {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  margin-top: 20px;
  margin-right: 34px;
  display: block;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0;
  right: auto;
}

.sticky-cont {
  z-index: 997;
  width: 700px;
  text-align: right;
  padding-right: 10%;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.stickll {
  max-width: 80%;
}

.free-try {
  background-color: #362eff;
  border: 0 solid silver;
  border-radius: 5px;
  margin-top: 15%;
  margin-left: auto;
  padding: 15px 40px;
  font-size: 1.25rem;
}

.studio--logo-line {
  z-index: 99;
  width: 100%;
  height: 88px;
  background-color: #000;
  border: 1px solid #000;
  border-top-width: 0;
  padding-top: 1px;
  display: block;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.studio--gradient-stroke {
  height: 1px;
  background-image: linear-gradient(to right, #372dff, #3bfab6 50%, #f70c87);
}

.studio--logo-content {
  justify-content: center;
  align-items: center;
  display: flex;
}

.studio--logo-container-text-logo {
  width: 86%;
  height: 87px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.studio--text-container-white {
  width: 20%;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-family: brandon-grotesque, sans-serif;
  font-size: 20px;
  line-height: 1.14;
  display: flex;
}

.studio--logo-line-slider {
  width: 80%;
  height: 87px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.text-block-4 {
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.studio--logo-slider {
  height: 88px;
  align-items: flex-start;
  margin-left: 0;
  display: flex;
}

.image-25 {
  height: 87px;
  padding-right: 9px;
}

.div-block-10 {
  width: 20px;
  height: 1px;
  background-color: #979797;
  margin-right: 8px;
}

.html-embed-2 {
  width: 100%;
  height: 100%;
  padding-top: 0%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-11 {
  width: 80%;
  padding-top: 56.25%;
  position: relative;
}

.studio--img-layer-01 {
  z-index: 1;
  display: block;
  position: absolute;
}

.studio--img-layer-02 {
  z-index: 2;
  display: block;
  position: absolute;
}

.studio--img-layer-02.studio--img-layer-02-but-show {
  z-index: 3;
  display: block;
}

.studio--img-layer-02.and-show-this-one {
  display: block;
}

.studio--img-layer-02.hide-this-one {
  display: none;
}

.studio--img-layer-03 {
  z-index: 3;
  display: block;
  position: absolute;
}

.studio--img-layer-03.hidethisone {
  display: block;
}

.studio--split-gradient {
  z-index: 990;
  width: 1px;
  height: 100vh;
  opacity: 1;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #fff;
  background-image: linear-gradient(#eb0094, #00edc3);
  display: flex;
  position: fixed;
  left: 0%;
}

.image-26 {
  width: 172px;
  margin-right: 11px;
}

.studio--card-continer {
  z-index: 10;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-image: url('../images/Frame-13.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  display: flex;
  position: absolute;
}

.studio--card-continer.matt {
  background-image: url('../images/Frame-14.webp');
}

.studio--card-continer.tiktok {
  background-image: url('../images/Frame----14.webp');
  display: flex;
}

.studio--card-continer-hover {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: none;
  background-color: #232323;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
  transform: perspective(980px);
}

.studio--story-line {
  height: 2px;
  transform-origin: 0%;
  background-image: linear-gradient(to right, #362eff, #f70c87 53%, #3bfab6);
}

.studio--story-container {
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 8%;
  padding-left: 8%;
  padding-right: 8%;
  display: flex;
}

.studio--story-container.tiktok-video {
  padding-top: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.studio--story-heading {
  color: #fff;
  flex: 0 auto;
  padding-left: 8%;
  padding-right: 8%;
  font-size: 25px;
  font-weight: 400;
  line-height: 28px;
  display: block;
  position: absolute;
  top: 33%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.image-28 {
  width: 74px;
  border-radius: 50%;
  margin-top: 20px;
}

.studio--story-description {
  color: #fff;
  background-color: #303030;
  border-radius: 10px;
  padding: 20px 8%;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.25;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block-5 {
  letter-spacing: 2.5px;
  font-family: brandon-grotesque, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.image-29 {
  width: auto;
  height: 80vh;
  max-width: none;
  margin-left: -182px;
}

.image-30 {
  z-index: 20000;
  width: 100%;
  max-width: 450px;
  text-align: center;
  flex: none;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.studio--left-content-footeris-copy {
  width: 80%;
  max-width: 430px;
  flex: 0 auto;
  align-self: auto;
  margin-top: 0;
  margin-left: 10%;
  padding-top: 0;
}

.studio--left {
  width: 50%;
  height: auto;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.studio--left.downboom {
  margin-top: -90px;
}

.studio--logo-footer {
  width: 200px;
  margin-bottom: 20px;
}

.studio--logo-footer-corebook {
  width: 164px;
  margin-bottom: 20px;
}

.meta-container-copy {
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.meta-container-copy.mobile-signup.mobile-show {
  margin-top: 60px;
}

.link-13 {
  color: #636363;
}

.left-content-copy {
  width: 80%;
  max-width: none;
  flex: 0 auto;
  align-self: auto;
  margin-top: 0;
  margin-left: 10%;
  padding-top: 0;
}

.left-copy {
  width: 50%;
  height: auto;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.left-copy.numbers {
  z-index: 0;
  margin-top: 0;
  position: relative;
}

.div-block-13 {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.panel-copy {
  z-index: auto;
  height: 100vh;
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.panel-copy.sign.sdff {
  height: 100vh;
  font-family: brandon-grotesque, sans-serif;
}

.panel-copy.sign.sdff.sssdd {
  height: 30vh;
}

.meta-container-copy, .studio--meta-container-desk {
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.background-video-2 {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.link-block-8 {
  width: 100%;
  height: 100%;
}

.studio-try-price {
  width: 230px;
  text-align: center;
  background-color: #362eff;
  border: 0 solid silver;
  border-radius: 5px;
  margin-bottom: 10%;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.25rem;
  display: block;
}

.main-nav-item-studio-hide {
  color: #fff;
  margin-bottom: 30px;
  padding-bottom: 0;
  font-size: 36px;
  font-weight: 300;
  line-height: 38px;
  text-decoration: none;
  display: none;
}

.main-nav-item-studio {
  color: #fff;
  margin-bottom: 30px;
  padding-bottom: 0;
  font-size: 36px;
  font-weight: 300;
  line-height: 38px;
  text-decoration: none;
}

.menu-studio-logo {
  width: 200px;
  opacity: 1;
  margin-top: 40px;
  margin-bottom: 100px;
  display: block;
}

.studio-menu-overl {
  z-index: 999;
  background-color: #000;
  padding-bottom: 0;
  display: block;
}

.nav-footer-col-item-studio {
  color: silver;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}

.list__group {
  align-items: flex-start;
  margin-bottom: 16px;
  font-size: 21px;
  line-height: 1.4;
  display: flex;
}

.list__group.booker {
  margin-bottom: 5px;
}

.list__icon {
  margin-right: 14px;
  padding-left: 0;
}

.section__hero {
  max-width: 1920px;
  flex-direction: column;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 116px;
  display: flex;
  position: relative;
  overflow: visible;
}

.hero__container {
  max-width: 1920px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 10%;
  padding-right: 5%;
  display: flex;
}

.html-embed-4 {
  z-index: 500;
  position: relative;
}

.right__container {
  width: 100%;
  max-width: none;
  flex: 0 auto;
  align-self: auto;
  margin-top: 0;
  margin-left: 0%;
  padding-top: 0;
  padding-right: 0;
}

.hero__calendly {
  z-index: 20;
  width: 40%;
  margin-right: 10%;
  padding-left: 0;
  position: relative;
}

.h2 {
  color: #fff;
  margin-bottom: 4px;
  padding-right: 10%;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.1;
}

.hero__background-image {
  z-index: -10;
  width: 1100px;
  height: 1050px;
  background-image: url('../images/blur-circle-fix.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: -20%;
  right: 0%;
}

.paragraph-9 {
  color: #c8c8c8;
  align-self: center;
  margin-bottom: 0;
  padding-top: 3px;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.4;
  text-decoration: none;
}

.hero__content-right {
  width: 60%;
  height: auto;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  font-family: brandon-grotesque, sans-serif;
  display: flex;
}

.heading-4 {
  color: #3f3f3f;
  font-size: 38px;
  font-weight: 300;
}

.explainer__left {
  width: 80%;
  max-width: 430px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  margin-left: 10%;
  display: flex;
}

.explainer__image2 {
  z-index: 3;
  width: 100%;
  margin-top: 0;
  padding-left: 97px;
  position: absolute;
}

.image-33 {
  width: 100%;
  max-width: none;
  border-radius: 10px;
  margin-top: 34px;
  position: static;
}

.explainer__grid {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: stretch;
  padding-right: 0;
  display: grid;
}

.section__explainer {
  max-width: 1920px;
  margin-top: 69px;
}

.explainer__image1 {
  width: 100%;
  padding-left: 37px;
}

.explainer__image3 {
  width: 100%;
  margin-top: 74px;
}

.paragraph-10 {
  color: #c8c8c8;
  margin-top: 23px;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.4;
}

.explainer__right {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.image-34 {
  width: 100%;
  max-width: none;
  border-radius: 0;
}

.heading-menu {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1;
  text-decoration: none;
  display: inline-block;
}

.footer__left {
  width: 80%;
  max-width: 430px;
  flex-flow: column;
  flex: 0 auto;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: 60px;
  margin-left: 10%;
  display: block;
}

.footer__link {
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 27px;
  text-decoration: none;
  display: flex;
}

.footer__link.whatsnew {
  display: none;
}

.footer__link.examples {
  display: block;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 33% 33% repeat(auto-fit, 34%);
  margin-bottom: 0;
}

.footer--list {
  flex-direction: column;
  font-size: 21px;
  line-height: 1.4;
  display: flex;
}

.text-block-6 {
  color: #fff;
  font-size: 21px;
  font-weight: 300;
}

.link-14 {
  color: #c8c8c8;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

.link-14.enterprises {
  display: block;
}

.link-14.enterprises.hidhider, .link-14.whatsnew, .link-14.reviews {
  display: none;
}

.div-block-16 {
  width: 30px;
  height: 30px;
  background-color: #362eff;
  border-radius: 200px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-left: 14px;
  display: flex;
}

.demobtn-mobile {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid silver;
  border-radius: 5px;
  margin-left: 40px;
  padding: 15px 20px;
  font-size: 1.25rem;
}

.demobtn-mobile.stickll {
  margin-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1rem;
}

.h2-booking {
  color: #fff;
  margin-bottom: 4px;
  padding-right: 10%;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.1;
}

.hero--h4-booking {
  color: #fff;
  margin-top: 80px;
  margin-bottom: 30px;
  font-size: 38px;
  font-weight: 300;
  line-height: 44px;
}

.h2-booking-mobile {
  color: #fff;
  margin-bottom: 4px;
  padding-right: 10%;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.1;
  display: none;
}

.h1-container-2-nomobile {
  z-index: 2;
  margin-bottom: 28px;
  padding-right: 0;
  position: relative;
}

.footer-small-headings {
  color: #fff;
  margin-bottom: 20px;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 400;
}

.footer-small-headings.enterprises {
  display: block;
}

.logoblock {
  width: 80%;
  max-width: 430px;
  margin-left: 10%;
}

.footer__right {
  flex-flow: column;
  align-content: flex-start;
  align-items: flex-start;
  display: block;
}

.left-footer {
  width: 50%;
  height: auto;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-footer {
  width: 100%;
  max-width: 1600px;
  border-radius: 0;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.right-footer {
  width: 50%;
  height: auto;
  clear: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.footer-panel {
  z-index: auto;
  height: 80vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-right-content {
  width: 80%;
  max-width: 430px;
  margin-right: 10%;
}

.content-menu {
  width: 100%;
  border-radius: 0;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.left-menu-logo {
  width: 50%;
  height: auto;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.right-menu {
  width: 50%;
  height: auto;
  clear: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.right-menu-empty {
  width: 50%;
  height: auto;
  clear: none;
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding-right: 5%;
  display: flex;
  position: relative;
  overflow: visible;
}

.left-main-menu, .left-menu-footer {
  width: 50%;
  height: auto;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.right-menu-footer {
  width: 50%;
  height: auto;
  clear: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.menu-overlay-affiliate {
  z-index: 999;
  height: 110vh;
  background-color: #1e2955;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: -69px;
  padding-top: 160px;
  padding-bottom: 0;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-17 {
  padding-top: 44px;
  display: none;
}

.left-demo-studio {
  width: 50%;
  height: auto;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-studio {
  width: 310px;
}

.content-menu-footer {
  width: 100%;
  border-radius: 0;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 5%;
  left: 0%;
  right: 0%;
}

.content-menu-footer-studio {
  width: 100%;
  border-radius: 0;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer__left_end {
  width: 80%;
  max-width: 430px;
  flex-flow: column;
  flex: 0 auto;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: 10%;
  display: block;
}

.right-content-footer_end {
  width: 80%;
  max-width: 430px;
  margin-right: 10%;
  padding-bottom: 0;
}

.content-footer_end {
  width: 100%;
  border-radius: 0;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.content-menu-middle {
  width: 100%;
  border-radius: 0;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.spotify-link {
  text-decoration: none;
}

.explainer-aligner {
  justify-content: center;
  display: flex;
}

.whatsnew-h1 {
  width: 800px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 60px;
  font-size: 46px;
  font-weight: 400;
  position: relative;
}

.whatsnew-h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
}

.whatsnew-p {
  max-width: 550px;
  color: #c8c8c8;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 26px;
}

.whatsnew-h3 {
  opacity: .69;
  color: #fff;
  margin-top: -5px;
  font-size: 22px;
  font-weight: 300;
}

.whatsnew-img {
  margin-bottom: 40px;
  padding-top: 0;
  display: inline-block;
  position: static;
}

.whatsnew-img.relativedd {
  z-index: 1;
  width: 100%;
  position: relative;
}

.image-35 {
  border-radius: 5px;
  position: static;
  top: 20px;
  overflow: hidden;
}

.whatsnew {
  padding-left: 30px;
}

.whatsnew-tag {
  margin-bottom: -15px;
  margin-left: -60px;
}

.whatsnew-tag.inverse-update-tag {
  margin-left: -80px;
}

.whatsnew-news {
  width: 800px;
  padding-bottom: 100px;
}

.full-screen-start {
  width: 90%;
  max-width: 2000px;
  margin-top: 96px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 25px;
}

.mobile-prev-example {
  z-index: 998;
  width: 100%;
  display: block;
  position: relative;
}

.mobile-prev-example.hide-desktop, .mobile-prev-example.hideeeeyh {
  display: none;
}

.lottie-animation-2-1 {
  width: 80%;
  max-width: 800px;
  margin-top: auto;
  margin-right: 0%;
}

.link-block-9 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-block-9.mobile-hide.linkblock-force-hide, .link-block-9.linkblock-force-hide {
  display: none;
}

.next-block-scroll {
  color: #c8c8c8;
  margin-right: 18px;
  font-size: 21px;
  font-weight: 500;
  display: inline-block;
}

.tagger {
  color: #fff;
  text-align: center;
  font-size: 15px;
}

.tagger.for-inverse-update-tagger {
  color: #362eff;
}

.tagger-div {
  background-color: #362eff;
  border-radius: 5px;
  padding: 3px 15px;
  display: inline-block;
}

.tagger-div.inverse-for-update {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #362eff;
}

.small-panel {
  z-index: auto;
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lottie-animation-3 {
  width: 90%;
  max-width: 800px;
  margin-top: auto;
  margin-left: 5px;
}

.lottie-animation-4-1 {
  width: 70%;
  max-width: 800px;
  margin-top: 120px;
}

.lottie-animation-5 {
  width: 80%;
  max-width: 800px;
  margin-top: 110px;
  margin-right: 0%;
}

.logo-whatsnew {
  width: 100%;
  border-radius: 0;
  justify-content: space-around;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.left-menu-logo-whatsnew {
  width: 50%;
  height: auto;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logoblock-whatsnew {
  width: 80%;
  max-width: 430px;
  margin-left: 10%;
}

.content-whatsnew {
  width: 100%;
  border-radius: 0;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 140px;
  margin-bottom: 0;
  display: flex;
}

.left-menu-content-whatsnew {
  width: 50%;
  height: auto;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.right-content-empty-whatsnew {
  width: 50%;
  height: auto;
  clear: none;
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding-right: 5%;
  display: flex;
  position: relative;
  overflow: visible;
}

.content-whatsnew-container {
  width: 80%;
  max-width: 430px;
  flex: 0 auto;
  margin-left: 10%;
  position: static;
}

.panel-whatsnew {
  z-index: auto;
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: -60px;
  position: static;
}

.whatsnew-logo {
  z-index: auto;
  height: auto;
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: -48px;
  display: flex;
  position: relative;
}

.higlighter-numbered {
  width: 28px;
  height: 28px;
  background-image: url('../images/highlighter.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50px;
  display: inline-block;
  position: relative;
  top: -9px;
  left: 15px;
}

.high-number {
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  background-size: cover;
  padding-top: 2px;
  top: -8px;
}

.spacer {
  z-index: auto;
  height: auto;
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 130px;
  display: flex;
  position: relative;
}

.menu-overlay-studio {
  padding-top: 44px;
  display: none;
}

.menu-overlay-studio.studiouir {
  display: flex;
}

.menu-overlay-studio.studiouir.studionav {
  display: none;
}

.high-number-2 {
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  background-size: cover;
  padding-top: 2px;
  top: -8px;
}

.menu-overlay-studio-yebal {
  padding-top: 44px;
  display: none;
}

.switcher-section {
  z-index: 998;
  padding-top: 100px;
  position: static;
}

.empty-cols {
  width: 1260px;
  max-width: none;
  min-width: auto;
  float: none;
  clear: none;
  object-fit: fill;
  margin-bottom: 59px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 54px;
  display: block;
  position: static;
}

.empty-col1 {
  padding-top: 0;
  padding-left: 29px;
  padding-right: 29px;
  display: block;
  position: relative;
}

.empty-col2 {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  padding-top: 0;
  padding-left: 29px;
  padding-right: 29px;
}

.empty-col3 {
  padding-top: 0;
  padding-left: 29px;
  padding-right: 29px;
}

.pricetag-month {
  min-width: auto;
  font-size: 36px;
  line-height: 28px;
  display: none;
  position: absolute;
}

.pricetag-year {
  min-width: auto;
  font-size: 28px;
  line-height: 28px;
  display: block;
  position: absolute;
}

.feature-div-price-new {
  margin-top: -7px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 17px;
  position: static;
  top: 40%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.pricetag-mobile-m {
  min-width: auto;
  font-size: 36px;
  display: none;
  position: absolute;
}

.add-price {
  color: silver;
  font-size: 18px;
  line-height: 20px;
}

.subscribe {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 35px auto 0 0;
  padding: 20px 0;
  font-size: 21px;
  display: block;
}

.book-demo-price {
  color: #c8c8c8;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 8px;
  padding-left: 0;
}

.columns-studio {
  width: auto;
  max-width: 1100px;
  background-image: url('../images/studio-banner-bck-nocorners.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  padding-top: 25px;
  padding-bottom: 20px;
}

.studio-banner {
  margin-top: 90px;
}

.p-studio {
  color: #fff;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.studio-price-animation {
  height: 270px;
}

.studio-dash1 {
  position: absolute;
  left: 10%;
}

.studio-dash2 {
  width: 25%;
  position: absolute;
  top: 35%;
  left: 17%;
}

.studio-price-col2 {
  text-align: left;
  padding-top: 10px;
  padding-left: 33px;
}

.plan-add-price-blue {
  background-color: #362eff;
  border-radius: 5px;
  margin-top: 5px;
  padding: 5px 15px 5px 39px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  left: 12px;
}

.plan-add-price-grey {
  background-color: #626262;
  border-radius: 5px;
  margin-top: 5px;
  padding: 5px 15px 5px 39px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  left: 12px;
}

.studio--logo-line-price {
  z-index: 99;
  width: 100%;
  height: 88px;
  max-width: 1600px;
  background-color: #000;
  border: 1px solid #000;
  border-top-width: 0;
  margin-top: 240px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1px;
  display: block;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.studio--logo-content-price {
  justify-content: center;
  align-items: center;
  display: flex;
}

.studio--logo-container-text-logo-price {
  width: 88%;
  height: 87px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.studio--logo-slider-price {
  height: 88px;
  align-items: flex-start;
  margin-left: 0;
  display: flex;
  position: relative;
  left: auto;
}

.studio--text-container-white-price {
  width: 450px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 4%;
  padding-right: 30px;
  font-family: brandon-grotesque, sans-serif;
  font-size: 20px;
  line-height: 1.14;
  display: flex;
}

.studio--logo-line-slider-price {
  width: 80%;
  height: 87px;
  max-width: 1600px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.add-price-mob {
  color: silver;
  font-size: 18px;
  line-height: 20px;
}

.studio--logo-slider-price-mob {
  height: 88px;
  align-items: flex-start;
  margin-left: 0;
  display: none;
  position: relative;
  left: auto;
}

.text-block-mobile {
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.mobile-expand {
  display: none;
}

.div-down-puls-price {
  width: 50px;
  height: 50px;
  clear: none;
  opacity: 1;
  text-align: left;
  background-color: rgba(54, 46, 255, .5);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 9px;
  display: inline-block;
  position: static;
}

.down-btn-price {
  z-index: 99;
  width: 32px;
  height: 32px;
  background-color: #372dff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
  position: static;
}

.chevron-down-preice {
  width: 13px;
  height: 14px;
}

.explore-more-button {
  display: none;
}

.free-mobile, .free-mobile-free {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 24px auto 0 0;
  padding: 20px 0;
  font-size: 21px;
  display: block;
}

.mobile-expand-free {
  display: none;
}

.chevron-down-preice-free {
  width: 13px;
  height: 14px;
}

.about-container {
  z-index: auto;
  max-width: 1430px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 180px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.content-about {
  width: 100%;
  max-width: 1600px;
  border-radius: 0;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.blue-bck-about {
  width: 80%;
  background-color: #362eff;
  border-radius: 7px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 80px;
}

.white-bck-about {
  background-color: #fff;
  border: 3px solid #000;
  margin-left: 70px;
  margin-right: 70px;
}

.left-head-sim {
  height: 150px;
  min-width: 227px;
  float: left;
  background-image: url('../images/top-left.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 150px;
  background-attachment: scroll;
  display: inline-block;
  position: absolute;
}

.midhead-sim {
  height: 150px;
  background-image: url('../images/top-middle.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto 150px;
  display: block;
}

.right-head-sim {
  height: 150px;
  min-width: 430px;
  float: right;
  background-image: url('../images/top-right.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto 150px;
  display: inline-block;
}

.full-head-sim {
  clear: both;
  margin-bottom: 20px;
  padding-left: 3%;
  padding-right: 3%;
}

.sim-heading {
  color: #000;
  font-family: Satoshi, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 88px;
}

.mid-mid-sim {
  height: 70px;
  background-image: url('../images/mid-mid-sim.webp');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: auto 55px;
}

.right-mid-sim {
  width: 150px;
  height: 70px;
  float: right;
  background-image: url('../images/right-mid-sim.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 55px;
}

.fullbottom {
  clear: both;
  text-align: center;
  margin-top: 20px;
}

.as-seen-about {
  text-align: center;
  margin-top: 120px;
  margin-bottom: 30px;
}

.as-seen-heading {
  font-size: 48px;
  font-weight: 300;
}

.logo-columns-about {
  align-items: center;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.about-col1, .about-col2, .about-col3, .about-col4 {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.community-about {
  width: 80%;
  text-align: center;
  margin-top: 220px;
  margin-left: auto;
  margin-right: auto;
}

.designers-list-countr {
  margin-top: 33px;
  display: none;
}

.about-comunity-heading {
  margin-top: 45px;
  font-size: 46px;
  font-weight: 300;
  line-height: 52px;
}

.about-com-div {
  max-width: 600px;
  margin-bottom: 90px;
  margin-left: auto;
  margin-right: auto;
}

.advisers-list {
  margin-top: 60px;
}

.adv-col1, .adv-col2, .adv-col3, .adv-col4 {
  padding-left: 20px;
  padding-right: 20px;
}

.founders-about-new {
  width: 80%;
  text-align: center;
  margin-top: 162px;
  margin-left: auto;
  margin-right: auto;
}

.advisers-name {
  margin-bottom: auto;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
}

.advisors-descr {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 300;
  line-height: 22px;
}

.advisors-descr.sepratrerer {
  margin-top: 0;
  font-size: 20px;
  line-height: 24px;
}

.advisors-descr.light-greylink-text {
  margin-bottom: 5px;
  line-height: 24px;
}

.light-greylink-text {
  color: silver;
  font-size: 20px;
  line-height: 24px;
}

.founders-img {
  border-radius: 7px;
  margin-top: 30px;
}

.founders-about-text {
  width: 90%;
  text-align: left;
  margin-top: 37px;
  font-size: 24px;
  line-height: 32px;
}

.image-36, .image-37, .image-38, .image-39 {
  max-width: 85%;
}

.bold-text-3 {
  line-height: 28px;
}

.mapper-about {
  margin-bottom: 85px;
  position: relative;
}

.advisers-link {
  color: #fff;
  text-decoration: none;
}

.hider-pricing {
  z-index: 10001;
  height: 120vh;
  background-color: #000;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.free-mobile-btn {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 24px auto 0 0;
  padding: 20px 0;
  font-size: 21px;
  display: none;
}

.subscribe-mobile {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 35px auto 0 0;
  padding: 20px 0;
  font-size: 21px;
  display: none;
}

.div-block-18-copy {
  height: 110vh;
  margin-top: -130px;
  padding-bottom: 0;
  display: none;
}

.body-legal {
  background-color: #000;
  margin-top: 0;
  padding-top: 0;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 400;
}

.calendly-button {
  z-index: 200;
  width: 100%;
  height: 400px;
  text-align: center;
  border-radius: 11px;
  margin-top: 51px;
  position: absolute;
}

.div-block-19 {
  width: 70%;
  height: 330px;
  background-color: #fff;
  background-image: url('../images/cakendly.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  border-radius: 9px;
  margin-left: auto;
  margin-right: auto;
}

.p--cta {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  display: none;
}

.studio--meta-container-mobile {
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: none;
}

.free-try-book {
  background-color: #362eff;
  border: 0 solid silver;
  border-radius: 5px;
  margin-top: 40%;
  margin-left: auto;
  padding: 15px 40px;
  font-size: 1.25rem;
}

.loader-2 {
  z-index: 2147483647;
  height: 110vh;
  opacity: 1;
  background-color: #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: -30px;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.lading-txt-2 {
  clear: none;
  color: #3f3f3f;
  text-align: center;
  order: 0;
  align-self: center;
  position: absolute;
  top: 54%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.hider-start-2 {
  z-index: 10001;
  height: 120vh;
  background-color: #000;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hider-2 {
  z-index: 10001;
  height: 120vh;
  background-color: #000;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.ring {
  max-width: 50%;
}

.free-try-confirm {
  background-color: #362eff;
  border: 0 solid silver;
  border-radius: 5px;
  margin-top: 15%;
  margin-left: auto;
  padding: 15px 40px;
  font-size: 1.25rem;
}

.panel-confimr {
  z-index: auto;
  height: 100vh;
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.customspan1 {
  color: #f8d054;
}

.portfolio-logo-container {
  position: static;
}

.portfolio-grid {
  grid-column-gap: 0px;
  grid-row-gap: 25px;
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 "Area-7 Area-8 Area-9"
                 "Area-10 Area-11 Area-12"
                 "Area-13 Area-14 Area-15"
                 / 1fr 1fr 1fr;
  justify-items: center;
  padding-top: 60px;
  position: relative;
  left: -20px;
}

.h1-portfolio {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 33px;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.2;
}

.hover-img {
  z-index: -10;
  max-width: 500px;
  display: none;
  position: absolute;
}

.hover-img.first-row {
  z-index: -10;
  position: absolute;
  top: 20px;
}

.hover-img.first-row.last-col {
  display: none;
}

.hover-img.second-row {
  z-index: -10;
  position: absolute;
  top: 60px;
}

.hover-img.third-row {
  z-index: -10;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: auto;
}

.hover-img.fourth-row {
  z-index: -10;
  position: absolute;
  top: auto;
  bottom: -30px;
  left: auto;
  right: auto;
}

.hover-img.fifth-row {
  z-index: -10;
  position: absolute;
  top: auto;
  bottom: -60px;
  left: auto;
  right: auto;
}

.portfolio-grid-studio {
  grid-column-gap: 0px;
  grid-row-gap: 25px;
  grid-template: "."
                 "."
                 "."
                 "."
                 "."
                 / 1fr 1fr 1fr;
  justify-items: center;
  padding-top: 60px;
  position: relative;
  left: -20px;
}

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

.right-clienteles-start {
  z-index: 1;
  width: 50%;
  height: auto;
  clear: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.stoner-studio {
  width: 100%;
  text-align: center;
  margin-top: -160px;
  position: relative;
}

.trusted-mobile-h4 {
  display: none;
}

.left-e-book {
  width: 50%;
  height: auto;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.left-content-ebook {
  width: 80%;
  max-width: 430px;
  flex: 0 auto;
  align-self: auto;
  margin-top: 250px;
  margin-left: 10%;
  padding-top: 0;
}

.right-ebook {
  width: 50%;
  height: 200vh;
  background-image: url('../images/final-final-grid-back.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 113%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.ebook-img-container {
  max-width: 70%;
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
}

.content-ebook {
  width: 100%;
  height: 200vh;
  border-radius: 0;
  justify-content: space-around;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.h1-container-ebook {
  z-index: 2;
  width: 100%;
  margin-bottom: 28px;
  padding-right: 0;
  position: relative;
}

.p--cta-ebook {
  max-width: 500px;
  color: #c8c8c8;
  letter-spacing: 1px;
  margin-top: 80px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  display: block;
}

.free-try-ebook {
  background-color: #362eff;
  border: 0 solid silver;
  border-radius: 5px;
  margin-top: 15%;
  margin-left: auto;
  padding: 15px 40px;
  font-size: 1.25rem;
}

.free-try-ebook-mobile {
  background-color: #362eff;
  border: 0 solid silver;
  border-radius: 5px;
  margin-top: 15%;
  margin-left: auto;
  padding: 15px 40px;
  font-size: 1.25rem;
  display: none;
}

.cleared-mobile {
  display: none;
}

.footer-right-content-down {
  width: 80%;
  max-width: 430px;
  margin-right: 10%;
}

.footer__left-menu-mob {
  width: 80%;
  max-width: 430px;
  flex-flow: column;
  flex: 0 auto;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: 60px;
  margin-left: 10%;
  display: block;
}

.footer-right-content-menu-mob {
  width: 80%;
  max-width: 430px;
  margin-right: 10%;
}

.footer__left-menu-copy {
  width: 80%;
  max-width: 430px;
  flex-flow: column;
  flex: 0 auto;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: 10%;
  display: block;
}

.right-content-menu-mob {
  width: 80%;
  max-width: 430px;
  margin-right: 10%;
  padding-bottom: 0;
}

.price-intro {
  z-index: 998;
  padding-top: 100px;
  padding-bottom: 10px;
  padding-left: 0;
  position: static;
}

.table-price-header {
  width: 100%;
  max-width: none;
  min-width: auto;
  float: none;
  clear: none;
  object-fit: fill;
  margin-bottom: 45px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 54px;
  display: block;
  position: static;
}

.price-col1 {
  padding-top: 0;
  padding-left: 29px;
  padding-right: 29px;
  display: block;
  position: relative;
}

.price-col2 {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  padding-top: 0;
  padding-left: 29px;
  padding-right: 29px;
}

.price-col3 {
  padding-top: 0;
  padding-left: 29px;
  padding-right: 29px;
}

.header-price {
  z-index: 998;
  max-width: 560px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  position: relative;
}

.pricing-paragraph {
  max-width: 227px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.6em;
  line-height: 1.3em;
}

.choice-cols {
  width: 100%;
  max-width: 1200px;
  float: none;
  clear: none;
  object-fit: fill;
  margin-bottom: 59px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: block;
  position: static;
}

.choice-col1 {
  padding-bottom: 39px;
  padding-left: 25px;
  padding-right: 10px;
  display: block;
}

.choice-col2 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 10px;
  padding-right: 25px;
}

.choice-cont1 {
  min-height: 600px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(0, 0, 0, .5);
  border: 1px solid #333;
  border-radius: 6px;
  padding: 60px 40px;
  position: relative;
}

.choice-cont2 {
  min-height: 600px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(0, 0, 0, .5);
  border: 1px solid #333;
  border-radius: 6px;
  padding: 60px 40px;
}

.choice-heading {
  margin-top: 0;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.2em;
}

.choice-paragraph {
  color: rgba(255, 255, 255, .6);
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
}

.choice-img {
  max-width: 170px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.choice-line {
  color: silver;
  background-color: #fff;
  border-bottom: 2px solid #707070;
  margin-top: 71px;
}

.choice-cta {
  margin-top: 40px;
}

.choice-bottomer {
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  position: absolute;
  top: auto;
  bottom: 60px;
  left: 0%;
  right: auto;
}

.columns-2023, .columns-2024 {
  margin-bottom: 100px;
}

.more-questions {
  z-index: 998;
  padding-left: 0;
  position: static;
}

.question-div {
  z-index: 5;
  width: 85%;
  max-width: 800px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  text-align: left;
  background-color: rgba(0, 0, 0, .5);
  border: 1px solid #333;
  border-radius: 6px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 60px;
  display: flex;
  position: relative;
}

.question-heading {
  text-align: left;
  margin-top: 0;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.1em;
}

.question-button {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 10px 25px;
}

.image-40 {
  float: right;
}

.price-owner-heading {
  margin-bottom: 40px;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2em;
}

.pricing-owner-paragraph {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1em;
}

.text-span-3 {
  padding-left: 10px;
  padding-right: 10px;
}

.owner-choice-cols {
  max-width: 1200px;
  float: none;
  clear: none;
  object-fit: fill;
  margin-bottom: 59px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 54px;
  display: block;
  position: static;
}

.owner-choice-col {
  padding: 40px 5px 39px;
  display: block;
}

.choice-owner {
  min-height: 570px;
  background-color: rgba(192, 192, 192, .2);
  border: 1px #707070;
  border-radius: 6px;
  padding: 30px 60px 60px 40px;
  position: relative;
}

.choice-owner-mid {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  top: 180px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.choice-price-month {
  margin-top: 40px;
  margin-bottom: 20px;
  position: absolute;
}

.price-number {
  margin-right: 14px;
  font-size: 3em;
  display: inline-block;
}

.price-currency {
  max-width: 120px;
  font-size: 1.1em;
  line-height: 1.1em;
  display: inline-block;
}

.choice-disclaim {
  color: rgba(255, 255, 255, .6);
  font-size: .8em;
  font-weight: 300;
  line-height: 1.4em;
  display: block;
}

.choice-try-now {
  width: 170px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid silver;
  border-radius: 6px;
  position: relative;
}

.choice-list {
  color: rgba(255, 255, 255, .6);
  margin-top: 30px;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.4em;
}

.price-switcher {
  z-index: 998;
  padding-top: 50px;
  position: static;
}

.switcher-cont {
  z-index: 998;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 54px;
  padding-right: 0;
  position: relative;
}

.transparenter-100 {
  color: rgba(255, 255, 255, 0);
}

.choice-price-annual {
  margin-top: 40px;
  margin-bottom: 20px;
  display: none;
  position: absolute;
}

.choice-price-quote {
  margin-top: 40px;
  margin-bottom: 20px;
  position: absolute;
}

.disclaim-div {
  margin-top: 100px;
  margin-bottom: 50px;
  position: relative;
}

.choice-disclaim-gem {
  color: rgba(255, 255, 255, .6);
  font-size: .8em;
  font-weight: 300;
  line-height: 1.4em;
}

.choice-disclaim-month, .choice-disclaim-annualy {
  color: rgba(255, 255, 255, .6);
  font-size: .8em;
  font-weight: 300;
  line-height: 1.4em;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 59px;
  right: auto;
}

.embed-logo {
  opacity: 0;
  display: block;
}

.embed-logo._01, .embed-logo._02, .embed-logo._03, .embed-logo._04, .embed-logo._05, .embed-logo._06, .embed-logo._07 {
  width: 180px;
  /* max-width: 180px; */
  opacity: 1;
}

.embed-more {
  max-width: none;
  opacity: 0;
  color: #c8c8c8;
  letter-spacing: 1px;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.4;
}

.embed-more._08 {
  opacity: 1;
  display: none;
}

.question-block {
  z-index: 2;
  width: 100%;
  margin-top: 328px;
  margin-bottom: 28px;
  padding-right: 0;
  display: none;
  position: relative;
}

.examples-section {
  z-index: 1111;
  width: 70%;
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.examples-section.examples-section-in-studio-page {
  z-index: 9;
  width: auto;
  margin-top: 69px;
  margin-bottom: 207px;
  display: block;
  top: 0;
  overflow: hidden;
}

.examples-section.index-examples-sectionnn {
  width: 90%;
  margin-bottom: 20px;
  display: block;
}

.examples-section.index-examples-sectionnn.on-desktop-examples-ection {
  max-width: 1900px;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 69px;
  margin-bottom: 69px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.examples-section.index-examples-sectionnn.on-desktop-examples-ection.big-gap-examples-in-index {
  z-index: 996;
  margin-top: 219px;
}

.examples-block-custom {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.examples-block-custom.examples-block {
  max-height: none;
  max-width: none;
}

.examples-block-custom.examples-block.examples-block-height-stopper {
  max-height: 297px;
}

.examples-block-custom-icon-wrapper {
  z-index: 2;
  width: 50px;
  height: 50px;
  background-color: #0f53ff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.examples-block-custom-icon {
  flex: none;
}

.examples-block-custom-image {
  width: 100%;
}

.examplex-block-custom-video {
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.examples-block-custom-bg-video {
  width: 100%;
  height: 100%;
  position: absolute;
}

.example-columns.example-columns-in-exs {
  width: auto;
  text-align: right;
}

.example-columns.negative-example-columns {
  margin-left: -20px;
  margin-right: -20px;
}

.examples-column {
  border-radius: 0;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 0;
  overflow: visible;
}

.column-2023 {
  outline-offset: 0px;
  border-right: 1px solid #fff;
  outline: 3px #333;
  padding: 20px;
}

.column-2024 {
  border: 1px solid #fff;
}

.column-2025, .column-2026 {
  outline-offset: 0px;
  border-right: 1px #fff;
  outline: 3px #333;
  padding: 20px;
}

.column-2027 {
  outline-offset: 0px;
  border-left: 1px solid #fff;
  border-right: 1px #fff;
  outline: 3px #333;
  padding: 20px;
}

.column-2024-end {
  border: 1px solid #fff;
  margin-bottom: 40px;
}

.padder {
  padding-top: 130px;
}

.examples-section-wrapper-ind {
  width: 95%;
  margin-top: 69px;
  margin-left: auto;
  margin-right: auto;
}

.meta-data-horizontal-end {
  opacity: 1;
  flex-direction: row;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-bottom: 20px;
  display: block;
}

.example-columns-studio {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.examples-column-studio {
  padding-left: 0;
  padding-right: 40px;
}

.examples-column-studio-middle {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.examples-column-studio-right {
  padding-left: 40px;
  padding-right: 0;
}

.examples-column-ex {
  border-radius: 0;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 10px;
  overflow: visible;
}

.full-screen-ex {
  width: auto;
  max-width: 1100px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.full-screen-ex.first {
  max-width: 1100px;
  margin-top: 207px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.full-screen-ex.last {
  display: none;
}

.iso-bm {
  max-width: 300px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-20 {
  width: 130px;
  max-width: none;
  overflow: hidden;
}

.div-block-21 {
  width: 140px;
  overflow: hidden;
}

.div-block-22 {
  width: 100px;
  min-width: auto;
}

.div-block-23 {
  max-width: 90px;
  overflow: hidden;
}

.div-block-24 {
  width: 150px;
  overflow: hidden;
}

.div-block-25 {
  width: 140px;
  overflow: hidden;
}

.div-block-26 {
  width: 180px;
  overflow: hidden;
}

.div-block-27 {
  align-items: center;
  display: flex;
  overflow: hidden;
}

.text-block-10 {
  background-color: #362eff;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 16px;
}


.heading-1-custom-examples-section {
  text-align: center;
  margin-bottom: 159px;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.2;
}

.div-block-28 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.doghnut-anim-static-1 {
  width: 30px;
  position: absolute;
  top: -20px;
  right: 20px;
}

.doghnut-anim-static-2 {
  width: 32px;
  position: absolute;
  top: -60px;
  right: 30%;
  transform: rotate(-9deg);
}

.gem-anim-static-1 {
  width: 31px;
  position: absolute;
  top: -95px;
  right: 26%;
  transform: rotate(20deg);
}

.gem-anim-static-2 {
  width: 32px;
  position: absolute;
  top: -20px;
  right: 67%;
}

.div-block-29 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.gem-static-in-footer {
  width: 32px;
  position: absolute;
  top: 60px;
  right: 40px;
}

.doghnut-static-in-footer {
  width: 31px;
  position: absolute;
  top: 220px;
  right: 48%;
}

.div-block-30 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.doghnut-rain-1 {
  width: 34px;
  position: absolute;
  top: 50px;
  right: 0;
}

.doghnut-rain-2 {
  width: 30px;
  position: absolute;
  top: 200px;
  left: 25%;
  transform: rotate(-26deg);
}

.gem-rain-1 {
  width: 28px;
  position: absolute;
  top: 170px;
  left: 28%;
}

.gem-rain-2 {
  width: 30px;
  object-fit: fill;
  position: absolute;
  top: 290px;
  left: 0;
  transform: rotate(-31deg);
}

.text-block-11 {
  margin-left: 20px;
  font-size: 38px;
  font-weight: 300;
  line-height: 38px;
  display: inline-block;
}

.text-block-11.showroom-hider {
  line-height: 28px;
}

.div-block-31 {
  width: 100%;
  height: 50px;
  margin-top: 60px;
  margin-bottom: 25px;
}

.div-block-32 {
  width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-32.without-margin {
  margin-left: 0;
}

.div-block-32.without-margin.with-custom-margin-from-top {
  margin-top: 140px;
  margin-bottom: 40px;
}

.div-block-32.without-margin.with-custom-margin-from-top.show-on-mobile822 {
  display: none;
}

.div-block-33 {
  overflow: hidden;
}

.div-block-33.blackbgsetter {
  background-color: #000;
  position: relative;
}

.guidehidermobile {
  display: none;
}

.custompricingdivblock {
  max-width: 308px;
  margin-left: auto;
  margin-right: auto;
}

.custompricingdivblock.custompricingdivblock-2 {
  max-width: 342px;
}

.pricefooter-maxim {
  max-width: 1375px;
  margin-left: auto;
  margin-right: auto;
}

.price-heading-2023 {
  margin-bottom: 50px;
  font-size: 2.6em;
  font-weight: 300;
  line-height: 1.2em;
}

.header-price-2023 {
  z-index: 998;
  width: 70%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  position: relative;
}

.html-embed-5, .html-embed-6 {
  max-width: 600px;
  border-radius: 5px;
  overflow: hidden;
}

.html-embed-7 {
  max-width: 600px;
}

.big-gem {
  width: 100%;
  height: 200vh;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.pricing-choice {
  color: #fff;
  text-decoration: none;
}

.see-pricing {
  display: inline;
  position: relative;
}

.pricing-arrow {
  display: inline-block;
  position: static;
}

.pricing-switcher {
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.3em;
  display: inline-block;
}

.pricing-switcher-arrow {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 1em;
  line-height: 1.3em;
  display: inline-block;
}

.pricing-switcher-link-txt {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.3em;
  display: inline-block;
}

.price-cont-main {
  width: 90%;
  height: auto;
  margin: 45px auto 60px;
}

.brand-price-cards {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.brand-cols {
  max-width: 1200px;
  background-image: url('../images/studio-bck-main.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: scroll;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.brand-col1 {
  padding-left: 10px;
  padding-right: 0;
  display: block;
}

.brand-col2 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 5px;
  padding-right: 5px;
}

.brand-col3 {
  padding-left: 0;
  padding-right: 10px;
  display: block;
}

.brand-cont {
  min-height: 295px;
  background-color: rgba(33, 33, 33, 0);
  border: 0 solid #333;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 5px;
  margin-right: 5px;
  padding: 60px 40px 40px;
  display: flex;
  position: relative;
}

.brand-choice-heading {
  margin-top: 0;
  font-family: "Avenir lt std 35", sans-serif;
  font-size: 1.6em;
  font-weight: 300;
}

.brand-choice-p {
  color: rgba(255, 255, 255, .6);
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
}

.brand-choice-centerer {
  width: 100%;
  height: 100px;
  flex: 1;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 40%;
  right: auto;
}

.new-switcher {
  z-index: 998;
  text-align: center;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  position: relative;
}

.new-annualy-fee {
  color: #dfdfdf;
  text-shadow: 1px 1px 6px #000;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 20px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2em;
  display: inline-block;
  position: relative;
  top: 5px;
}

.new-form-block {
  display: inline-block;
}

.new-monthly-fee {
  color: #999;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2em;
  display: inline-block;
  position: relative;
  top: 5px;
  right: 2px;
}

.pricer-annual {
  height: 40px;
  align-self: flex-start;
  position: relative;
}

.big-price {
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 3em;
  font-weight: 300;
  line-height: 1em;
  display: inline-block;
  position: absolute;
}

.usd-month {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 110px;
}

.annual-disclaimer {
  color: rgba(255, 255, 255, .6);
  font-size: .8em;
  font-weight: 300;
  position: absolute;
}

.pricer-custom {
  align-self: flex-start;
  position: relative;
}

.quote-txt {
  width: 150px;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.4em;
  display: inline-block;
  position: absolute;
}

.brand-choice-topper {
  flex: 0 auto;
  margin-bottom: 30px;
}

.brand-choice-bottomer {
  height: 0px;
  margin-top: 0px;
}

.try-now-button {
  width: 150px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 10px 25px;
}

.big-price-month {
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 3em;
  font-weight: 300;
  line-height: 1em;
  display: inline-block;
  position: absolute;
}

.usd-month-month {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 75px;
}

.monthly-disclaimer {
  color: rgba(255, 255, 255, .6);
  font-size: .8em;
  font-weight: 300;
  position: absolute;
}

.usd-month-2 {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 110px;
}

.brand-cont1 {
  min-height: 295px;
  background-color: rgba(33, 33, 33, 0);
  border: 0 solid #333;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
  padding: 60px 40px 40px;
  display: flex;
  position: relative;
}

.brand-cont3 {
  min-height: 295px;
  background-color: rgba(33, 33, 33, 0);
  border: 0 solid #333;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 10px;
  padding: 60px 40px 40px;
  display: flex;
  position: relative;
}

.usd-month-2-month {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 95px;
}

.big-blob-bck {
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url('../images/blob2.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1000px;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  margin-left: 9px;
  margin-right: 9px;
  position: fixed;
  top: 300px;
  overflow: hidden;
  transform: rotate(0);
}

.brand-compare-cols {
  max-width: 1000px;
  float: none;
  clear: none;
  object-fit: fill;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.brand-compare-col1 {
  padding-bottom: 39px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.brand-compare-col2 {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
}

.brand-compare-col3, .brand-compare-col4 {
  text-align: center;
  padding-bottom: 39px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.compare-features {
  padding-left: 10px;
}

.compare-sec-name {
  height: 60px;
  margin-top: 60px;
  font-size: 1.2em;
  line-height: 1.2em;
}

.empty-div {
  height: 10px;
}

.compare-feature {
  height: 24px;
  font-size: 1em;
  line-height: 1.2em;
  display: block;
}

.compare-feature.small-txt {
  padding-top: 2px;
  font-size: .8em;
}

.compare-feature.big-txt {
  font-size: 1.8em;
  line-height: 1em;
  position: relative;
  top: -5px;
}

.compare-feature.info-popup-txt {
  margin-right: 3px;
}

.compare-feature.floater-left {
  float: left;
  clear: left;
}

.compare-feature.info-popup-txt-copy {
  margin-right: 3px;
}

.compare-feature.hiddenclass {
  display: none;
}

.compare-sec-name-first {
  width: 100%;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2em;
  line-height: 1.2em;
}

.compare-sticky {
  z-index: 6;
  opacity: 1;
  position: relative;
}

.compare-sticy-div {
  z-index: 5;
  width: 75%;
  height: 65px;
  max-width: 1000px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  text-align: left;
  background-color: #212020;
  border: 0 solid #333;
  border-radius: 6px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 50px;
  position: fixed;
  top: 75px;
  bottom: auto;
  left: 0;
  right: 0;
}

.compare-sticy-div-blacker {
  z-index: 1;
  width: 100%;
  height: 100px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  text-align: left;
  background-color: #000;
  border: 0 solid #333;
  border-radius: 6px;
  margin-top: -10px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 50px 40px;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 53px;
}

.brand-compare-sticker {
  z-index: 6;
  height: 65px;
  max-width: 1000px;
  float: none;
  clear: none;
  object-fit: fill;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  top: 75px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.brand-compare-sticker-col1 {
  height: 65px;
  background-color: #212020;
  border-radius: 5px;
  padding: 12px 0;
  display: block;
}

.compare-features-sticker {
  padding-left: 10px;
}

.compare-sticker-name {
  width: 100%;
  height: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2em;
  line-height: 1.2em;
}

.brand-compare-sticker-col2 {
  height: 65px;
  text-align: center;
  background-color: #212020;
  border-radius: 5px;
  padding: 20px 0;
  display: block;
}

.try-now-button-sticky {
  width: 150px;
  text-align: center;
  background-color: #0b52f9;
  border: 1px solid #0b52f9;
  border-radius: 4px;
  margin-bottom: 20px;
  margin-left: 0;
  padding: 10px 25px;
}

.compared-heading {
  z-index: 998;
  margin-top: 65px;
}

.compared-heading-div {
  z-index: 0;
  width: 85%;
  max-width: 550px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 0 solid #333;
  border-radius: 6px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 50px 60px;
  position: relative;
}

.compared-h1 {
  text-align: center;
  margin-top: 0;
  font-size: 1.6em;
  font-weight: 400;
}

.price-check {
  height: 24px;
  margin-bottom: 10px;
}

.check-price {
  margin-top: -1px;
}

.new--logo-line-price {
  z-index: 99;
  width: 90%;
  height: 88px;
  max-width: 1600px;
  background-color: #000;
  border: 1px solid #000;
  border-top-width: 0;
  margin-top: 140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1px;
  display: block;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.body-price {
  color: #fff;
  background-color: #000;
  font-family: brandon-grotesque, sans-serif;
  font-size: 16px;
}

.brand-compare-list-mobile {
  display: none;
}

.mobile-buttons {
  z-index: 0;
  width: 85%;
  max-width: 550px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 0 solid #333;
  border-radius: 6px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 50px 60px;
  position: relative;
}

.compare-button-gem {
  width: 150px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 10px 25px;
}

.compare-features-mobile {
  float: left;
  padding-left: 10px;
  display: inline-block;
}

.brand-compare-cols-mobile {
  max-width: 1000px;
  float: none;
  clear: none;
  object-fit: fill;
  margin-bottom: 59px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.compare-mobile-col-2 {
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 0;
  display: block;
}

.compare-mobile-col-3 {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
}

.compare-gem-mobile {
  display: none;
}

.sticky-activator {
  display: block;
  /* padding-bottom: 62px; */
}

.compare-button-core, .compare-button-premium {
  width: 150px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 10px 25px;
}

.menu-item-open {
  color: #757575;
  letter-spacing: 2.5px;
  font-family: brandon-grotesque, sans-serif;
  font-size: 19px;
  text-decoration: none;
}

.menu-item-open.affiliate {
  color: #bdbdbd;
}

.menu-item-close {
  opacity: 0;
  color: #757575;
  letter-spacing: 2.5px;
  font-family: brandon-grotesque, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.menu-item-close.affiliate {
  color: #bdbdbd;
}

.mob-hamburg {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid silver;
  border-radius: 5px;
  margin-left: 40px;
  padding: 15px 20px;
  font-size: 1.25rem;
}

.monthly-disclaimer-mobile {
  width: 150px;
  color: rgba(255, 255, 255, .6);
  font-size: .8em;
  font-weight: 300;
  position: absolute;
  top: 60px;
}

.usd-month-mobile {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 70px;
}

.big-price-mobile {
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 3em;
  font-weight: 300;
  line-height: 1em;
  display: inline-block;
  position: absolute;
}

.pricer-annual-mobile {
  align-self: flex-start;
  position: relative;
}

.new-switcher-mobile {
  z-index: 998;
  text-align: center;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  position: relative;
}

.free-start {
  width: 200px;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.4em;
  display: inline-block;
  position: absolute;
}

.trial-disclaimer {
  width: 150px;
  color: rgba(255, 255, 255, .6);
  font-size: .8em;
  font-weight: 300;
  position: absolute;
  top: 60px;
}

.disclaimer {
  z-index: 998;
  display: none;
  position: static;
}

.disclaimer-cols {
  max-width: 1000px;
  float: none;
  clear: none;
  object-fit: fill;
  margin-bottom: 59px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.dislcaimer {
  padding-bottom: 39px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.disclaimer-div {
  padding-left: 10px;
}

.dsclaimer-p {
  height: 24px;
  font-size: 1em;
  line-height: 1.3em;
}

.dsclaimer-p.small-txt {
  padding-top: 2px;
  font-size: .8em;
}

.dsclaimer-p.big-txt {
  font-size: 1.8em;
  line-height: 1em;
  position: relative;
  top: -5px;
}

.cards-of-choice {
  width: 90%;
  margin: 45px auto 60px;
}

.pricing-paragraph-start {
  max-width: 227px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.6em;
  line-height: 1.3em;
}

.price-intro-money {
  z-index: 998;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 40px;
  padding-left: 0;
  position: static;
}

.header-price-2023-money {
  z-index: 998;
  width: 70%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  position: relative;
}

.more-questions-money {
  z-index: 998;
  padding-left: 0;
  padding-right: 40px;
  position: static;
}

.demo-left, .demo-right {
  width: 50%;
  align-self: center;
}

.lottie-div {
  max-width: 740px;
  margin-top: 12%;
  margin-left: auto;
  margin-right: auto;
}

.info-popup {
  float: left;
  margin-left: 5px;
}

.info-icon {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative;
  top: -4px;
}

.info-icon.toptop {
  width: 20px;
  margin-left: 0;
  margin-right: 5px;
}

.info-popup-div {
  z-index: 10;
  width: 400px;
  height: auto;
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  display: none;
  position: absolute;
  top: -80px;
  left: 30px;
}

.info-popup-div.hide {
  display: none;
}

.info-popup-div.test {
  display: flex;
}

.hover-info-txt {
  width: 50%;
  flex: none;
  padding: 30px 10px 30px 30px;
}

.hover-info-img {
  width: 50%;
  flex: none;
  align-self: center;
  padding: 30px 30px 30px 20px;
}

.hover-txt-info {
  color: #000;
  font-size: .9em;
  line-height: 1.3em;
}

.blob {
  position: relative;
}

.blob2 {
  position: absolute;
}

.big-blob-bck-studio {
  z-index: -1;
  height: 100%;
  max-width: 1200px;
  border-right: 5px solid #000;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.brand-cols-bottomer {
  height: 20px;
  max-width: 1200px;
  background-image: url('../images/studio-bck-bottom.png');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 100%;
  background-attachment: scroll;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.brand-col1-bot {
  padding-left: 10px;
  padding-right: 0;
  display: block;
}

.brand-col2-bot {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 5px;
  padding-right: 5px;
}

.brand-col3-bot {
  padding-left: 0;
  padding-right: 10px;
  display: block;
}

.brand-cols-brand {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.brand-col1-brand {
  padding-left: 10px;
  padding-right: 0;
  display: block;
}

.brand-cont1-brand {
  min-height: 570px;
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  background-color: rgba(33, 33, 33, .5);
  border: 0 solid #333;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
  padding: 40px;
  display: flex;
  position: relative;
}

.brand-col2-brand {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 5px;
  padding-right: 5px;
}

.brand-cont-brand {
  min-height: 570px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(33, 33, 33, .5);
  border: 0 solid #333;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 5px;
  margin-right: 5px;
  padding: 40px;
  display: flex;
  position: relative;
}

.brand-col3-brand {
  padding-left: 0;
  padding-right: 10px;
  display: block;
}

.brand-cont3-brand {
  min-height: 570px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(33, 33, 33, .5);
  border: 0 solid #333;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 10px;
  padding: 40px;
  display: flex;
  position: relative;
}

.dsclaimer-cont {
  width: 150px;
  grid-column-gap: 130px;
  grid-row-gap: 130px;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 10px;
  display: flex;
  position: absolute;
  top: 60px;
}

.disclaimer-left {
  display: inline-block;
}

.custom-ceckbox {
  width: 37px;
  height: 21px;
  cursor: pointer;
  background-color: #362eff;
  border-radius: 20px;
  flex: none;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding-left: 3px;
  display: none;
}

.buble {
  width: 15px;
  height: 14px;
  background-color: #fff;
  border-radius: 20px;
  position: relative;
}

.brand-price-effect {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.brand-price-studio {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.brand-cols-studio {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: block;
}

.brand-col1-studio {
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.brand-col2-studio {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 40px;
  padding-right: 40px;
}

.brand-col3-studio {
  padding-left: 30px;
  padding-right: 3%;
  display: block;
}

.brand-cont1-studio {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(49, 49, 49, .5);
  border: 0 solid #333;
  border-radius: 30px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 10px;
  padding: 40px 20px 40px 38px;
  display: block;
  position: relative;
}

.brand-cont-studio {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(18, 18, 18, .7);
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
  margin-right: 0;
  padding: 40px 30px;
  display: block;
  position: relative;
}

.brand-cont3-studio {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(18, 18, 18, .7);
  border: 0 solid #333;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
  margin-right: 0;
  padding: 40px 30px;
  display: block;
  position: relative;
}

.brand-cols-studio-back {
  max-height: 400px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.brand-col1-studio-back {
  padding: 30px 20% 20px 10px;
  display: block;
}

.brand-cont1-studio-back {
  width: 100%;
  min-height: 400px;
  background-color: #214bf5;
  border: 0 solid #333;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
  padding: 40px 10px 30px 60px;
  display: flex;
  position: relative;
}

.brand-choice-bottomer-studio-back {
  margin-top: 102px;
}

.brand-choice-topper-back {
  height: 150px;
  flex: 1;
}

.brand-choice-centerer-back {
  width: 100%;
  height: 100px;
  flex: 1;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 40px;
  display: flex;
  position: static;
  top: auto;
  bottom: 40%;
  left: 0%;
  right: auto;
}

.brand-choice-p-back {
  color: #fff;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
  display: block;
}

.brand-cont2-studio-back {
  width: 100%;
  min-height: 275px;
  background-image: url('../images/roadmap-side.png');
  background-repeat:no-repeat;
  border: 0 solid #333;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 507px;
  padding: 40px 10px 30px 60px;
  display: flex;
  position: relative;
}

.brand-cont3-studio-back {
  width: 100%;
  min-height: 275px;
  background-color: #362eff;
  border: 0 solid #333;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
  padding: 40px 10px 30px 60px;
  display: flex;
  position: relative;
}

.brand-choice-heading-vack {
  margin-top: 0;
  font-size: 3.4em;
  font-weight: 700;
}

.brand-choice-heading-copy {
  margin-top: 0;
  font-size: 1.6em;
  font-weight: 300;
}

.higlighters {
  background-color: rgba(255, 255, 255, .49);
}

.studio-choice-heading {
  margin-top: 0;
  font-family: "Avenir lt std 35", sans-serif;
  font-size: 2.4em;
  font-weight: 300;
  position: static;
}

.big-otp-studio {
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 300;
  line-height: 1em;
  display: inline-block;
  position: absolute;
}

.big-otp-studio.smaller {
  font-size: 1.8em;
}

.usd-month-studio {
  line-height: 14px;
  display: inline-block;
  position: absolute;
  left: 45px;
}

.brand-choice-centerer-studio {
  flex: 1;
  align-items: center;
  margin-bottom: 30px;
  display: block;
}

.brand-choice-p-studio {
  color: rgba(255, 255, 255, .6);
  font-size: .9em;
  font-weight: 300;
  line-height: 1.5em;
}

.usd-otp-studio {
  line-height: 14px;
  display: inline-block;
  position: absolute;
  left: 60px;
}

.big-monthly-studio {
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 300;
  line-height: 1em;
  display: inline-block;
  position: absolute;
}

.big-monthly-studio.smaller {
  font-size: 1.8em;
}

.studio-pricer-custom {
  height: 40px;
  align-self: flex-start;
  position: relative;
}

.new-annualy-fee-studio {
  color: #dfdfdf;
  text-shadow: 1px 1px 6px #000;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2em;
  display: inline-block;
  position: relative;
  top: 5px;
  left: 0;
}

.hover-info-txt-otp {
  text-align: center;
  flex: 1;
  padding: 30px 20px;
}

.pricing-studio {
  width: 90%;
  max-width: 1100px;
  border-radius: 8px;
  margin: 140px auto 100px;
  padding-top: 25px;
  padding-bottom: 20px;
}

.studio-new-price-animation {
  height: 270px;
  position: relative;
}

.studio-new-price-col2 {
  text-align: left;
  padding-top: 10px;
  padding-left: 33px;
}

.studio-new-price-col1 {
  text-align: center;
  margin-top: 60px;
}

.info-popup-div-otp {
  z-index: 10;
  width: 240px;
  height: auto;
  background-color: #fff;
  border-radius: 8px;
  justify-content: space-between;
  display: none;
  position: absolute;
  top: -55px;
  left: 40px;
}

.info-popup-div-otp.hide, .info-popup-div-otp.hidhid {
  display: none;
}

.pricer-month-mob {
  height: 40px;
  align-self: flex-start;
  display: none;
  position: relative;
}

.usd-month-studio-mob {
  line-height: 14px;
  display: inline-block;
  position: absolute;
  left: auto;
}

.html-embed-8 {
  text-align: center;
  padding-top: 50px;
}

.black-shit {
  z-index: 1;
  width: 600px;
  height: 140px;
  background-color: #000;
  position: absolute;
}

.trans-shit {
  z-index: 1;
  width: 600px;
  height: 140px;
  background-color: #000;
  position: relative;
}

.container-large {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.section-logo {
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}

.logo_component-slider {
  width: 2400px;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.logo-slider-img {
  width: 150px;
}

.logo-slide_section {
  max-width: 1400px;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.accordion-item {
  width: 100%;
  margin-top: 0;
  overflow: hidden;
}

.accordion-item.longer {
  margin-top: 20px;
}

.accordion-toggle {
  width: 100%;
  height: auto;
  white-space: break-spaces;
  align-items: flex-start;
  padding: 0 0 10px;
  display: flex;
}

.text-block-12 {
  width: 100%;
  white-space: normal;
  flex: none;
}

.dropdown-list {
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 20px;
  padding-left: 20px;
  display: block;
  position: static;
}

.new-price-faq {
  max-width: 1400px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 114px;
  display: flex;
}

.new-price-faq.pricesss {
  margin-bottom: 154px;
  padding-bottom: 0;
}

.faq-table {
  width: 50%;
}

.new-price-accordion-h {
  color: #fff;
  cursor: pointer;
  align-self: auto;
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.4em;
}

.new-price-p-small {
  z-index: 0;
  color: silver;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.3em;
}

.faq-p {
  border-radius: 4px;
  overflow: hidden;
}

.faq {
  width: 100%;
  height: 80px;
  white-space: break-spaces;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.faq.w--open {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

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

.faq-body {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  display: block;
  position: relative;
}

.faq-body.w--open {
  background-color: rgba(0, 0, 0, 0);
}

.faq-body-cont {
  border-top: 1px #000;
  padding: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.faq-answer {
  margin-bottom: 24px;
}

.avenir {
  font-family: "Avenir lt std 35", sans-serif;
  font-size: .9em;
}

.left-faq {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 4%;
  display: block;
}

.faq-block {
  width: 60%;
  margin-left: 3%;
}

.right-faq {
  width: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.h1-container-faq {
  z-index: 2;
  width: 100%;
  margin-top: 35px;
  margin-bottom: 52px;
  padding-right: 0;
  position: relative;
}

.h1-container-faq.start._05 {
  margin-top: 100px;
}

.h1-container-faq.start._06 {
  margin-top: auto;
}

.h1-container-faq.tabonly {
  display: none;
}

.h1-container-faq.portfolio {
  width: 100%;
}

.h1-container-faq.faqcustomh1 {
  top: -15px;
}

.div-block-35 {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.popular-badge {
  width: 150px;
  height: 30px;
  background-color: #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: -10px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.popular-badge2 {
  width: 150px;
  height: 30px;
  background-color: #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: -5px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.popular-txt {
  color: rgba(255, 255, 255, .6);
  text-align: center;
  letter-spacing: .1rem;
  font-family: brandon-grotesque, sans-serif;
  font-size: .6rem;
  line-height: 1rem;
  position: static;
}

.brand-col2-studio-back {
  padding: 30px 20% 20px 10px;
  display: block;
}

.buy-now {
  width: 150px;
  text-align: center;
  background-color: #362eff;
  border: 1px solid #362eff;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-left: auto;
  padding: 10px 25px;
  font-size: 1rem;
}

.studio-compare-cols {
  max-width: 1000px;
  float: none;
  clear: none;
  object-fit: fill;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.studio-compare-sticker {
  z-index: 6;
  height: 65px;
  max-width: 1000px;
  float: none;
  clear: none;
  object-fit: fill;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  top: 75px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.compare-studio-features-mobile {
  float: left;
  padding-left: 10px;
  display: inline-block;
}

.compare-button-solo, .compare-button-teams {
  width: 150px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 10px 25px;
}

.reseter {
  width: 0;
  height: 0;
  clear: both;
  position: relative;
}

.info-popup-otp {
  display: inline-block;
}

.flexerstudio {
  display: flex;
}

.div-block-36 {
  margin-top: 20px;
}

.beta {
  background-color: #0b52f9;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
  display: inline-block;
  position: relative;
  top: -5px;
  left: 3px;
}

.beta-badge {
  max-height: 19px;
  background-color: #362eff;
  border-radius: 4px;
  padding: 0 5px;
  font-size: 12px;
  position: static;
  top: -13px;
}

.brand-choice-analytics {
  color: rgba(255, 255, 255, .6);
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
  display: inline-block;
}

.beta-txt {
  font-size: .8rem;
  line-height: 1rem;
}

.ai-img {
  border-radius: 8px;
}

.brand-price-studio-lp {
  width: 1200px;
  color: #fff;
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  position: relative;
}

.price-cont-studio-lp {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.price-cont-studio-lp-heading {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2rem;
  line-height: 1.3rem;
  position: relative;
}

.studio-price-h2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1.2;
}

.buy-now-lp {
  width: 120px;
  text-align: center;
  background-color: #362eff;
  border: 1px solid #362eff;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-left: auto;
  padding: 10px 25px;
  font-size: 1rem;
}

.compate-lp {
  width: 120px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #fff;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-left: 10px;
  padding: 10px 25px;
  font-size: 1rem;
}

.new-switcher-lp {
  z-index: 998;
  text-align: center;
  margin: 80px auto 40px;
  padding-right: 0;
  position: relative;
}

.new-in-core-lp {
  width: 70%;
  max-width: 430px;
  flex: 0 auto;
  align-self: auto;
  margin-top: 180px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.brand-cont3-studio-back-lp {
  width: 100%;
  min-height: 420px;
  background-color: #21f5dc;
  border: 0 solid #333;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
  padding: 0 10px 30px 60px;
  display: flex;
  position: relative;
}

.brand-cont2-studio-back-lp {
  width: 100%;
  min-height: 420px;
  background-color: #d221f5;
  border: 0 solid #333;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
  padding: 0 10px 30px 60px;
  display: flex;
  position: relative;
}

.brand-choice-p-studio-lp {
  color: rgba(255, 255, 255, .6);
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.5em;
}

.brand-col1-studio-back-lp {
  padding: 20px 20% 20px 10px;
  display: block;
}

.brand-cont1-studio-lp {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(49, 49, 49, .5);
  border: 0 solid #333;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 10px;
  padding: 40px 20px 40px 30px;
  display: block;
  position: relative;
}

.brand-col2-studio-back-lp {
  padding: 20px 20% 20px 10px;
  display: block;
}

.brand-cont1-studio-copy {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(49, 49, 49, .5);
  border: 0 solid #333;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 10px;
  padding: 40px 20px 40px 30px;
  display: block;
  position: relative;
}

.brand-col1-studio-lp {
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.brand-col2-studio-lp {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 40px;
  padding-right: 40px;
}

.background-video-3 {
  width: 400px;
  height: 200px;
  border-radius: 10px;
  top: 0;
  left: -100px;
}

.studio-price-h2-lp {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1.2;
}

.ai-waiting {
  display: none;
}

.customimageinstudioho {
  z-index: 1;
  margin-top: 0;
  position: absolute;
  top: 0;
}

.button {
  background-color: #372dff;
  border-radius: 4px;
  margin-top: 10px;
  padding: 15px 30px;
  font-size: 20px;
  font-weight: 400;
}

.html-embed-9, .html-embed-10 {
  margin-left: 0;
  display: inline-block;
}

.html-embed-11, .html-embed-12 {
  display: inline-block;
}

.dontmoveani {
  z-index: 1;
  display: none;
  position: absolute;
}

.hidethisvid {
  display: none;
}

.div-block-37.mobile-hide {
  z-index: 998;
  position: relative;
}

.image-44 {
  z-index: 1;
}

.h1-hid {
  color: #fff;
  letter-spacing: 1px;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.2;
  display: none;
}

.h1-hid.opaque {
  opacity: .2;
  font-size: 34px;
}

.h1-hid.fade-in-up {
  margin-bottom: 35px;
  font-size: 48px;
  text-decoration: none;
}

.h1-hid.number-sm-affil {
  width: 48px;
  color: #858ca3;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  font-size: 40px;
  position: relative;
}

.h1-hid.h1-gu-custom {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 25px;
  display: none;
}

.h1-hid.h1-gu-custom.custom-studio-lefter {
  width: 80%;
  text-align: left;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.h1-hid.h1-gu-custom.custom-studio-lefter.show-h1-examples-in-studio {
  display: none;
}

.bold-text-4 {
  font-family: brandon-grotesque, sans-serif;
}

.link-15, .link-16 {
  color: #000;
}

.bluebubbleicon {
  width: 10px;
  height: 10px;
  background-color: #372fff;
  border-radius: 50%;
  position: absolute;
  top: auto;
  bottom: 10px;
  left: auto;
  right: -15px;
}

.intro-bubblles {
  z-index: 998;
  width: 100%;
  height: 0;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: .8vh;
}

.intro-bubble {
  display: inline-block;
  position: relative;
}

.intro-bubble.cbo-bubble-div {
  position: absolute;
  top: 8vh;
  left: 31%;
}

.intro-bubble.des-bubble-div {
  position: absolute;
  top: 18vh;
  left: 72%;
}

.intro-bubble.strategist-bubble-div {
  position: absolute;
  top: 40vh;
  left: 46%;
}

.intro-cloud {
  background-color: #39f1bb;
  border-radius: 31px;
  padding: 5px 15px;
}

.intro-cloud.designer-cloud {
  background-color: #f8d054;
}

.intro-cloud.partner-cloud {
  background-color: #ef0e8a;
}

.intro-bubbler {
  width: 12px;
  height: 12px;
  background-color: #39f1bb;
  border-radius: 50%;
  position: absolute;
  left: auto;
  right: 0;
}

.intro-bubbler.designer-bubbler {
  background-color: #f8d054;
  left: 0;
}

.intro-bubbler.partner-bubbler {
  width: 35px;
  height: 35px;
  background-color: rgba(0, 0, 0, 0);
  left: -25px;
}

.text-block-13 {
  color: #000;
  font-weight: 400;
  display: inline-block;
}

.text-block-13.partner-text {
  color: #fff;
}

.draggable {
  z-index: 999;
  cursor: grab;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
}

.pattern-div-for-top-newlanding {
  width: 100%;
  height: 180vh;
  max-width: 50%;
  background-image: url('../images/patterngriddy2.svg');
  background-position: 90px 60px;
  background-size: auto;
  position: absolute;
  top: -279px;
  right: 0;
}

.landingnewmobilecompositionfirst {
  display: none;
}

.ceop {
  font-style: normal;
}

.column-2028 {
  min-height: 405px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.image-45 {
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 40px;
  overflow: hidden;
}

.whiteatag {
  color: #fff;
}

html.w-mod-js [data-ix="new-interaction"] {
  display: none;
}

@media screen and (min-width: 1440px) {
  .panel.counter.bulba {
    height: auto;
  }

  .content.affiliate {
    max-width: 1920px;
  }

  .content.affiliate.who.dsgvaszssd {
    justify-content: space-around;
  }

  .left.affiliat {
    justify-content: flex-start;
  }

  .left.hujeft {
    justify-content: center;
  }

  .left.xcvdsgadh {
    justify-content: flex-start;
    margin-left: 10%;
  }

  .h1 {
    font-size: 42px;
  }

  .h1.h1-gu-custom {
    margin-top: 40px;
    margin-bottom: 25px;
  }

  .h1.h1-gu-custom.custom-studio-lefter {
    width: 72%;
  }

  .p.light-gray {
    padding-right: 148px;
  }

  .h1-container.portfolio {
    width: 110%;
  }

  .left-content.affiliate.sdgag {
    margin-left: 0%;
  }

  .split-gradient {
    display: flex;
  }

  .menu-overlay {
    display: none;
  }

  .text-span {
    letter-spacing: 2.5px;
    font-family: brandon-grotesque, sans-serif;
    font-size: 14px;
    font-weight: 300;
  }

  .image-7 {
    max-width: 100%;
  }

  .client-list-agency {
    max-width: 100%;
    font-size: 36px;
  }

  .container-for-pop {
    margin-top: 3%;
  }

  .studio--stone-container {
    width: 100%;
  }

  .studio--logo {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .studio--button-primary {
    padding-left: 40px;
    padding-right: 40px;
  }

  .studio--button-primary.fixed {
    padding-left: 32px;
    padding-right: 32px;
  }

  .studio--h3 {
    color: #fff;
    font-size: 2vw;
  }

  .studio--h3.no-margin {
    font-size: 28px;
  }

  .studio--h2 {
    font-size: 48px;
  }

  .studio--video-collection {
    width: 72%;
  }

  .studio--stories-lead-text-indexp {
    width: 72%;
    text-align: left;
  }

  .studio--h4-indexp {
    font-size: 2vw;
  }

  .studio--left-content {
    margin-left: 28%;
  }

  .non-stick {
    margin-right: 40px;
  }

  .stick {
    margin-right: 54px;
  }

  .sticky-cont {
    width: 1000px;
  }

  .studio--text-container-white {
    padding-right: 40px;
  }

  .studio--img-layer-02 {
    top: -120px;
  }

  .studio--img-layer-02.studio--img-layer-02-but-show {
    top: auto;
  }

  .studio--img-layer-03 {
    top: -120px;
  }

  .lottie-animation-7 {
    padding-top: 6px;
    padding-left: 0;
  }

  .studio--split-gradient {
    display: flex;
    left: 0%;
  }

  .image-26 {
    width: 145px;
    margin-right: 13px;
  }

  .studio--card-continer {
    background-image: url('../images/Frame-13.webp');
  }

  .text-block-5 {
    letter-spacing: 2.5px;
    text-indent: 0;
    text-transform: none;
    column-count: 0;
    font-family: brandon-grotesque, sans-serif;
    font-size: 14px;
    font-weight: 300;
  }

  .image-29 {
    margin-left: -124px;
  }

  .left-content-copy {
    width: 72%;
  }

  .left-copy.numbers {
    justify-content: flex-end;
  }

  .menu-studio-logo {
    padding-top: 6px;
    padding-left: 0;
  }

  .list__group {
    margin-bottom: 21px;
  }

  .section__hero {
    padding-top: 127px;
  }

  .hero__container {
    grid-template-columns: 1fr .75fr;
    padding-left: 10%;
    padding-right: 67px;
  }

  .right__container {
    margin-left: 0%;
    padding-right: 146px;
  }

  .hero__calendly {
    margin-right: 5%;
    padding-left: 67px;
  }

  .h2 {
    padding-right: 0%;
    font-size: 48px;
  }

  .paragraph-9 {
    font-size: 21px;
  }

  .explainer__image2 {
    width: auto;
    margin-top: 32px;
    padding-left: 157px;
  }

  .explainer__grid {
    align-items: start;
  }

  .section__explainer {
    margin-top: 257px;
  }

  .explainer__image1 {
    width: auto;
  }

  .explainer__image3 {
    width: auto;
    margin-top: 89px;
  }

  .paragraph-10 {
    font-size: 21px;
  }

  .explainer__right {
    padding-top: 0;
  }

  .heading-menu {
    margin-bottom: 0;
    font-size: 48px;
  }

  .footer--list {
    font-size: 21px;
    line-height: 1.4;
  }

  .link-14 {
    margin-bottom: 13px;
    font-size: 18px;
  }

  .h2-booking {
    padding-right: 0%;
    font-size: 48px;
  }

  .hero--h4-booking {
    margin-top: 64px;
  }

  .h2-booking-mobile {
    padding-right: 0%;
    font-size: 48px;
  }

  .h1-container-2-nomobile {
    margin-bottom: 0;
  }

  .footer-small-headings {
    margin-bottom: 20px;
    font-size: 21px;
  }

  .full-screen-start {
    width: 80%;
  }

  .mobile-prev-example.hideeeeyh {
    display: none;
  }

  .lottie-animation-2-1, .lottie-animation-3, .lottie-animation-4-1, .lottie-animation-5 {
    padding-top: 52px;
  }

  .menu-overlay-studio.studiouir.studionav {
    display: none;
  }

  .studio--text-container-white-price {
    margin-left: 6%;
    padding-right: 40px;
  }

  .hider-start-2 {
    display: none;
  }

  .left-e-book {
    justify-content: center;
  }

  .left-content-ebook {
    max-width: 470px;
    padding-left: 20px;
  }

  .free-try-ebook, .free-try-ebook-mobile {
    margin-top: 10%;
  }

  .choice-cont1, .choice-cont2 {
    min-height: 600px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .question-div {
    max-width: 600px;
  }

  .examples-section {
    z-index: 996;
    display: block;
  }

  .examples-section.index-examples-sectionnn {
    width: 80%;
  }

  .example-columns {
    margin-top: 0;
    margin-bottom: 80px;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .example-columns.example-columns-in-exs {
    margin-bottom: 0;
    padding-top: 0;
  }

  .example-columns.negative-example-columns {
    margin-left: -20px;
    margin-right: -20px;
  }

  .examples-column {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 0;
  }

  .examples-section-wrapper-ind {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .example-columns-studio {
    width: 72%;
    margin-top: 0;
    margin-bottom: 80px;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .examples-column-studio, .examples-column-studio-middle, .examples-column-studio-right {
    margin-bottom: 20px;
  }

  .examples-column-ex {
    margin-bottom: 20px;
    padding-left: 0;
  }

  .full-screen-ex {
    width: auto;
  }

  .div-block-32 {
    width: 72%;
  }

  .header-price-2023 {
    width: 60%;
    max-width: 810px;
  }

  .brand-cont {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: rgba(33, 33, 33, 0);
    padding-left: 60px;
    padding-right: 60px;
  }

  .big-price-month {
    display: inline-block;
  }

  .brand-cont1 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: rgba(33, 33, 33, 0);
    justify-content: space-between;
    align-items: stretch;
    padding-left: 60px;
    padding-right: 60px;
  }

  .brand-cont3 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: rgba(33, 33, 33, 0);
    padding-left: 60px;
    padding-right: 60px;
  }

  .brand-compare-cols, .compare-sticy-div, .brand-compare-sticker {
    max-width: 1200px;
  }

  .new--logo-line-price {
    width: 85%;
  }

  .brand-compare-cols-mobile, .disclaimer-cols {
    max-width: 1200px;
  }

  .header-price-2023-money {
    width: 60%;
    max-width: 810px;
  }

  .demo-right {
    width: 40%;
  }

  .blob {
    top: auto;
  }

  .blob2 {
    position: absolute;
    top: auto;
  }

  .brand-cont1-brand, .brand-cont-brand, .brand-cont3-brand {
    padding-left: 60px;
    padding-right: 60px;
  }

  .brand-cont1-studio {
    justify-content: space-between;
    align-items: stretch;
  }

  .section-logo {
    margin-right: 6%;
  }

  .left-faq {
    margin-left: 0%;
  }

  .faq-block {
    margin-left: 9%;
  }

  .h1-container-faq.portfolio {
    width: 110%;
  }

  .studio-compare-cols, .studio-compare-sticker {
    max-width: 1200px;
  }

  .studio-price-h2 {
    font-size: 48px;
  }

  .brand-cont1-studio-lp, .brand-cont1-studio-copy {
    justify-content: space-between;
    align-items: stretch;
  }

  .background-video-3 {
    width: 600px;
    height: 300px;
  }

  .studio-price-h2-lp {
    font-size: 48px;
  }

  .customimageinstudioho {
    top: -40%;
  }

  .div-block-37 {
    z-index: 998;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
  }

  .html-embed-13 {
    border-radius: 10px;
  }

  .image-44 {
    z-index: 1;
    position: absolute;
  }

  .h1-hid {
    font-size: 42px;
  }

  .h1-hid.h1-gu-custom {
    margin-top: 40px;
    margin-bottom: 25px;
  }

  .h1-hid.h1-gu-custom.custom-studio-lefter {
    width: 72%;
  }
}

@media screen and (min-width: 1920px) {
  .panel.e-book {
    margin-bottom: 600px;
  }

  .logo.w--current {
    width: 200px;
  }

  .content.huntoens {
    margin-top: 10%;
  }

  .left.xcvdsgadh {
    margin-left: 15%;
  }

  .h1.h1-gu-custom.custom-studio-lefter {
    width: 68%;
    margin-left: auto;
    margin-right: auto;
  }

  .p.ebook-bullet {
    padding-right: 111px;
    font-size: 18px;
  }

  .p.ebook-numberlist {
    width: 15%;
    font-size: 18px;
  }

  .h1-container.portfolio {
    width: 100%;
  }

  .p-container.display-flex-custom-container {
    max-width: 450px;
  }

  .left-content.about-founder {
    max-width: 430px;
  }

  .footer.startpage {
    width: 80%;
  }

  .circle-loop.affiliate {
    width: 20%;
  }

  .footer-copy.startpage {
    width: 80%;
  }

  .client-list-agency {
    max-width: 100%;
    font-size: 40px;
  }

  .video-container {
    max-width: 65%;
  }

  .close-div {
    max-width: 80%;
  }

  .stone-seq {
    max-width: 1440px;
  }

  .studio--screen-demo {
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
  }

  .studio--panel {
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
  }

  .studio--stories-section {
    max-width: 1900px;
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
  }

  .studio--video-collection, .studio--stories-lead-text-indexp {
    width: 68%;
  }

  .studio--h4-indexp {
    font-size: 2vw;
  }

  .studio--clientele-2.counter-clientele {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .non-stick {
    margin-right: 60px;
    display: none;
  }

  .stick {
    margin-right: 74px;
  }

  .sticky-cont {
    width: 1000px;
    max-width: 1600px;
    margin-left: auto;
    margin-right: -800px;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 50%;
  }

  .free-try {
    margin-top: 26%;
  }

  .image-29 {
    margin-left: -9px;
  }

  .panel-copy.sign.sdff {
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
  }

  .section__hero {
    margin-left: auto;
    margin-right: auto;
    padding-top: 193px;
    overflow: visible;
  }

  .hero__container {
    max-width: 1600px;
    grid-template-columns: .5fr .5fr;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10%;
    overflow: visible;
  }

  .right__container {
    padding-right: 339px;
  }

  .hero__content-right {
    font-size: 21px;
    line-height: 1.4;
  }

  .section__explainer {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .explainer__right {
    width: 100%;
  }

  .h1-container-2-nomobile {
    position: static;
  }

  .logoblock {
    margin-left: 0%;
  }

  .logoblock.studiologoblock {
    margin-left: 10%;
  }

  .content-footer_end {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .full-screen-start {
    width: 75%;
    max-width: 1800px;
  }

  .logo-whatsnew {
    max-width: 1600px;
  }

  .logoblock-whatsnew {
    margin-left: 10%;
  }

  .panel-whatsnew {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .columns-studio.columns-studio-custom {
    max-width: 1150px;
  }

  .founders-about-text {
    max-width: 430px;
  }

  .free-try-book {
    margin-top: 26%;
  }

  .hider-start-2 {
    display: none;
  }

  .free-try-confirm {
    margin-top: 26%;
  }

  .left-content-ebook {
    margin-top: 350px;
    padding-left: 20px;
  }

  .ebook-img-container {
    max-width: 60%;
    margin-top: 250px;
  }

  .ebook-image {
    max-width: 600px;
  }

  .content-ebook {
    max-width: 1600px;
  }

  .h1-container-ebook {
    width: 98%;
  }

  .p--cta-ebook {
    width: 80%;
    margin-top: 60px;
  }

  .free-try-ebook, .free-try-ebook-mobile {
    margin-top: 7%;
  }

  .footer__left-menu-mob, .footer__left-menu-copy {
    margin-left: 0%;
  }

  .owner-choice-col {
    padding-left: 20px;
  }

  .examples-section.examples-section-in-studio-page {
    max-width: 1900px;
  }

  .examples-section.index-examples-sectionnn {
    width: 75%;
  }

  .examples-section.index-examples-sectionnn.on-desktop-examples-ection {
    max-width: 1700px;
  }

  .example-columns.example-columns-in-exs {
    margin-bottom: 0;
  }

  .example-columns.negative-example-columns {
    margin-left: -20px;
    margin-right: -20px;
  }

  .examples-column {
    padding-right: 0;
  }

  .padder {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .example-columns-studio {
    width: 68%;
    text-align: center;
  }

  .examples-column-ex {
    padding-left: 0;
  }

  .full-screen-ex {
    max-width: 1100px;
  }

  .full-screen-ex.first {
    width: auto;
    margin-left: auto;
  }

  .full-screen-ex.full-screeen-ex-common-wrap, .div-block-28.hide-in-mobile-examples-animations {
    max-width: 1150px;
  }

  .div-block-32 {
    width: 68%;
  }

  .price-cont-main {
    width: 100%;
    max-width: 1600px;
  }

  .new--logo-line-price {
    width: 85%;
  }

  .usd-month-studio, .usd-month-studio-mob {
    display: inline-block;
  }

  .h1-container-faq.portfolio {
    width: 100%;
  }

  .h1-hid.h1-gu-custom.custom-studio-lefter {
    width: 68%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 991px) {
  .panel {
    height: auto;
    flex-direction: column;
  }

  .panel.affiliate {
    display: block;
  }

  .panel.affiliate.second {
    width: 80%;
    height: auto;
    margin-top: 250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .panel.affiliate.second.mobile {
    width: 80%;
    height: auto;
    margin-top: 495px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: block;
  }

  .panel.affiliate.second.mobile.hujile {
    margin-top: 679px;
  }

  .panel.affiliate.second.juanlejs.dfgdshhd {
    width: 100%;
    padding-left: 10%;
    padding-right: 5%;
  }

  .panel.affiliate.qa {
    width: 100%;
    height: auto;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10%;
    padding-right: 5%;
    display: block;
  }

  .panel.first {
    height: auto;
  }

  .panel.first.logos {
    margin-top: 65px;
  }

  .panel.first.logos.aff {
    margin-top: 55px;
    margin-bottom: -100px;
  }

  .panel.sign {
    display: block;
  }

  .panel.sign.sdff {
    height: 50vh;
    margin-top: 220px;
  }

  .panel.hujanel {
    margin-top: 24px;
  }

  .panel.pre-clientele {
    margin-bottom: 140px;
  }

  .panel.e-book {
    height: auto;
  }

  .link.mobhide {
    display: inline-block;
  }

  .link.mobhide.firstsit, .link.mobhide.firstsit.stickll {
    display: inline;
  }

  .content {
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    margin-top: 0;
    display: flex;
  }

  .content.affiliate {
    margin-top: 0;
    display: block;
  }

  .content.affiliate.hjujsnfs {
    max-width: 1920px;
  }

  .content.signup.yrslf {
    margin-top: 0;
    margin-bottom: 140px;
    display: block;
  }

  .content.points {
    margin-top: 0;
  }

  .content.logos {
    display: block;
  }

  .content.logos.aff, .content.logos.hujogos {
    margin-top: 0;
  }

  .content.fudsd {
    align-self: auto;
    align-items: center;
    margin-top: 0;
  }

  .content.hjnjujd.jujd {
    align-self: auto;
    align-items: center;
  }

  .content.hjnjujd.jujd.efdfs {
    margin-top: 0;
  }

  .left {
    width: 100%;
    height: auto;
    margin-top: 0;
    display: block;
  }

  .left.affiliat {
    display: block;
  }

  .right {
    width: 100%;
    order: -1;
    align-items: center;
  }

  .right.first {
    margin-top: 60px;
  }

  .right.first.buharet.spec-size-2 {
    margin-top: 450px;
  }

  .right.mobile-rock.first {
    margin-top: 30%;
    padding-bottom: 55px;
  }

  .right.second.affiliate {
    width: 80%;
    text-align: center;
    order: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .right.second.affiliate.burbur {
    padding-top: 109px;
  }

  .right.spec-size {
    margin-top: 220px;
  }

  .h1.number-sm-affil {
    margin-left: 0;
    position: static;
  }

  .p.bold.margin-right.sifilis {
    display: inline-block;
  }

  .p.center-copy.no-margin {
    width: auto;
  }

  .p.ebook-bullet {
    margin-bottom: 55px;
    display: block;
  }

  .p.ebook-numberlist {
    float: none;
    margin-bottom: 14px;
    display: block;
  }

  .h1-container.tabonly {
    margin-top: auto;
    display: block;
  }

  .h1-container.portfolio {
    width: 100%;
  }

  .meta-container {
    width: 340px;
    max-width: 340px;
  }

  .meta-container.first {
    display: none;
  }

  .meta-container.apply.affiliate {
    display: block;
  }

  .icon-container.affiliate.hujafilate {
    width: 300px;
    margin-top: -12px;
    padding-bottom: 22px;
  }

  .icon-container.affiliate.hujafilate.affelis {
    width: 100px;
    align-items: center;
    margin-top: auto;
    padding-bottom: 0;
  }

  .icon-container.first.dirst {
    width: 500px;
  }

  .icon-container.affelis {
    width: 100px;
  }

  .left-content {
    width: 80%;
    max-width: 700px;
  }

  .left-content.affiliate {
    width: 90%;
    margin-left: 0%;
  }

  .left-content.displflex {
    display: block;
  }

  .image-2 {
    max-width: 60%;
  }

  .rock-rotate {
    width: 80%;
    padding-top: 74px;
  }

  .split-white, .split-gradient {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .section-2 {
    height: auto;
    flex-direction: column;
    margin-top: 100px;
  }

  .section-2.hidden-msg {
    padding-bottom: 200px;
  }

  .p-short.light-gray.hujej {
    width: 100%;
  }

  .p-short.p-center {
    margin-left: auto;
    margin-right: auto;
  }

  .p-short.align-center {
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
  }

  .meta-data-horizontal.salary {
    width: 80%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 62px;
    display: none;
  }

  .meta-data-horizontal.affiliate {
    display: flex;
  }

  .meta-container-def {
    width: 340px;
    max-width: 340px;
  }

  .gem-big {
    display: none;
    overflow: visible;
  }

  .container {
    margin-bottom: -528px;
    padding-top: 296px;
  }

  .container.affiliate {
    position: static;
  }

  .right-content {
    max-width: 600px;
  }

  .right-content.flex {
    margin-top: 100px;
  }

  .right-content.affiliate {
    width: 100%;
    max-width: none;
    position: static;
  }

  .right-80vh {
    width: 80%;
    height: auto;
    align-items: flex-start;
    margin-top: 0;
    display: none;
  }

  .right-80vh.affiliate {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .right-80vh.affiliate.numbers {
    margin-top: -134px;
  }

  .right-80vh.affiliate.numbers._235423 {
    width: 100%;
    margin-top: -135px;
  }

  .right-80vh.affiliate.start.dsfdsga {
    width: 100%;
  }

  .footer {
    justify-content: space-between;
    padding-top: 40px;
    padding-right: 10%;
    position: relative;
  }

  .footer.faq.price {
    width: auto;
  }

  .footer.faq.price.sfsdghh {
    display: none;
  }

  .footer.startpage {
    width: auto;
    flex-direction: row;
    justify-content: space-around;
    padding-right: 0%;
  }

  .footer.brumbrumb {
    width: auto;
    flex-direction: column;
    margin-top: -232px;
    padding-bottom: 327px;
    display: flex;
  }

  .accordeon-wrapper.acorddion-wrapper-overflowshow {
    overflow: visible;
  }

  .accordeon-item {
    max-width: 100%;
  }

  .menu-overlay {
    height: 115vh;
    margin-top: -152px;
    padding-top: 72px;
    display: none;
  }

  .menu-overlay.studiouir {
    margin-top: -4px;
    display: none;
  }

  .tabs.desktop {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .p-container-numbers.affiliate {
    display: block;
  }

  .center {
    width: 80%;
    height: auto;
    align-items: flex-start;
    margin-top: 0;
  }

  .gem-hidden-msg-absolute.desktop {
    margin-top: 140px;
  }

  .sticky.mobhide {
    opacity: 1;
    margin-top: 42px;
  }

  .logo-head {
    z-index: 10000;
    padding-top: 68px;
  }

  .columns {
    width: auto;
    display: block;
  }

  .column {
    background-image: none;
  }

  .column.custpricecol {
    height: auto;
  }

  .column-2 {
    background-image: none;
  }

  .column-2.custpricecol, .column-3.custpricecol {
    height: auto;
  }

  .price-h2 {
    margin-left: 0;
  }

  .heading-div.button-div {
    padding-left: 0;
  }

  .heading-div.button-div.mob {
    min-height: auto;
    float: none;
    text-align: left;
    padding-top: 20px;
    padding-left: 0;
  }

  .heading-div.button-div.priceer, .heading-div.price {
    padding-left: 0;
  }

  .price-counter {
    margin-left: 0;
  }

  .price-counter.mob {
    margin-left: 0;
    margin-right: auto;
  }

  .free {
    display: none;
  }

  .free.custom {
    display: block;
  }

  .feature-div {
    padding-top: 39px;
    padding-bottom: 6px;
    padding-left: 0;
  }

  .feature-div.mob {
    margin-left: 0;
    padding-top: 20px;
    position: static;
  }

  .paragraph-4 {
    max-width: none;
  }

  .list-item {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .list {
    display: block;
  }

  .price-faq {
    padding-top: 150px;
  }

  .price-faq-column {
    margin-top: -37px;
    padding-left: 10px;
    padding-right: 50px;
    overflow: visible;
  }

  .price-faq-column-l.mob {
    padding-right: 50px;
    overflow: hidden;
  }

  .columns-2 {
    width: auto;
  }

  .div-block-5 {
    align-self: center;
    display: block;
  }

  .features-list.featured {
    margin-left: -25px;
  }

  .features-list.featured.feieieie {
    margin-top: 90px;
    margin-left: 0;
  }

  .tooltip._16 {
    display: none;
    top: 332px;
  }

  .pricepanel-add {
    height: auto;
  }

  .columns-add {
    display: none;
  }

  .feature-div-add {
    margin-left: -25px;
    padding-top: 0;
    display: block;
  }

  .paragraph-4-copy {
    max-width: none;
  }

  .left-content-footeris {
    width: 80%;
    max-width: none;
  }

  .vidwo-rers {
    width: 80%;
    padding-top: 74px;
  }

  .vidwo-rers.preview-video {
    display: none;
  }

  .hider {
    z-index: 10000;
    width: 100%;
    color: #000;
    background-color: #000;
    padding-bottom: 0;
    padding-right: 0;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .footer-copy {
    justify-content: space-between;
    padding-top: 40px;
    padding-right: 10%;
    position: relative;
  }

  .footer-copy.startpage {
    width: auto;
    flex-direction: row;
    justify-content: space-around;
    padding-right: 0%;
  }

  .whitettee {
    color: #fff;
  }

  .columns-studio {
    display: none;
  }

  .price-h2-studio {
    margin-left: 0;
  }

  .feature-div-online {
    padding-top: 39px;
    padding-bottom: 6px;
    padding-left: 0;
  }

  .more-studio {
    margin-left: 0;
  }

  .left-content-copy {
    width: 80%;
    max-width: none;
  }

  .client-list-agency {
    font-size: 40px;
  }

  .clientele-2 {
    height: auto;
    flex-direction: column;
  }

  .right-clienteles {
    width: 80%;
    height: auto;
    align-items: flex-start;
    margin-top: 0;
    margin-left: 10%;
    display: block;
  }

  .white-link-play {
    display: none;
  }

  .meta-container-mob {
    width: 340px;
    max-width: 340px;
  }

  .studio--stone-container {
    width: 160%;
  }

  .studio--call-to-action {
    width: 70%;
  }

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

  .studio--screen-demo {
    margin-bottom: 100px;
  }

  .studio--panel {
    height: auto;
    flex-direction: column;
  }

  .studio--panel-content {
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    margin-top: 0;
    display: flex;
  }

  .studio--panel-content-left {
    width: 100%;
    height: auto;
    order: -1;
    align-items: flex-start;
    margin-top: 0;
    display: flex;
  }

  .studio--panel-content-right {
    width: 100%;
    order: 1;
    align-items: center;
    padding-left: 0%;
    overflow: hidden;
  }

  .studio--panel-content-right.smaller {
    order: 0;
  }

  .studio--stories-section {
    margin-top: 100px;
  }

  .studio--stories-wrapper {
    height: auto;
  }

  .studio--video-collection {
    width: 70%;
    height: 200vh;
    flex-direction: column;
  }

  .studio--video-list-item {
    width: 100%;
    height: 80vh;
    min-width: auto;
    margin-bottom: 40px;
  }

  .studio--stories-lead-text-indexp {
    width: 70%;
  }

  .studio--h4-indexp {
    font-size: 4vw;
  }

  .meta-container-copy {
    width: 340px;
    max-width: 340px;
  }

  .studio--clientele-2 {
    height: auto;
    flex-direction: column;
  }

  .body-5 {
    background-color: #000;
  }

  .center-copy {
    width: 80%;
    height: auto;
    align-items: flex-start;
    margin-top: 0;
  }

  .studio--left-content {
    width: 70%;
    max-width: none;
    margin-left: 0%;
  }

  .studio-link {
    display: inline-block;
  }

  .non-stick {
    margin-top: 36px;
    position: absolute;
    left: auto;
  }

  .stick {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .sticky-cont {
    margin-right: 35px;
  }

  .studio--split-gradient {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .text-block-5 {
    font-family: brandon-grotesque, sans-serif;
  }

  .studio--left-content-footeris-copy {
    width: 80%;
    max-width: none;
  }

  .studio--left {
    width: 100%;
    height: auto;
    margin-top: 0;
    display: block;
  }

  .meta-container-copy {
    width: 340px;
    max-width: 340px;
  }

  .left-content-copy {
    max-width: none;
  }

  .left-copy {
    width: 100%;
    height: auto;
    margin-top: 0;
    display: block;
  }

  .panel-copy {
    height: auto;
    flex-direction: column;
  }

  .panel-copy.sign {
    display: block;
  }

  .panel-copy.sign.sdff {
    margin-top: 100px;
    padding-top: 60px;
  }

  .panel-copy.sign.sdff.sssdd {
    margin-top: 0;
  }

  .meta-container-copy {
    width: 340px;
    max-width: 340px;
  }

  .studio--meta-container-desk {
    width: 340px;
    max-width: 340px;
    display: none;
  }

  .list__group {
    margin-bottom: 6px;
  }

  .list__icon {
    width: 20px;
    margin-right: 9px;
  }

  .section__hero {
    padding-top: 20px;
  }

  .right__container {
    width: 100%;
    max-width: none;
    margin-left: 0%;
  }

  .hero__calendly {
    width: 60%;
    margin-right: 5%;
    padding-left: 21px;
  }

  .h2 {
    padding-right: 0%;
  }

  .hero__background-image {
    width: 600px;
    height: 600px;
  }

  .paragraph-9 {
    font-size: 21px;
  }

  .hero__content-right {
    width: 50%;
    height: auto;
    flex-wrap: nowrap;
    order: 1;
    align-items: flex-start;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .explainer__grid {
    grid-template-columns: 1fr .7fr;
    padding-bottom: 123px;
  }

  .paragraph-10 {
    margin-top: 18px;
    font-size: 21px;
  }

  .heading-menu {
    font-size: 40px;
  }

  .footer__link {
    flex-wrap: nowrap;
  }

  .grid {
    margin-bottom: 60px;
  }

  .footer--list {
    font-size: 21px;
  }

  .link-14 {
    color: #c8c8c8;
    line-height: 1.4;
  }

  .div-block-16 {
    flex-wrap: wrap;
    margin-left: 0;
  }

  .h2-booking {
    padding-right: 0%;
    font-size: 34px;
  }

  .hero--h4-booking {
    font-size: 32px;
  }

  .h2-booking-mobile {
    padding-right: 0%;
    font-size: 34px;
  }

  .footer-small-headings {
    font-weight: 400;
    line-height: 1.4;
  }

  .left-footer {
    width: 40%;
  }

  .content-footer {
    margin-top: 0;
  }

  .footer-panel {
    height: auto;
    flex-direction: column;
  }

  .left-menu-logo {
    width: 40%;
    margin-top: 0;
  }

  .right-menu, .right-menu-empty {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .left-main-menu, .left-menu-footer {
    width: 40%;
  }

  .left-demo-studio {
    width: 100%;
    height: auto;
    margin-top: 0;
    display: block;
  }

  .content-footer_end {
    margin-top: 0;
    position: static;
  }

  .whatsnew {
    padding-left: 0;
  }

  .whatsnew-tag {
    margin-bottom: 0;
    margin-left: 0;
  }

  .whatsnew-tag.inverse-update-tag {
    margin-left: 0;
  }

  .whatsnew-news {
    width: 800px;
    max-width: 600px;
  }

  .full-screen-start {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 169px;
    margin-bottom: auto;
    padding-top: 0;
    display: block;
  }

  .lottie-animation-2-1 {
    width: 80%;
  }

  .small-panel {
    height: auto;
    flex-direction: column;
    margin-top: 25px;
  }

  .lottie-animation-3, .lottie-animation-4-1, .lottie-animation-5 {
    width: 80%;
  }

  .logo-whatsnew {
    margin-top: 0;
  }

  .left-menu-logo-whatsnew {
    width: 40%;
    margin-top: 0;
  }

  .content-whatsnew {
    margin-top: 0;
  }

  .left-menu-content-whatsnew {
    width: 40%;
    margin-top: 0;
  }

  .right-content-empty-whatsnew {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .panel-whatsnew {
    height: auto;
    flex-direction: column;
    margin-top: 60px;
  }

  .whatsnew-logo {
    margin-top: -90px;
  }

  .spacer {
    display: block;
  }

  .menu-overlay-studio.studiouir {
    display: flex;
  }

  .menu-overlay-studio.studiouir.studionav {
    margin-top: -70px;
    display: none;
  }

  .switcher-section {
    height: auto;
    display: none;
  }

  .empty-cols {
    width: auto;
    display: block;
  }

  .empty-col1, .empty-col2 {
    background-image: none;
  }

  .pricepanel-new {
    height: auto;
    margin-top: 73px;
  }

  .feature-div-price-new {
    padding-top: 39px;
    padding-bottom: 6px;
    padding-left: 0;
  }

  .pricetag-mobile-m {
    color: silver;
    margin-top: 78px;
    font-size: 32px;
    display: block;
  }

  .subscribe {
    margin-left: 0;
    display: none;
  }

  .columns-studio {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 96px;
    display: block;
  }

  .studio--text-container-white-price {
    margin-left: 6%;
  }

  .mobile-expand {
    margin-top: 46px;
    display: none;
  }

  .explore-more-price {
    color: silver;
    margin-top: 22px;
    font-size: 20px;
    display: inline-block;
  }

  .div-down-puls-price {
    width: 32px;
    height: 32px;
    margin-left: 20px;
    padding-top: 6px;
  }

  .down-btn-price {
    width: 20px;
    height: 20px;
  }

  .chevron-down-preice {
    width: 12px;
    height: 12px;
  }

  .explore-more-button {
    display: block;
  }

  .free-mobile {
    margin-left: 0;
  }

  .mobile-expand-free {
    margin-top: 46px;
    margin-bottom: 72px;
    display: none;
  }

  .chevron-down-preice-free {
    width: 12px;
    height: 12px;
  }

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

  .right-head-sim {
    display: none;
  }

  .sim-heading {
    font-size: 72px;
    line-height: 77px;
  }

  .advisers-name {
    font-size: 24px;
    line-height: 28px;
  }

  .advisors-descr, .light-greylink-text {
    font-size: 18px;
    line-height: 22px;
  }

  .hider-pricing {
    z-index: 10000;
    width: 100%;
    color: #000;
    background-color: #000;
    padding-bottom: 0;
    padding-right: 0;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .free-mobile-btn {
    display: block;
  }

  .subscribe-mobile {
    margin-left: 0;
    display: block;
  }

  .studio--meta-container-mobile {
    width: 340px;
    max-width: 340px;
    margin-left: 15%;
    padding-bottom: 120px;
    display: block;
  }

  .hider-start-2, .hider-2 {
    z-index: 10000;
    width: 100%;
    color: #000;
    background-color: #000;
    padding-bottom: 0;
    padding-right: 0;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .panel-confimr {
    height: auto;
    flex-direction: column;
    margin-bottom: 20%;
  }

  .portfolio-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: ".";
  }

  .hover-img, .hover-img.first-row {
    display: none;
  }

  .hover-img.first-row.last-col {
    display: none;
    right: 0%;
  }

  .hover-img.second-row.last-col, .hover-img.third-row.last-col, .hover-img.fourth-row.last-col, .hover-img.fifth-row.last-col {
    right: 0%;
  }

  .right-clienteles-start {
    width: 80%;
    height: auto;
    align-items: flex-start;
    margin-top: 0;
    margin-left: 10%;
    display: block;
  }

  .left-e-book {
    width: 100%;
    height: auto;
    margin-top: 0;
    display: block;
  }

  .left-content-ebook {
    width: 80%;
    max-width: 700px;
    margin-top: 60px;
  }

  .right-ebook {
    width: 100%;
    order: -1;
    align-items: center;
    margin-top: 50%;
  }

  .ebook-img-container {
    max-width: 60%;
    margin-left: 10%;
  }

  .content-ebook {
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 124px;
    display: flex;
  }

  .p--cta-ebook {
    margin-top: 40px;
  }

  .free-try-ebook {
    margin-top: 0%;
    display: inline-block;
  }

  .free-try-ebook-mobile {
    margin-top: 0%;
    margin-left: 0;
    display: inline-block;
    position: static;
  }

  .cleared-mobile {
    height: 120px;
    display: block;
  }

  .price-intro {
    height: auto;
    padding-top: 0;
    display: block;
  }

  .table-price-header {
    width: auto;
    display: block;
  }

  .price-col1, .price-col2 {
    background-image: none;
  }

  .way-choice {
    height: auto;
    margin-top: 0;
  }

  .choice-cols {
    width: auto;
    display: block;
  }

  .choice-col1 {
    background-image: none;
    padding-left: 10px;
  }

  .choice-col2 {
    background-image: none;
    padding-right: 10px;
  }

  .choice-cont1, .choice-cont2 {
    min-height: 600px;
  }

  .choice-heading {
    line-height: 1.2em;
  }

  .choice-bottomer {
    bottom: 40px;
  }

  .more-questions {
    height: auto;
    display: block;
  }

  .owner-choice-cols {
    width: auto;
    display: block;
  }

  .owner-choice-col {
    background-image: none;
  }

  .price-switcher {
    height: auto;
    display: none;
  }

  .examples-section.index-examples-sectionnn.on-desktop-examples-ection {
    padding-bottom: 69px;
  }

  .examples-column-studio {
    padding-right: 20px;
  }

  .examples-column-studio-middle {
    padding-left: 10px;
    padding-right: 10px;
  }

  .examples-column-studio-right {
    padding-left: 20px;
  }

  .full-screen-ex {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 69px;
    padding-top: 0;
    display: block;
  }

  .full-screen-ex.first {
    margin-top: 138px;
  }

  .full-screen-ex.first.full-screeen-ex-common-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }

  .full-screen-ex.last {
    margin-bottom: 138px;
  }

  .full-screen-ex.full-screeen-ex-common-wrap {
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-1-custom-examples-section {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 38px;
  }

  .div-block-28.hide-in-mobile-examples-animations, .div-block-30.doghnut-rain-animation.hide-in-mobile-examples-rain {
    margin-left: 20px;
    margin-right: 20px;
  }

  .text-block-11.showroom-hider, .div-block-32.without-margin.with-custom-margin-from-top {
    display: none;
  }

  .div-block-32.without-margin.with-custom-margin-from-top.show-on-mobile822 {
    margin-top: 60px;
    display: block;
  }

  .header-price-2023 {
    width: 80%;
  }

  .big-gem {
    margin-bottom: 0;
  }

  .price-cont-main {
    width: 100%;
    margin-bottom: 140px;
  }

  .brand-price-cards {
    height: auto;
    margin-top: 0;
  }

  .brand-cols {
    width: auto;
    display: block;
  }

  .brand-col1, .brand-col2, .brand-col3 {
    background-image: none;
  }

  .brand-cont {
    padding-left: 10%;
    padding-right: 10%;
  }

  .brand-choice-heading {
    line-height: 1.2em;
  }

  .brand-choice-p {
    font-size: .9em;
    line-height: 1.4em;
  }

  .brand-choice-bottomer {
    height: 180px;
  }

  .try-now-button {
    width: auto;
  }

  .brand-cont1, .brand-cont3 {
    padding-left: 15%;
    padding-right: 15%;
  }

  .big-blob-bck {
    width: 100%;
    background-size: 800px;
    top: 220px;
    bottom: 220px;
  }

  .brand-compare-list {
    height: auto;
    margin-top: 0;
  }

  .brand-compare-cols {
    width: auto;
    display: block;
  }

  .brand-compare-col1, .brand-compare-col2, .brand-compare-col3, .brand-compare-col4 {
    background-image: none;
  }

  .compare-feature {
    margin-bottom: 15px;
    line-height: 1em;
  }

  .compare-feature.small-txt {
    padding-top: 3px;
    padding-bottom: 2px;
    line-height: 1em;
  }

  .compare-sticky {
    height: auto;
    display: block;
  }

  .compare-sticy-div {
    width: 90%;
    left: -10px;
    right: 0;
  }

  .brand-compare-sticker {
    width: auto;
    display: block;
  }

  .brand-compare-sticker-col1, .brand-compare-sticker-col2 {
    background-image: none;
  }

  .price-check {
    margin-bottom: 15px;
  }

  .new--logo-line-price {
    margin-bottom: 120px;
  }

  .brand-compare-list-mobile {
    height: auto;
    margin-top: 0;
    display: none;
  }

  .brand-compare-cols-mobile {
    width: auto;
    display: block;
  }

  .compare-mobile-col-2, .compare-mobile-col-3 {
    background-image: none;
  }

  .disclaimer {
    height: auto;
  }

  .disclaimer-cols {
    width: auto;
    display: block;
  }

  .dislcaimer {
    background-image: none;
  }

  .dsclaimer-p {
    margin-bottom: 15px;
    line-height: 1em;
  }

  .dsclaimer-p.small-txt {
    padding-top: 3px;
    padding-bottom: 2px;
    line-height: 1em;
  }

  .brand-choice-bottomer-studio {
    height: 180px;
  }

  .cards-of-choice {
    width: 85%;
    background-image: none;
    margin-bottom: 140px;
  }

  .price-intro-money {
    height: auto;
    padding-top: 0;
    display: block;
  }

  .header-price-2023-money {
    width: 80%;
  }

  .more-questions-money {
    height: auto;
    display: block;
  }

  .info-popup {
    width: 50%;
  }

  .brand-cols-bottomer {
    width: auto;
    display: block;
  }

  .brand-col1-bot, .brand-col2-bot, .brand-col3-bot {
    background-image: none;
  }

  .brand-cols-brand {
    width: auto;
    display: block;
  }

  .brand-col1-brand {
    background-image: none;
  }

  .brand-cont1-brand {
    padding-left: 15%;
    padding-right: 15%;
  }

  .brand-col2-brand {
    background-image: none;
  }

  .brand-cont-brand {
    padding-left: 15%;
    padding-right: 15%;
  }

  .brand-col3-brand {
    background-image: none;
  }

  .brand-cont3-brand {
    padding-left: 15%;
    padding-right: 15%;
  }

  .brand-price-effect {
    height: auto;
    margin-top: 0;
  }

  .brand-price-studio {
    width: 90%;
    height: auto;
    margin-top: 0;
  }

  .brand-cols-studio {
    width: auto;
    display: block;
  }

  .brand-col1-studio, .brand-col2-studio, .brand-col3-studio {
    background-image: none;
    padding-left: 20px;
  }

  .brand-cont1-studio {
    padding-left: 15%;
    padding-right: 10%;
  }

  .brand-cont-studio, .brand-cont3-studio {
    padding-left: 15%;
    padding-right: 15%;
  }

  .brand-cols-studio-back {
    width: auto;
    display: block;
  }

  .brand-col1-studio-back {
    background-image: none;
  }

  .brand-cont1-studio-back {
    padding-left: 15%;
    padding-right: 15%;
  }

  .brand-choice-bottomer-studio-back {
    height: 180px;
  }

  .brand-choice-centerer-back {
    margin-top: 10px;
    margin-bottom: 10px;
    bottom: 40px;
  }

  .brand-choice-p-back {
    font-size: .9em;
    line-height: 1.4em;
  }

  .brand-cont2-studio-back {
    min-height: 380px;
    padding-left: 15%;
    padding-right: 15%;
  }

  .brand-cont3-studio-back {
    padding-left: 15%;
    padding-right: 15%;
  }

  .brand-choice-heading-vack, .brand-choice-heading-copy, .studio-choice-heading {
    line-height: 1.2em;
  }

  .big-otp-studio.smaller {
    font-size: 1.5em;
  }

  .brand-choice-centerer-studio {
    margin-top: 10px;
    margin-bottom: 10px;
    bottom: 40px;
  }

  .brand-choice-p-studio {
    font-size: .9em;
    line-height: 1.4em;
  }

  .big-monthly-studio.smaller {
    font-size: 1.5em;
  }

  .pricing-studio {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .studio-new-price-col2 {
    margin-top: 54px;
    padding-left: 0;
  }

  .studio-new-price-col1 {
    margin-top: 0;
    padding-left: 140px;
    padding-right: 140px;
  }

  .brand-choice-bottomer-studio-monther {
    height: 180px;
  }

  .section-logo {
    overflow: hidden;
  }

  .logo_component-slider {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .logo-slider-img {
    width: 174px;
  }

  .page-padding.s0 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .new-price-faq {
    padding-top: 150px;
  }

  .faq-table {
    width: auto;
  }

  .faq-container {
    width: 100%;
    min-width: 0;
  }

  .faq-block {
    width: 90%;
    margin-left: 5%;
  }

  .h1-container-faq.tabonly {
    margin-top: auto;
    display: block;
  }

  .h1-container-faq.portfolio {
    width: 100%;
  }

  .popular-badge {
    width: 130px;
  }

  .brand-col2-studio-back {
    background-image: none;
  }

  .studio-compare-cols, .studio-compare-sticker {
    width: auto;
    display: block;
  }

  .brand-choice-analytics {
    font-size: .9em;
    line-height: 1.4em;
  }

  .brand-price-studio-lp {
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .price-cont-studio-lp {
    width: 100%;
  }

  .price-cont-studio-lp-heading {
    width: 80%;
  }

  .buy-now-lp {
    margin-bottom: 0;
  }

  .compate-lp {
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: 0;
  }

  .brand-cont3-studio-back-lp, .brand-cont2-studio-back-lp {
    min-height: 400px;
    padding-left: 15%;
    padding-right: 15%;
  }

  .brand-choice-p-studio-lp {
    font-size: .9em;
    line-height: 1.4em;
  }

  .brand-col1-studio-back-lp {
    background-image: none;
  }

  .brand-cont1-studio-lp {
    padding-bottom: 60px;
    padding-left: 15%;
    padding-right: 10%;
  }

  .brand-col2-studio-back-lp {
    background-image: none;
  }

  .brand-cont1-studio-copy {
    padding-bottom: 60px;
    padding-left: 15%;
    padding-right: 10%;
  }

  .brand-col1-studio-lp, .brand-col2-studio-lp {
    background-image: none;
    padding-left: 30px;
  }

  .background-video-3 {
    left: auto;
  }

  .h1-hid.number-sm-affil {
    margin-left: 0;
    position: static;
  }
}

@media screen and (max-width: 767px) {
  .panel.affiliate {
    height: 100vh;
  }

  .panel.affiliate.first {
    margin-left: auto;
    margin-right: auto;
  }

  .panel.affiliate.second {
    width: 80%;
    margin-top: 299px;
  }

  .panel.affiliate.second.mobile {
    width: 80%;
  }

  .panel.first {
    height: auto;
    margin-top: 80px;
  }

  .panel.first.logos {
    margin-top: -114px;
    margin-bottom: 170px;
  }

  .panel.first.logos.aff {
    margin-top: 0;
    margin-bottom: 100px;
  }

  .panel.about-new {
    width: 90%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .panel.e-book {
    height: auto;
    margin-top: 80px;
    margin-bottom: 100px;
  }

  .link.mobhide, .link.mobhide.firstsit {
    display: none;
  }

  .link.mobhide.stickll {
    display: inline-block;
  }

  .content {
    width: 80%;
    justify-content: center;
    align-items: flex-start;
    margin-top: -26px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .content.affiliate {
    width: 100%;
  }

  .content.affiliate.hjujsnfs {
    margin-top: -2px;
  }

  .content.signup {
    margin-top: 170px;
  }

  .content.logos {
    margin-top: 177px;
  }

  .content.logos.aff {
    margin-top: 60px;
  }

  .content.logos.hujogos {
    margin-top: 175px;
  }

  .content.huntoens {
    margin-top: 0;
  }

  .left {
    align-items: center;
  }

  .right.first {
    margin-top: -200px;
  }

  .right.first.buharet {
    margin-top: 80px;
  }

  .right.mobile-rock.first.affiliate {
    justify-content: center;
    align-items: center;
    margin-top: 0%;
  }

  .right.second {
    order: 0;
  }

  .h1 {
    font-size: 44px;
  }

  .p.bold.margin-right.debilis {
    font-size: 18px;
  }

  .p.small {
    margin-bottom: 0;
  }

  .p.small.mob {
    text-align: center;
    display: block;
  }

  .meta-container {
    width: 70%;
  }

  .meta-container.apply.affiliate {
    justify-content: space-between;
    align-items: stretch;
    display: block;
  }

  .icon-container.affiliate {
    justify-content: center;
    align-items: center;
    margin-top: -14px;
    margin-left: 66px;
    position: static;
  }

  .icon-container.affiliate.hujafilate.affelis {
    margin-left: 0;
  }

  .icon-container.first.w--current {
    margin-left: 3px;
  }

  .icon-container.affelis {
    width: 80px;
  }

  .left-content {
    width: 100%;
    max-width: none;
    margin-left: 0%;
  }

  .image-2.aff {
    float: none;
  }

  .rock-rotate {
    width: 100%;
  }

  .section-2.hidden-msg {
    padding-top: 217px;
    padding-bottom: 198px;
  }

  .meta-container-def {
    width: 70%;
  }

  .meta-container-def.fade-in-up.drowgh {
    max-width: 500px;
    justify-content: space-between;
    margin-right: auto;
    padding-right: 0;
    display: inline-block;
  }

  .right-content {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: 0;
  }

  .right-content.affiliate {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .right-content.affiliate.hujytdc {
    padding-bottom: 0;
  }

  .right-80vh, .right-80vh.affiliate.numbers {
    width: 100%;
  }

  .footer {
    width: 80%;
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-radius: 1px;
    flex-direction: column;
    display: none;
    position: relative;
  }

  .footer.faq.price.sfsdghh {
    display: none;
  }

  .footer.startpage {
    width: auto;
    background-color: rgba(0, 0, 0, 0);
    border-top-style: none;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-right: 0%;
    top: 0;
  }

  .footer.brumbrumb {
    width: auto;
    border-top-style: none;
    margin-top: -189px;
    padding-bottom: 310px;
    padding-right: 0%;
  }

  .accordeon-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    overflow: hidden;
  }

  .accordeon-item {
    max-width: 100%;
  }

  .lottie-animation-1 {
    width: 100%;
  }

  .menu-overlay {
    height: 120vh;
    margin-top: -227px;
    display: none;
  }

  .nav-footer.studio-5 {
    flex-direction: row;
    display: flex;
  }

  .nav-footer-col.signin.studio7, .nav-footer-col.sitemap.studio6 {
    display: block;
  }

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

  .center.hujnjas {
    z-index: 1;
  }

  .gem-hidden-msg-absolute.desktop {
    max-width: 350px;
    margin-top: 185px;
  }

  .loader {
    display: none;
  }

  .logo-div {
    max-width: none;
  }

  .blue {
    display: none;
  }

  .price-h2, .price-h2.mob {
    margin-left: 0;
  }

  .heading-div.button-div.mob {
    min-height: auto;
    float: none;
    text-align: left;
    padding-top: 11px;
  }

  .list-item {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
  }

  .price-faq-column {
    padding-left: 0;
    padding-right: 50px;
  }

  .price-faq-column-l.mob {
    padding-right: 50px;
  }

  .tooltip._16 {
    display: none;
    top: 309px;
  }

  .left-content-footeris {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }

  .demobtn {
    margin-top: 5px;
    display: block;
  }

  .demobtn.w--current {
    display: inline-block;
  }

  .link-block-6 {
    display: none;
  }

  .vidwo-rers {
    width: 100%;
  }

  .vidwo-rers.preview-video {
    width: auto;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    display: none;
  }

  .footer-left {
    align-items: flex-end;
  }

  .soc-container {
    margin-bottom: 18px;
  }

  .footer-copy {
    width: 80%;
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-radius: 1px;
    flex-direction: column;
    display: none;
    position: relative;
  }

  .footer-copy.startpage {
    width: auto;
    background-color: rgba(0, 0, 0, 0);
    border-top-style: none;
    padding-bottom: 146px;
    padding-right: 0%;
    top: 0;
  }

  .left-content-copy {
    width: 90%;
    max-width: none;
    margin-left: 0%;
  }

  .h1-clientele-right, .client-list-agency {
    font-size: 44px;
  }

  .right-clienteles {
    width: 100%;
    margin-left: 0%;
  }

  .meta-container-mob {
    width: 70%;
  }

  .studio-call-to-action-lead {
    padding-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .studio--h1 {
    font-size: 40px;
  }

  .studio--screen-text {
    width: 80%;
  }

  .studio--h3 {
    font-size: 28px;
  }

  .studio--h2 {
    font-size: 40px;
  }

  .image-24 {
    margin-top: 50px;
  }

  .studio--panel-content {
    width: 80%;
    justify-content: center;
    align-items: flex-start;
    margin-top: -26px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .studio--panel-content-left {
    align-items: center;
  }

  .studio--h4-indexp {
    font-size: 32px;
  }

  .meta-container-copy {
    width: 70%;
  }

  .text-span-2-copy {
    font-size: 28px;
  }

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

  .studio--left-content {
    width: 90%;
    max-width: none;
    margin-left: 0%;
  }

  .studio-link {
    display: none;
  }

  .non-stick {
    margin-top: 30px;
    display: block;
  }

  .free-try {
    display: none;
  }

  .image-25.mobile {
    height: auto;
    max-width: 30%;
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .studio--left-content-footeris-copy {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }

  .studio--left {
    align-items: center;
  }

  .studio--logo-footer, .studio--logo-footer-corebook {
    display: block;
  }

  .meta-container-copy {
    width: 70%;
  }

  .meta-container-copy.mobile-signup.mobile-show {
    width: 80%;
  }

  .left-content-copy {
    width: 100%;
    max-width: none;
    margin-left: 0%;
  }

  .left-copy {
    align-items: center;
  }

  .meta-container-copy, .studio--meta-container-desk {
    width: 70%;
  }

  .studio-try-price {
    display: none;
  }

  .nav-footer-col-item-studio {
    display: block;
  }

  .list__group {
    margin-bottom: 11px;
  }

  .section__hero {
    flex-direction: column;
    margin-top: -132px;
  }

  .hero__container {
    padding-left: 15%;
    padding-right: 10%;
    display: block;
  }

  .right__container {
    width: 100%;
    max-width: none;
    margin-left: 0%;
  }

  .hero__calendly {
    width: 100%;
    flex: 0 auto;
    order: -1;
    padding-left: 0;
  }

  .h2 {
    font-size: 36px;
  }

  .hero__background-image {
    width: 100%;
    margin-top: 60px;
  }

  .paragraph-9 {
    align-self: center;
    font-size: 21px;
    line-height: 1.4;
  }

  .hero__content-right {
    width: 100%;
    margin-left: 0;
  }

  .heading-4 {
    font-size: 28px;
  }

  .explainer__left {
    width: 80%;
    max-width: none;
    margin-left: 0%;
  }

  .explainer__image2 {
    width: 80%;
    margin-top: -23px;
  }

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

  .section__explainer {
    margin-top: 76px;
  }

  .explainer__image1, .explainer__image3 {
    width: 80%;
  }

  .paragraph-10 {
    font-size: 21px;
  }

  .explainer__right {
    width: 100%;
    margin-top: 68px;
    padding-left: 0;
  }

  .heading-menu {
    margin-bottom: 0;
  }

  .footer__left {
    width: 90%;
    text-align: left;
    align-items: center;
  }

  .footer__link {
    justify-content: flex-start;
    margin-bottom: 46px;
    font-size: 30px;
  }

  .grid {
    text-align: center;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .footer--list {
    width: 60%;
    text-align: left;
    margin-left: 60px;
    font-size: 21px;
    line-height: 1.4;
  }

  .footer--list.hid-mob {
    display: none;
  }

  .link-14 {
    color: #c8c8c8;
  }

  .div-block-16 {
    margin-left: 15px;
  }

  .demobtn-mobile {
    display: none;
  }

  .demobtn-mobile.w--current {
    display: inline-block;
  }

  .h2-booking {
    font-size: 40px;
  }

  .hero--h4-booking {
    font-size: 28px;
  }

  .h2-booking-mobile {
    margin-bottom: 50px;
    font-size: 36px;
    display: block;
  }

  .h1-container-2-nomobile {
    display: none;
  }

  .footer-small-headings {
    font-weight: 400;
  }

  .footer__right {
    text-align: center;
    align-self: center;
    align-items: center;
    padding-bottom: 65px;
  }

  .left-footer {
    width: 100%;
    justify-content: flex-start;
  }

  .content-footer {
    width: 88%;
    justify-content: center;
    align-items: flex-start;
    margin-top: -26px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .right-footer {
    width: 100%;
  }

  .footer-right-content {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: 0;
  }

  .content-menu {
    width: 80%;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .left-menu-logo {
    width: 80%;
  }

  .right-menu, .right-menu-empty {
    width: 100%;
  }

  .left-main-menu, .left-menu-footer {
    width: 100%;
    justify-content: center;
  }

  .right-menu-footer {
    width: 100%;
  }

  .left-demo-studio {
    align-items: center;
  }

  .content-menu-footer, .content-menu-footer-studio {
    width: 80%;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    position: static;
  }

  .footer__left_end {
    text-align: left;
    align-items: center;
  }

  .right-content-footer_end {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: 0;
  }

  .content-footer_end {
    width: 80%;
    justify-content: center;
    align-items: flex-start;
    margin-top: -26px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .content-menu-middle {
    width: 80%;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .explainer-aligner {
    margin-left: 5%;
  }

  .whatsnew-h1 {
    width: 400px;
  }

  .whatsnew-news {
    width: 275%;
  }

  .lottie-animation-2-1, .lottie-animation-3, .lottie-animation-4-1, .lottie-animation-5 {
    width: 100%;
  }

  .logo-whatsnew {
    width: 80%;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .left-menu-logo-whatsnew {
    width: 80%;
  }

  .content-whatsnew {
    width: 80%;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .right-content-empty-whatsnew {
    width: 100%;
  }

  .whatsnew-logo {
    margin-top: -171px;
  }

  .high-number {
    font-size: 22px;
    top: -4px;
    left: 9px;
  }

  .spacer {
    margin-top: 73px;
  }

  .menu-overlay-studio.studiouir.studionav {
    margin-top: 79px;
    display: none;
  }

  .columns-studio {
    padding-bottom: 61px;
  }

  .studio-dash1 {
    left: 5%;
  }

  .studio-dash2 {
    top: 30%;
    left: 12%;
  }

  .studio-price-col2 {
    padding-left: 0;
  }

  .studio--logo-line-price, .studio--text-container-white-price {
    display: none;
  }

  .studio--logo-slider-price-mob {
    width: 80%;
    height: auto;
    margin-top: 211px;
    margin-left: 64px;
    display: block;
  }

  .text-block-mobile {
    margin-bottom: 36px;
    margin-left: 20px;
    font-size: 22px;
    line-height: 26px;
  }

  .content-about {
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    margin-top: -26px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .blue-bck-about {
    width: 84%;
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .white-bck-about {
    margin-left: 30px;
    margin-right: 30px;
  }

  .left-head-sim {
    min-width: 180px;
  }

  .sim-heading {
    font-size: 69px;
    line-height: 73px;
  }

  .right-mid-sim {
    display: none;
  }

  .adv-col1, .adv-col2, .adv-col3 {
    margin-bottom: 60px;
  }

  .founders-about-new {
    width: 100%;
  }

  .founders-img {
    border-radius: 0;
  }

  .studio--meta-container-mobile {
    width: 70%;
    margin-left: 5%;
  }

  .loader-2 {
    display: none;
  }

  .portfolio-grid {
    grid-template-columns: 1fr 1fr;
  }

  .h1-portfolio {
    font-size: 44px;
  }

  .hover-img {
    max-width: 100%;
    margin-top: -40%;
    margin-left: 5%;
    display: none;
  }

  .hover-img.first-row {
    display: none;
    top: auto;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .hover-img.first-row.last-col {
    right: auto;
  }

  .hover-img.second-row {
    top: auto;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .hover-img.second-row.last-col {
    right: auto;
  }

  .hover-img.third-row {
    bottom: auto;
    left: 0%;
  }

  .hover-img.third-row.last-col {
    right: auto;
  }

  .hover-img.fourth-row {
    bottom: auto;
    left: 0%;
  }

  .hover-img.fourth-row.last-col {
    right: auto;
  }

  .hover-img.fifth-row {
    bottom: auto;
    left: 0%;
  }

  .hover-img.fifth-row.last-col {
    right: auto;
  }

  .portfolio-grid-studio {
    grid-template-columns: 1fr 1fr;
  }

  .right-clienteles-start {
    width: 100%;
    margin-left: 0%;
  }

  .left-e-book {
    align-items: center;
    margin-top: -170px;
    margin-left: 13%;
  }

  .left-content-ebook {
    width: 100%;
    max-width: none;
    margin-top: 0;
    margin-left: 0%;
  }

  .right-ebook {
    height: auto;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-top: auto;
    top: -200px;
  }

  .ebook-img-container {
    max-width: 80%;
    margin-top: 115px;
    margin-left: 13%;
  }

  .content-ebook {
    width: 80%;
    height: auto;
    justify-content: center;
    align-items: flex-start;
    margin-top: -26px;
    padding-bottom: 0;
  }

  .free-try-ebook {
    display: inline-block;
  }

  .footer-right-content-down {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: 0;
  }

  .footer__left-menu-mob {
    width: 90%;
    text-align: left;
    align-items: center;
  }

  .footer-right-content-menu-mob {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: 0;
  }

  .footer__left-menu-copy {
    text-align: left;
    align-items: center;
  }

  .right-content-menu-mob {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: 0;
  }

  .price-intro, .choice-cols {
    padding-left: 0;
  }

  .choice-col1, .choice-col2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .more-questions {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(0, 0, 0, .5);
    border: 1px solid #3f3f3f;
    border-radius: 5px;
    margin-left: 60px;
    margin-right: 60px;
    padding-left: 0;
  }

  .question-div {
    width: 80%;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
    justify-content: space-between;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

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

  .examples-section.index-examples-sectionnn.on-desktop-examples-ection {
    width: 90%;
  }

  .example-columns.negative-example-columns {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .examples-column {
    padding-left: 0;
  }

  .examples-link {
    display: block;
  }

  .example-columns-studio {
    width: 70%;
  }

  .examples-column-studio {
    padding-right: 0;
  }

  .examples-column-studio-middle {
    padding: 40px 0;
  }

  .examples-column-studio-right {
    padding-left: 0;
    padding-right: 0;
  }

  .examples-link-start {
    display: block;
  }

  .heading-1-custom-examples-section {
    margin-bottom: 59px;
  }

  .div-block-28.hide-in-mobile-examples-animations, .div-block-29.hide-in-mobile-examples-animations, .div-block-30.doghnut-rain-animation.hide-in-mobile-examples-rain, .text-block-11.showroom-hider {
    display: none;
  }

  .div-block-32 {
    width: 70%;
  }

  .big-gem {
    height: 100vh;
    background-position: 50% 100%;
    background-size: contain;
    background-attachment: fixed;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .price-cont-main {
    background-position: 50% 100%;
    background-size: cover;
    background-attachment: fixed;
    margin-bottom: 220px;
  }

  .brand-price-cards {
    padding-left: 20px;
  }

  .brand-cols {
    background-image: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .brand-col1 {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-col2 {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-col3 {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-cont {
    min-height: auto;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(33, 33, 33, .5);
    margin-left: 0;
    margin-right: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .new-switcher {
    display: none;
  }

  .brand-choice-topper {
    height: 100px;
    margin-bottom: 0;
  }

  .brand-choice-bottomer {
    margin-top: 100px;
  }

  .usd-month-month {
    display: inline-block;
  }

  .brand-cont1 {
    min-height: auto;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(33, 33, 33, .5);
    margin-left: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .brand-cont3 {
    min-height: auto;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(33, 33, 33, .5);
    margin-right: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .big-blob-bck {
    width: 100%;
    height: 600px;
    opacity: .75;
    background-size: 550px;
    background-attachment: fixed;
    margin: 30% auto 0;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .brand-compare-list {
    display: none;
  }

  .brand-compare-col1, .brand-compare-col2, .brand-compare-col3, .brand-compare-col4 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .compare-feature.info-popup-txt, .compare-feature.info-popup-txt-copy {
    display: block;
  }

  .compare-sticky {
    padding-left: 54px;
    display: none;
  }

  .compare-sticy-div, .compare-sticy-div-blacker {
    width: 80%;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
  }

  .brand-compare-sticker-col1, .brand-compare-sticker-col2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .compared-heading {
    padding-left: 20px;
  }

  .compared-heading-div {
    width: 80%;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
  }

  .new--logo-line-price {
    display: none;
  }

  .brand-compare-list-mobile {
    margin-top: -35px;
    margin-bottom: 0;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .mobile-buttons {
    width: auto;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
    justify-content: center;
    margin-left: 12%;
    margin-right: 10%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .mobile-buttons.sticker {
    padding-bottom: 0;
  }

  .compare-button-gem {
    width: 120px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: .9em;
    line-height: 1em;
  }

  .compare-button-gem.active {
    color: #000;
    background-color: #fff;
  }

  .compare-features-mobile {
    width: 40%;
    margin-left: 12%;
    display: inline-block;
  }

  .brand-compare-cols-mobile {
    width: 500px;
    max-width: none;
    float: none;
    position: absolute;
    top: 114px;
    bottom: auto;
    left: 55%;
    right: auto;
  }

  .compare-mobile-col-1 {
    text-align: center;
  }

  .compare-core-mobile {
    width: 150px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 0;
    left: 20px;
  }

  .compare-mobile-col-2 {
    opacity: 0;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .compare-premium-mobile {
    width: 150px;
    text-align: center;
    margin-left: 25px;
    display: none;
    position: relative;
    top: -8px;
  }

  .compare-mobile-col-3 {
    opacity: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .compare-gem-mobile {
    width: 150px;
    text-align: center;
    margin-left: 25px;
    display: none;
    position: relative;
    top: -8px;
  }

  .mob-sticky-div {
    z-index: 6;
    background-color: #000;
    padding-top: 55px;
    display: block;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .compare-button-core {
    width: 120px;
    color: #000;
    background-color: #fff;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: .9em;
    line-height: 1em;
  }

  .compare-button-core.active {
    color: #000;
    background-color: #fff;
  }

  .compare-button-premium {
    width: 120px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: .9em;
    line-height: 1em;
  }

  .compare-button-premium.active {
    color: #000;
    background-color: #fff;
  }

  .mob-hamburg {
    margin-top: 5px;
    display: block;
  }

  .mob-hamburg.w--current {
    display: inline-block;
  }

  .dislcaimer {
    padding-left: 60px;
    padding-right: 60px;
  }

  .brand-choice-bottomer-studio {
    margin-top: 40px;
  }

  .cards-of-choice {
    margin-bottom: 220px;
  }

  .price-intro-money {
    padding-left: 0;
  }

  .more-questions-money {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(0, 0, 0, .5);
    border: 1px solid #3f3f3f;
    border-radius: 5px;
    margin-top: 100px;
    margin-left: 60px;
    margin-right: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .demo-left {
    width: 100%;
    text-align: center;
  }

  .demo-right {
    width: 80%;
    align-self: auto;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .lottie-div {
    margin-top: 30%;
  }

  .info-popup {
    display: none;
  }

  .info-popup-div {
    display: none;
    top: 35px;
    left: -107px;
  }

  .blob2 {
    display: none;
  }

  .big-blob-bck-studio {
    height: 100%;
    opacity: .5;
    background-size: 550px;
    background-attachment: fixed;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    top: 0;
  }

  .brand-cols-bottomer {
    padding-left: 40px;
    padding-right: 40px;
    display: none;
  }

  .brand-col1-bot {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-col2-bot {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-col3-bot {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-cols-brand {
    background-image: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .brand-col1-brand {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-cont1-brand {
    min-height: auto;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(33, 33, 33, .5);
    margin-left: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .brand-col2-brand {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-cont-brand {
    min-height: auto;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(33, 33, 33, .5);
    margin-left: 0;
    margin-right: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .brand-col3-brand {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-cont3-brand {
    min-height: auto;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(33, 33, 33, .5);
    margin-right: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .custom-ceckbox {
    display: flex;
  }

  .brand-price-effect {
    padding-left: 20px;
  }

  .brand-price-studio {
    width: auto;
    padding-left: 20px;
  }

  .brand-cols-studio {
    background-image: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .brand-col1-studio {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 40px;
  }

  .brand-col2-studio {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 40px;
  }

  .brand-col3-studio {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-cont1-studio {
    min-height: 300px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(33, 33, 33, .5);
    margin-left: 8%;
    padding: 20px 10% 60px 15%;
  }

  .brand-cont-studio, .brand-cont3-studio {
    min-height: auto;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(33, 33, 33, .5);
    margin-left: 8%;
    margin-right: 0;
    padding-left: 15%;
    padding-right: 10%;
  }

  .brand-cols-studio-back {
    background-image: none;
    padding-left: 8%;
    padding-right: 30%;
  }

  .brand-col1-studio-back {
    padding: 30px 20px 60px 40px;
  }

  .brand-cont1-studio-back {
    min-height: 430px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    margin-left: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .brand-choice-bottomer-studio-back {
    margin-top: 100px;
  }

  .brand-choice-topper-back {
    height: 100px;
    margin-bottom: 0;
  }

  .brand-cont2-studio-back {
    min-height: 440px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    margin-left: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .brand-cont3-studio-back {
    min-height: 430px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    margin-left: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .brand-choice-centerer-studio {
    margin-top: 40px;
  }

  .pricing-studio {
    margin-top: 40px;
    padding-bottom: 61px;
  }

  .studio-new-price-col2 {
    padding-left: 0;
  }

  .studio-new-price-col1 {
    padding-left: 10%;
    padding-right: 10%;
  }

  .info-popup-div-otp {
    display: none;
    top: 35px;
    left: -107px;
  }

  .pricer-month-mob {
    display: block;
  }

  .usd-month-studio-mob {
    font-size: 12px;
    position: relative;
    left: auto;
  }

  .brand-choice-bottomer-studio-monther {
    margin-top: 10px;
  }

  .logo_component-slider {
    grid-row-gap: 2rem;
    flex-direction: row;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .logo-slider-img {
    width: 125px;
  }

  .logo-slide_section {
    overflow: hidden;
  }

  .accordion-item {
    margin-top: 20px;
  }

  .brand-col2-studio-back {
    padding: 30px 20px 60px 40px;
  }

  .compare-solo-mobile {
    width: 150px;
    text-align: center;
    margin-left: 25px;
    display: inline-block;
    position: relative;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .compare-team-mobile {
    width: 150px;
    text-align: center;
    margin-left: 25px;
    display: none;
    position: relative;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .compare-studio-features-mobile {
    width: 40%;
    margin-left: 16%;
    display: inline-block;
    position: relative;
  }

  .compare-button-solo {
    width: 120px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: .9em;
    line-height: 1em;
  }

  .compare-button-solo.active {
    color: #000;
    background-color: #fff;
  }

  .compare-button-teams {
    width: 120px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: .9em;
    line-height: 1em;
  }

  .compare-button-teams.active {
    color: #000;
    background-color: #fff;
  }

  .info-popup-otp {
    display: none;
  }

  .brand-price-studio-lp {
    width: auto;
    padding-left: 20px;
  }

  .price-cont-studio-lp-heading {
    margin-bottom: 69px;
  }

  .studio-price-h2 {
    font-size: 40px;
  }

  .compate-lp {
    display: block;
  }

  .new-switcher-lp {
    display: none;
  }

  .new-in-core-lp {
    width: 70%;
    max-width: none;
    margin-left: auto;
  }

  .brand-cont3-studio-back-lp, .brand-cont2-studio-back-lp {
    min-height: 480px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    margin-left: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .brand-choice-p-studio-lp {
    font-size: 1.2em;
  }

  .brand-col1-studio-back-lp {
    padding: 30px 20px 60px;
  }

  .brand-cont1-studio-lp {
    min-height: 300px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(33, 33, 33, .5);
    margin-left: 8%;
    padding: 40px 10% 80px 15%;
  }

  .brand-col2-studio-back-lp {
    padding: 30px 20px 60px;
  }

  .brand-cont1-studio-copy {
    min-height: 300px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(33, 33, 33, .5);
    margin-left: 8%;
    padding: 40px 10% 80px 15%;
  }

  .brand-col1-studio-lp {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 40px;
  }

  .brand-col2-studio-lp {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 40px;
  }

  .background-video-3 {
    width: 300px;
    height: 158px;
  }

  .studio-price-h2-lp {
    font-size: 40px;
  }

  .h1-hid {
    font-size: 44px;
  }
}

@media screen and (max-width: 479px) {
  .panel {
    margin-top: 60px;
    padding-bottom: 30px;
  }

  .panel.affiliate, .panel.affiliate.first {
    height: auto;
  }

  .panel.affiliate.second, .panel.affiliate.second.mobile {
    width: 90%;
    margin-top: 0;
    padding-top: 150px;
  }

  .panel.affiliate.second.mobile.hujile {
    margin-top: 1px;
  }

  .panel.affiliate.second.juanlejs {
    margin-top: 0;
  }

  .panel.affiliate.qa {
    width: 90%;
    margin-top: 0;
  }

  .panel.first {
    height: auto;
    margin-top: -30px;
    padding-left: 0;
    padding-right: 10px;
  }

  .panel.first.logos {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .panel.first.mob-hujob {
    margin-top: 40px;
  }

  .panel.counter {
    padding-top: 0;
  }

  .panel.sign {
    justify-content: center;
    margin-top: 0;
    padding-bottom: 0;
  }

  .panel.sign.sdff {
    height: auto;
    margin-top: 160px;
    display: none;
  }

  .panel.pre-clientele {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .panel.about-new {
    margin-top: 0;
    display: block;
  }

  .panel.e-book {
    padding-bottom: 0;
  }

  .logo {
    width: auto;
  }

  .body.affiliate {
    overflow: visible;
  }

  .link {
    padding-left: 0;
    display: block;
  }

  .link.mobhide, .link.mobhide.firstsit {
    display: none;
  }

  .link.mobhide.firstsit.studio-linkii, .link.mobhide.firstsit.studio-linkii.stickll {
    display: inline;
  }

  .link.mobhide.firstsit.stickll, .link.mobhide.stickll {
    display: none;
  }

  .content {
    width: 90%;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 0;
    display: block;
  }

  .content.logos, .content.logos.hujogos {
    margin-top: 40px;
  }

  .content.about-founders {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .left {
    flex-direction: row;
    order: 0;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
  }

  .left.open-nav {
    padding-left: 28px;
  }

  .left.hujeft {
    padding-left: 0;
  }

  .right {
    width: 100%;
    flex-flow: column;
    order: 0;
    align-items: center;
    padding-left: 10px;
    display: none;
  }

  .right.first.buharet.spec-size-2 {
    margin-top: 0;
  }

  .right.first.buharet.spec-size-2.anime {
    margin-top: -62px;
    display: block;
  }

  .right.first.hide-mobile, .right.mobile-rock.first {
    display: none;
  }

  .right.second {
    width: 100%;
    border-top: 1px solid #2c365c;
    margin-top: -68px;
    padding-top: 69px;
  }

  .right.second.affiliate {
    width: 80%;
    margin-top: -170px;
  }

  .right.spec-size {
    margin-top: 0;
  }

  .right.spec-size.anime {
    display: block;
  }

  .right.spec-size.anime.anim3222 {
    margin-top: -54px;
  }

  .right.woop-hoop {
    margin-top: -34px;
  }

  .right.woop-hoop.anime {
    display: block;
  }

  .h1 {
    width: 100%;
    font-size: 40px;
  }

  .h1.fade-in-up {
    font-size: 40px;
  }

  .h1.number-sm-affil {
    margin-left: 0;
    font-size: 28px;
  }

  .p.light-gray, .p.bold {
    font-size: 1.2em;
  }

  .p.small {
    width: auto;
    margin-right: 0;
    display: none;
  }

  .p.small.mob-hide {
    width: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: block;
  }

  .p.small.mob {
    text-align: center;
    margin-bottom: 0;
  }

  .p.small.foot {
    text-align: center;
    margin-bottom: 0;
    padding-top: 50px;
    display: block;
  }

  .p.how-it-works {
    max-width: 100%;
    float: none;
    margin-left: 0;
  }

  .p.center-copy.no-margin {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .p.hujfgh {
    margin-bottom: -20px;
  }

  .p.ebook-bullet {
    width: 100%;
  }

  .p.ebook-numberlist {
    width: 40%;
  }

  .h1-container {
    width: 100%;
    padding-top: 0;
  }

  .p-container.mobile {
    margin-bottom: 60px;
  }

  .p-container.mobile.studio-feature, .p-container.mobile.studio-feature-pricing, .p-container.mobiled {
    margin-bottom: 20px;
  }

  .meta-container {
    width: 100%;
    max-width: 280px;
    display: block;
  }

  .meta-container.mobile-signup {
    margin-bottom: 89px;
  }

  .meta-container.mobile-signup.mobile-show {
    align-items: center;
    display: block;
  }

  .meta-container.first {
    display: none;
  }

  .meta-container.apply {
    margin-bottom: 90px;
  }

  .meta-container.hide-mobile {
    display: none;
  }

  .meta-container.hide-desktop {
    margin-left: 0;
  }

  .meta-container.right.hide-desktop._10px {
    margin-left: 10px;
  }

  .icon-container {
    justify-content: flex-start;
    position: relative;
  }

  .icon-container.first {
    left: 0;
  }

  .icon-container.first.w--current {
    left: auto;
  }

  .icon-container.aff {
    position: relative;
    left: 0;
  }

  .left-content {
    width: 100%;
    order: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 25px;
  }

  .left-content.nav-open {
    padding-left: 0;
  }

  .left-content.nav-open.studio3 {
    display: block;
  }

  .left-content.affiliate {
    margin-left: 32px;
    margin-right: auto;
    padding-bottom: 123px;
    padding-left: 0;
  }

  .left-content.about-founder {
    padding-left: 0;
  }

  .left-content.displflex {
    display: block;
  }

  .rock-rotate {
    width: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: flex;
    overflow: visible;
  }

  .section-2.hidden-msg {
    background-color: #1e2955;
    padding-top: 170px;
    padding-bottom: 170px;
  }

  .section-2.hidden-msg.ghdsfa {
    background-color: #362eff;
  }

  .p-short.light-gray {
    width: 100%;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2em;
  }

  .meta-data-horizontal.salary {
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 69px;
    display: flex;
  }

  .meta-container-def {
    width: 100%;
    max-width: 280px;
  }

  .meta-container-def.fade-in-up.drowgh {
    margin-top: -62px;
    display: block;
  }

  .down-btn.affiliss {
    left: -40px;
  }

  .gem-big {
    overflow: hidden;
  }

  .right-content {
    width: 100%;
    max-width: none;
    margin-left: 0%;
    margin-right: 0%;
    padding-bottom: 0;
    padding-left: 30px;
  }

  .right-content.affiliate {
    width: 100%;
  }

  .right-content.affiliate.hujytdc {
    margin-top: -120px;
  }

  .right-content.affiliate.dsfdsga {
    padding-bottom: 0;
    padding-left: 16px;
  }

  .right-content.hujex {
    width: 80%;
    margin-left: 10%;
    padding-left: 0;
  }

  .right-80vh {
    margin-top: -15px;
    position: static;
  }

  .right-80vh.affiliate {
    margin-top: -130px;
  }

  .right-80vh.affiliate.numbers {
    margin-top: -204px;
  }

  .right-80vh.affiliate.start.dsfdsga {
    height: auto;
    position: static;
  }

  .logo-footer {
    margin-top: -100px;
    margin-bottom: 60px;
    display: block;
  }

  .footer {
    border-top-style: none;
    align-items: center;
    margin-top: 121px;
    padding-left: 0%;
    padding-right: 0%;
    display: none;
  }

  .footer.startpage {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 158px;
    padding-right: 0;
    display: flex;
    top: 0;
  }

  .footer.brumbrumb {
    background-color: rgba(0, 0, 0, 0);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-top: -256px;
    margin-left: -30px;
    padding-bottom: 158px;
    padding-right: 0;
    display: none;
  }

  .accordeon-item {
    max-width: 100%;
  }

  .accordion-h {
    line-height: 30px;
  }

  .lottie-animation-1 {
    width: 100%;
    margin-top: auto;
  }

  .menu {
    z-index: 2147483647;
    justify-content: center;
    display: flex;
    left: 0%;
  }

  .menu-overlay {
    margin-top: -178px;
    display: none;
  }

  .menu-overlay.studiouir {
    margin-top: -72px;
    display: none;
  }

  .nav-footer {
    margin-top: 40px;
    display: block;
  }

  .nav-footer.studio-5 {
    flex-direction: column;
    align-self: auto;
    align-items: flex-start;
    margin-top: 40px;
    display: flex;
  }

  .main-nav-item {
    margin-bottom: 20px;
  }

  .nav-footer-col {
    width: 30%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: minmax(86px, 1fr) minmax(67px, .75fr) 1fr;
    grid-auto-columns: minmax(86px, .25fr);
    grid-auto-flow: column dense;
    align-content: stretch;
    align-items: stretch;
    margin-left: 0;
    padding-bottom: 21px;
    display: grid;
  }

  .nav-footer-col.signin {
    grid-template-rows: auto;
    grid-template-columns: minmax(86px, 1fr) minmax(67px, .75fr) 1fr;
    grid-auto-columns: minmax(86px, .25fr);
    grid-auto-flow: row dense;
    margin-top: 10px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 20px;
    display: flex;
  }

  .nav-footer-col.signin.studio7 {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
    display: block;
  }

  .nav-footer-col.sitemap {
    width: 80%;
    display: block;
  }

  .nav-footer-col.sitemap.studio6 {
    grid-template-rows: auto auto;
    grid-template-columns: minmax(86px, 1fr) minmax(67px, .75fr) 1fr;
    grid-auto-columns: minmax(86px, .25fr);
    padding-bottom: 20px;
    display: block;
  }

  .nav-footer-col-item {
    margin-bottom: 8px;
    display: flex;
  }

  .tabs {
    width: 80%;
    align-self: stretch;
    margin-top: 69px;
    margin-left: auto;
    margin-right: auto;
  }

  .tabs.mobile {
    width: 100%;
    display: block;
  }

  .tabs.desktop {
    display: none;
  }

  .tabs-content {
    padding-top: 22px;
  }

  .p-container-numbers.affiliate {
    position: static;
  }

  .center {
    justify-content: space-between;
    align-self: center;
    align-items: center;
  }

  .h3.align-center {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 36px;
  }

  .qoute-container {
    text-align: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .gem-hidden-msg-absolute {
    margin-top: 158px;
    overflow: visible;
  }

  .gem-hidden-msg-absolute.desktop {
    max-width: 80%;
    margin-top: 200px;
    position: fixed;
  }

  .loader {
    overflow: hidden;
  }

  .circle-loop.menu-ok {
    margin-bottom: 20px;
  }

  .circle-loop.affiliate {
    text-align: center;
  }

  .circle-loop.affiliate.mob {
    width: auto;
    max-width: 70%;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
    padding-left: 0;
    padding-right: 25px;
    display: block;
  }

  .sticky.mobhide {
    display: none;
  }

  .spotify-div.mobile {
    width: 80%;
    margin: 90px auto -90px;
    padding-bottom: 0;
    display: block;
    position: static;
    top: -54px;
  }

  .spotify-div.mobile.hujabile {
    margin-top: 60px;
    margin-bottom: 20px;
    display: none;
  }

  .logo-head {
    padding-top: 41px;
    padding-bottom: 57px;
  }

  .logo-head.about {
    padding-top: 80px;
    padding-bottom: 10px;
  }

  .logo-div {
    padding-left: 12%;
  }

  .logo-aligner {
    min-height: auto;
    margin-left: 0;
  }

  .text-span {
    color: #757575;
  }

  .blue {
    min-height: 200px;
    display: none;
  }

  .hide-desktop {
    margin-left: -8px;
    display: block;
  }

  .mobile-rock {
    text-align: left;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .link-block-2 {
    text-align: left;
    justify-content: center;
    align-self: auto;
    align-items: center;
  }

  .columns {
    margin-right: 20px;
    padding-left: 20px;
  }

  .column-2 {
    min-height: 740px;
    background-color: #2f2f2f;
    border-radius: 6px;
    padding-right: 8px;
  }

  .column-3 {
    margin-top: 100px;
  }

  .price-h2 {
    line-height: 58px;
  }

  .price-h2.mob {
    line-height: 56px;
  }

  .heading-div.button-div {
    padding-top: 0;
    padding-left: 0;
  }

  .heading-div.button-div.mob, .heading-div.button-div.priceer, .heading-div.price {
    padding-left: 0;
  }

  .free {
    margin-left: 0;
  }

  .feature-div {
    padding-top: 0;
    padding-left: 0;
  }

  .feature-div.mob {
    padding-left: 10px;
  }

  .paragraph-4 {
    padding-right: 0;
    line-height: 28px;
  }

  .addprice {
    text-align: left;
  }

  .addprice.freecreator {
    margin-bottom: 24px;
  }

  .addprice.premium {
    color: silver;
    margin-bottom: 24px;
  }

  .list-item.hujitem {
    margin-top: 120px;
  }

  .price-faq-column.wea.disableitonmobilepricefaqcolumn {
    margin-top: 0;
    padding-top: 0;
  }

  .price-faq-column-l.mob {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    overflow: visible;
  }

  .columns-2 {
    width: auto;
    padding-left: 45px;
    padding-right: 50px;
  }

  .light-greylink {
    line-height: 26px;
  }

  .features-list.featured {
    margin-top: 57px;
  }

  .features-list.featured.feieieie {
    margin-top: 134px;
  }

  .tooltip._16 {
    display: none;
    top: 358px;
  }

  .arrow._4 {
    left: 93px;
  }

  .columns-add {
    display: none;
  }

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

  .paragraph-4-copy {
    line-height: 28px;
  }

  .left-content-footeris {
    width: 100%;
    order: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 30px;
  }

  .demobtn {
    margin-top: -2px;
    display: none;
    position: relative;
    right: -36px;
  }

  .demobtn.w--current, .link-block-6, .link-block-6.mobhide {
    display: none;
  }

  .sign-link {
    padding-left: 0;
    display: none;
  }

  .vidwo-rers {
    width: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: flex;
    overflow: visible;
  }

  .vidwo-rers.preview-video {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    display: none;
  }

  .hider {
    z-index: 9999;
  }

  .footer-left {
    justify-content: space-between;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
  }

  .footer-right {
    width: 95%;
    float: none;
    margin-top: 29px;
    margin-left: auto;
    padding-right: 0%;
  }

  .soc-container.last {
    margin-right: 16px;
  }

  .footer-copy {
    border-top-style: none;
    align-items: center;
    margin-top: 121px;
    padding-left: 0%;
    padding-right: 0%;
    display: none;
  }

  .footer-copy.startpage {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 158px;
    padding-right: 0;
    display: flex;
    top: 0;
  }

  .footer-right__menu {
    margin-top: 40px;
  }

  .pricetag-small-trial {
    margin-top: -20px;
    line-height: 30px;
    position: relative;
  }

  .feature-div-online {
    padding-top: 0;
    padding-left: 0;
  }

  .left-content-copy {
    width: 100%;
    order: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 30px;
  }

  .h1-clientele-right {
    width: 100%;
    margin-top: 65px;
    font-size: 40px;
  }

  .client-list-agency {
    width: 100%;
    font-size: 28px;
    line-height: 1.7;
  }

  .clientele-2 {
    margin-top: 150px;
    padding-bottom: 30px;
  }

  .clientele-2.counter-clientele {
    margin-top: 60px;
    padding-top: 67px;
  }

  .right-clienteles {
    margin-top: -15px;
    position: static;
  }

  .meta-container-mob {
    width: 100%;
    max-width: 280px;
    margin-top: 20px;
    padding-left: 22px;
    display: none;
  }

  .stone-seq {
    width: 100%;
    height: auto;
  }

  .studio--stone-container {
    width: 230%;
    height: 80vh;
    align-items: center;
  }

  .studio--nav {
    width: 80%;
    justify-content: center;
  }

  .studio--logo {
    width: 50%;
    min-width: 206px;
  }

  .studio--nav-item-container {
    display: none;
  }

  .studio--back-to-corebook {
    width: 50%;
    display: none;
  }

  .studio--call-to-action {
    width: 76%;
    padding-left: 0%;
  }

  .studio--h1 {
    width: 100%;
    font-size: 32px;
  }

  .studio--h1.hide-desktop {
    display: block;
  }

  .studio--h1.hide-mobile {
    display: none;
  }

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

  .studio--button-primary {
    width: 50%;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 18px;
  }

  .studio--button-primary.fixed {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    top: auto;
    bottom: 3%;
    left: 0%;
    right: 0%;
  }

  .studio--button-secondary {
    width: 50%;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 18px;
  }

  .studio--screen-text {
    width: 81%;
  }

  .studio--h3 {
    font-size: 20px;
  }

  .studio--h3.no-margin {
    font-size: 24px;
  }

  .studio--h2 {
    font-size: 40px;
  }

  .studio--screen-demo {
    margin-bottom: 100px;
  }

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

  .studio--panel {
    margin-top: 0;
    padding-bottom: 30px;
  }

  .studio--panel-content {
    width: 100%;
    flex-flow: column;
    flex: 0 auto;
    order: -1;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-end;
    margin-top: 0;
    display: flex;
  }

  .studio--panel-content-left {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
  }

  .studio--panel-content-right {
    width: 100%;
    height: 55vh;
    flex-flow: column;
    order: -1;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 0;
    display: flex;
  }

  .studio--panel-content-right.smaller {
    height: 45vh;
    min-height: 500px;
    justify-content: center;
    margin-bottom: 20px;
  }

  .studio--stories-section {
    margin-top: 40px;
  }

  .studio--video-collection {
    width: 78%;
  }

  .studio--stories-lead-text-indexp {
    width: 79%;
  }

  .studio--h4-indexp {
    font-size: 28px;
  }

  .meta-container-copy {
    width: 100%;
    max-width: 280px;
    display: none;
  }

  .meta-container-copy.mobile-signup {
    margin-bottom: 89px;
  }

  .meta-container-copy.mobile-signup.mobile-show {
    display: block;
  }

  .studio--clientele-2 {
    margin-top: 150px;
    padding-bottom: 30px;
  }

  .studio--clientele-2.counter-clientele {
    margin-top: 0;
    padding-top: 67px;
  }

  .text-span-2-copy {
    font-size: 32px;
  }

  .center-copy {
    justify-content: space-between;
    align-self: center;
    align-items: center;
  }

  .studio--left-content {
    width: 100%;
    flex-direction: column;
    order: 0;
    margin-bottom: -12px;
    margin-left: 0;
    padding-top: 0;
    padding-left: 12%;
    padding-right: 12%;
    display: flex;
  }

  .studio-link {
    display: none;
  }

  .non-stick {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 5px;
    display: block;
  }

  .stick, .free-try {
    display: none;
  }

  .studio--logo-container-text-logo {
    width: 100%;
    flex-direction: column;
  }

  .studio--text-container-white {
    width: 100%;
    font-size: 15px;
  }

  .studio--logo-line-slider {
    width: 100%;
  }

  .text-block-4 {
    display: none;
  }

  .image-25.mobile {
    height: auto;
    max-width: 45%;
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .div-block-11 {
    width: 100%;
  }

  .image-26 {
    width: 41%;
  }

  .text-block-5 {
    font-size: 12px;
    line-height: 16px;
  }

  .image-30 {
    width: 80%;
  }

  .studio--left-content-footeris-copy {
    width: 100%;
    order: 0;
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 30px;
  }

  .studio--left {
    height: auto;
    flex-direction: row;
    order: 0;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
  }

  .studio--logo-footer {
    margin-top: -100px;
    margin-bottom: 10px;
    display: block;
  }

  .studio--logo-footer-corebook {
    margin-top: 0;
    margin-bottom: 20px;
    display: block;
  }

  .meta-container-copy {
    width: 100%;
    max-width: 280px;
    display: block;
  }

  .meta-container-copy.mobile-signup {
    margin-bottom: 89px;
  }

  .meta-container-copy.mobile-signup.mobile-show {
    width: 100%;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .left-content-copy {
    width: 100%;
    order: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 30px;
  }

  .left-copy {
    flex-direction: row;
    order: 0;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
  }

  .div-block-13 {
    background-color: #000;
    padding-top: 60px;
  }

  .panel-copy {
    margin-top: 150px;
    padding-bottom: 30px;
  }

  .panel-copy.sign {
    justify-content: center;
    margin-top: 0;
    padding-bottom: 0;
  }

  .panel-copy.sign.sdff {
    height: 120vh;
    display: block;
  }

  .meta-container-copy {
    width: 100%;
    max-width: 280px;
    display: block;
  }

  .meta-container-copy.mobile-signup {
    margin-bottom: 89px;
  }

  .meta-container-copy.mobile-signup.mobile-show {
    align-items: center;
    margin-bottom: 40px;
    display: block;
  }

  .studio--meta-container-desk {
    width: 100%;
    max-width: 280px;
    display: none;
  }

  .studio-try-price {
    display: block;
  }

  .main-nav-item-studio-hide {
    margin-bottom: 20px;
  }

  .main-nav-item-studio {
    margin-bottom: 20px;
    font-size: 30px;
  }

  .nav-footer-col-item-studio {
    margin-bottom: 10px;
    display: block;
  }

  .list__group {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 5px;
    flex-wrap: nowrap;
    grid-template-rows: auto auto;
    grid-template-columns: 38px 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
    font-size: 16px;
    display: grid;
  }

  .list__icon {
    width: 100%;
    height: auto;
  }

  .section__hero {
    margin-top: 2px;
    overflow: hidden;
  }

  .hero__container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 15%;
    padding-right: 10%;
    display: grid;
  }

  .right__container {
    flex-direction: column;
    order: 0;
    align-self: auto;
    align-items: flex-start;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .hero__calendly {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .h2 {
    margin-top: 1px;
    margin-bottom: 42px;
    padding-right: 0%;
    font-size: 36px;
  }

  .hero__background-image {
    width: 600px;
    margin-top: 100px;
    top: 0%;
    bottom: auto;
    left: -50%;
    right: 0%;
    overflow: hidden;
  }

  .tick__icon {
    width: auto;
    height: auto;
    max-width: none;
  }

  .paragraph-9 {
    padding-top: 0;
    font-size: 21px;
    line-height: 1.4;
  }

  .hero__content-right {
    flex-direction: column;
    order: 1;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    display: none;
  }

  .explainer__left {
    width: 100%;
    margin-left: 0%;
    margin-right: 10%;
    padding-right: 0;
  }

  .explainer__image2 {
    width: 100%;
    padding-left: 89px;
  }

  .explainer__grid {
    margin-left: 15%;
    overflow: visible;
  }

  .section__explainer {
    overflow: visible;
  }

  .explainer__image1 {
    width: 100%;
    padding-left: 51px;
  }

  .explainer__image3 {
    width: 100%;
    margin-left: 0;
  }

  .paragraph-10 {
    margin-top: -3px;
    padding-right: 0;
  }

  .explainer__right {
    width: 100%;
    height: auto;
    padding-left: 0;
    overflow: hidden;
  }

  .heading-menu {
    text-align: left;
    margin-bottom: 0;
    font-size: 36px;
    line-height: 1.1;
    display: inline-block;
  }

  .footer__left {
    align-self: center;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 9%;
    padding-bottom: 38px;
  }

  .footer__link {
    margin-bottom: 15px;
  }

  .footer__link.whatsnew {
    display: none;
  }

  .footer__link.examples.mobile-hide {
    display: block;
  }

  .grid {
    text-align: center;
    align-items: flex-start;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .footer--list {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
    font-size: 21px;
    line-height: 1.4;
  }

  .footer--list.hid-mob {
    margin-left: 0;
  }

  .link-14 {
    color: #c8c8c8;
    margin-bottom: 5px;
  }

  .link-14.enterprises.mobile-hide {
    display: none;
  }

  .div-block-16 {
    margin-left: 12px;
  }

  .demobtn-mobile.w--current {
    display: inline-block;
  }

  .demobtn-mobile.mobile {
    max-width: 200px;
    margin-left: 0;
    display: inline-block;
  }

  .h2-booking {
    margin-top: 1px;
    margin-bottom: 42px;
    padding-right: 0%;
    font-size: 40px;
  }

  .hero--h4-booking {
    margin-top: -2px;
    margin-bottom: 40px;
  }

  .h2-booking-mobile {
    margin-top: 1px;
    margin-bottom: 42px;
    padding-right: 0%;
    font-size: 36px;
  }

  .h1-container-2-nomobile {
    width: 100%;
    padding-top: 0;
  }

  .footer-small-headings {
    margin-bottom: 16px;
    font-weight: 400;
  }

  .logoblock {
    margin-left: 14%;
  }

  .footer__right {
    text-align: left;
    align-self: center;
    align-items: center;
    padding-bottom: 38px;
  }

  .left-footer {
    order: 0;
  }

  .content-footer {
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 0;
    display: block;
  }

  .right-footer {
    justify-content: flex-start;
    margin-top: -15px;
  }

  .footer-panel {
    margin-top: 150px;
    padding-bottom: 30px;
  }

  .footer-right-content {
    width: 80%;
    max-width: none;
    margin-left: 0;
    margin-right: 0%;
    padding-bottom: 0;
    padding-left: 0;
  }

  .content-menu {
    width: 90%;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 0;
    padding-top: 45px;
    display: block;
  }

  .left-menu-logo {
    flex-direction: row;
    order: 0;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
  }

  .right-menu, .right-menu-empty {
    margin-top: -15px;
    position: static;
  }

  .left-main-menu, .left-menu-footer {
    flex-direction: row;
    order: 0;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
  }

  .right-menu-footer {
    align-items: flex-start;
    margin-top: -15px;
  }

  .menu-overlay-affiliate {
    padding-top: 80px;
  }

  .left-demo-studio {
    flex-direction: row;
    order: 0;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
  }

  .content-menu-footer {
    width: 90%;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 25px;
    margin-left: 0;
    display: block;
  }

  .content-menu-footer-studio {
    width: 90%;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 25px;
    display: block;
  }

  .footer__left_end {
    align-self: center;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 9%;
    padding-bottom: 38px;
  }

  .right-content-footer_end {
    width: 80%;
    max-width: 430px;
    margin-left: 9%;
    margin-right: 0%;
    padding-bottom: 0;
    padding-left: 0;
  }

  .content-footer_end {
    width: 88%;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 25px;
    margin-bottom: 0;
    display: block;
  }

  .content-menu-middle {
    width: 90%;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 50px;
    display: block;
  }

  .explainer-aligner {
    justify-content: flex-start;
    margin-left: 0%;
    margin-right: 0%;
  }

  .whatsnew-h1 {
    width: 300px;
    margin-bottom: 100px;
  }

  .full-screen-start {
    background-image: none;
    margin-top: 96px;
  }

  .mobile-prev-example.hide-desktop {
    margin-left: 0;
    display: block;
  }

  .mobile-prev-example.hide-desktop.hidetotally {
    display: none;
  }

  .lottie-animation-2-1 {
    width: 100%;
    overflow: hidden;
  }

  .link-block-9.mobile-hide {
    display: none;
  }

  .small-panel {
    margin-top: 150px;
    padding-bottom: 30px;
    display: none;
  }

  .lottie-animation-3, .lottie-animation-4-1, .lottie-animation-5 {
    width: 100%;
    overflow: hidden;
  }

  .logo-whatsnew {
    width: 90%;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .left-menu-logo-whatsnew {
    order: 0;
  }

  .logoblock-whatsnew {
    margin-left: 18%;
  }

  .content-whatsnew {
    width: 90%;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 25px;
    display: block;
  }

  .left-menu-content-whatsnew {
    flex-direction: row;
    order: 0;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
  }

  .right-content-empty-whatsnew {
    margin-top: -15px;
    position: static;
  }

  .content-whatsnew-container {
    margin-left: 30%;
  }

  .panel-whatsnew {
    margin-top: 20px;
    padding-bottom: 30px;
  }

  .whatsnew-logo {
    margin-top: -77px;
    padding-bottom: 45px;
  }

  .high-number {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    font-size: 18px;
    display: inline-block;
    top: -4px;
    left: 10px;
  }

  .spacer {
    padding-bottom: 45px;
  }

  .menu-overlay-studio.studiouir.studionav {
    margin-top: -77px;
    display: none;
  }

  .high-number-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    font-size: 18px;
    display: inline-block;
    top: -4px;
    left: 10px;
  }

  .switcher-section {
    margin-bottom: -56px;
    padding-top: 69px;
    display: none;
  }

  .empty-cols {
    padding-left: 17px;
  }

  .empty-col3 {
    padding-right: 56px;
  }

  .pricepanel-new {
    margin-top: 66px;
  }

  .feature-div-price-new {
    margin-top: 80px;
    padding-top: 0;
    padding-left: 0;
  }

  .pricetag-mobile-m {
    margin-top: 77px;
    font-size: 28px;
    line-height: 24px;
  }

  .columns-studio {
    padding-left: 20px;
  }

  .studio-banner {
    margin-top: 0;
  }

  .studio-banner.studio-banner-custom.studio-banner-cussstttom {
    margin-top: 240px;
  }

  .studio-price-animation {
    height: 160px;
  }

  .studio-dash2 {
    max-width: 30%;
  }

  .plan-add-price-blue {
    margin-left: -22px;
  }

  .studio--logo-line-price {
    display: none;
  }

  .studio--logo-container-text-logo-price {
    width: 100%;
    flex-direction: column;
  }

  .studio--logo-slider-price {
    height: auto;
  }

  .studio--text-container-white-price {
    width: 100%;
    font-size: 15px;
    display: none;
  }

  .studio--logo-line-slider-price {
    height: auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .add-price-mob {
    line-height: 25px;
  }

  .studio--logo-slider-price-mob {
    width: 80%;
    height: auto;
    margin-top: 211px;
    margin-left: 36px;
    display: block;
  }

  .text-block-mobile {
    margin-bottom: 36px;
    margin-left: 20px;
    font-size: 22px;
    line-height: 26px;
    display: block;
  }

  .mobile-expand {
    display: none;
  }

  .div-down-puls-price {
    width: 32px;
    height: 32px;
    margin-left: 20px;
    padding-top: 6px;
  }

  .down-btn-price {
    width: 20px;
    height: 20px;
  }

  .chevron-down-preice {
    width: 12px;
    height: 12px;
  }

  .mobile-expand-free {
    margin-bottom: 96px;
    display: none;
  }

  .chevron-down-preice-free {
    width: 12px;
    height: 12px;
  }

  .about-container {
    margin-top: 96px;
  }

  .content-about {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-end;
    display: block;
  }

  .blue-bck-about {
    width: 83%;
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .white-bck-about {
    margin-left: 22px;
    margin-right: 22px;
  }

  .sim-heading {
    font-size: 34px;
    line-height: 36px;
  }

  .as-seen-about {
    margin-top: 80px;
  }

  .as-seen-heading {
    font-size: 32px;
  }

  .logo-columns-about {
    margin-left: 10px;
    margin-right: 10px;
  }

  .community-about {
    width: 86%;
  }

  .rotating-ring {
    max-width: 60%;
  }

  .about-comunity-heading {
    font-size: 38px;
    line-height: 46px;
  }

  .advisors-descr {
    margin-top: 10px;
  }

  .light-greylink-text {
    line-height: 24px;
  }

  .founders-img {
    border-radius: 0;
  }

  .founders-about-text {
    width: 100%;
    text-align: center;
    line-height: 24px;
  }

  .hider-pricing {
    z-index: 9999;
  }

  .free-mobile-btn {
    margin-left: 0;
  }

  .div-block-19 {
    width: 100%;
  }

  .studio--meta-container-mobile {
    width: 100%;
    max-width: 280px;
    margin-left: 3%;
  }

  .free-try-book {
    margin-top: 27%;
  }

  .loader-2 {
    overflow: hidden;
  }

  .hider-start-2 {
    z-index: 9999;
    display: none;
  }

  .hider-2 {
    z-index: 9999;
  }

  .panel-confimr {
    margin-top: 150px;
    padding-bottom: 30px;
  }

  .portfolio-logo-container {
    width: 100%;
    text-align: center;
    margin-bottom: 9px;
  }

  .portfolio-grid {
    text-align: center;
    flex-flow: column-reverse wrap;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-items: stretch;
    left: -30px;
  }

  .h1-portfolio {
    width: 100%;
    font-size: 40px;
  }

  .hover-img {
    width: 95%;
  }

  .hover-img.first-row {
    display: none;
  }

  .portfolio-grid-studio {
    text-align: center;
    flex-flow: row-reverse;
    grid-auto-columns: 1fr;
    align-content: space-around;
    justify-content: flex-end;
    align-items: stretch;
  }

  .right-clienteles-start {
    margin-top: -15px;
    position: static;
  }

  .trusted-mobile-h4 {
    text-align: center;
    display: block;
  }

  .text-span-2 {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
  }

  .left-e-book {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: -150px;
    margin-left: 11%;
  }

  .left-content-ebook {
    width: 85%;
    order: 0;
    margin-top: 0;
    margin-left: 10px;
  }

  .right-ebook {
    height: auto;
    margin-left: 0;
    padding-left: 10px;
    top: -180px;
  }

  .ebook-img-container {
    max-width: 100%;
    margin-left: 11%;
  }

  .content-ebook {
    width: 90%;
    height: auto;
    flex-direction: column;
  }

  .cleared-mobile {
    height: 80px;
  }

  .footer-right-content-down {
    width: 80%;
    max-width: none;
    margin-left: 9%;
    margin-right: 0%;
    padding-bottom: 0;
    padding-left: 0;
  }

  .footer__left-menu-mob {
    align-self: center;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 12%;
    padding-bottom: 38px;
  }

  .footer-right-content-menu-mob {
    width: 80%;
    max-width: none;
    margin-left: 5%;
    margin-right: 0%;
    padding-bottom: 0;
    padding-left: 0;
  }

  .footer__left-menu-copy {
    align-self: center;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 16%;
    padding-bottom: 38px;
  }

  .right-content-menu-mob {
    width: 80%;
    max-width: none;
    margin-left: 16%;
    margin-right: 0%;
    padding-bottom: 0;
    padding-left: 0;
  }

  .price-intro {
    margin-bottom: -56px;
    padding-left: 0;
    padding-right: 0;
  }

  .table-price-header {
    padding-left: 17px;
  }

  .price-col3 {
    padding-right: 56px;
  }

  .way-choice {
    margin-top: 66px;
  }

  .choice-cols {
    padding-left: 40px;
    padding-right: 40px;
  }

  .choice-col1, .choice-col2 {
    padding-left: 0;
    padding-right: 0;
  }

  .choice-cont1 {
    min-height: 320px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .choice-cont2 {
    min-height: auto;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .choice-line {
    margin-top: 40px;
  }

  .choice-bottomer {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
    position: static;
    bottom: 20px;
  }

  .more-questions {
    clear: both;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 0;
    padding-left: 0;
  }

  .question-div {
    width: 100%;
    max-width: none;
    text-align: center;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .question-heading {
    text-align: center;
    line-height: 1.1em;
  }

  .image-40 {
    float: none;
  }

  .owner-choice-cols {
    margin-right: 20px;
    padding-left: 20px;
  }

  .price-switcher {
    margin-bottom: -56px;
    padding-top: 69px;
    display: none;
  }

  .question-block {
    width: 100%;
    padding-top: 0;
  }

  .examples-column {
    padding-left: 20px;
    padding-right: 20px;
  }

  .examples-link {
    display: block;
  }

  .example-columns-studio {
    width: 78%;
  }

  .examples-column-studio {
    padding-right: 0;
  }

  .examples-column-studio-middle {
    padding: 40px 0;
  }

  .examples-column-studio-right {
    padding-left: 0;
  }

  .examples-column-ex {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .full-screen-ex {
    background-image: none;
    margin-bottom: 33px;
  }

  .full-screen-ex.first {
    margin-top: 69px;
    margin-bottom: 0;
  }

  .full-screen-ex.first.full-screeen-ex-common-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .full-screen-ex.last {
    width: 75%;
    margin-left: 15%;
  }

  .full-screen-ex.full-screeen-ex-common-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .text-block-11.showroom-hider {
    display: none;
  }

  .div-block-32 {
    width: 78%;
  }

  .price-heading-2023 {
    text-align: left;
    margin-bottom: 40px;
    font-size: 2em;
  }

  .header-price-2023 {
    text-align: left;
    margin-left: 40px;
  }

  .big-gem {
    background-position: 50%;
  }

  .image-42, .image-43 {
    max-width: 70%;
  }

  .price-cont-main {
    background-position: 50%;
  }

  .brand-price-cards {
    width: 100%;
    margin-top: 50px;
    padding-left: 0;
  }

  .brand-col1, .brand-col2, .brand-col3 {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-cont {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .new-switcher {
    padding-left: 5px;
  }

  .new-annualy-fee, .new-monthly-fee {
    font-size: .8em;
  }

  .big-price {
    margin-right: 0;
  }

  .usd-month {
    display: block;
  }

  .brand-choice-bottomer {
    height: 20px;
    margin-top: 20px;
  }

  .brand-cont1 {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .brand-cont3 {
    min-height: auto;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .big-blob-bck {
    background-position: 50%;
    background-size: contain;
  }

  .brand-compare-list {
    margin-top: 66px;
  }

  .brand-compare-cols {
    padding-left: 40px;
    padding-right: 20px;
  }

  .brand-compare-col1, .brand-compare-col2, .brand-compare-col3, .brand-compare-col4 {
    padding-left: 0;
    padding-right: 0;
  }

  .compare-sec-name {
    margin-bottom: 12px;
  }

  .compare-feature {
    margin-bottom: 50px;
  }

  .compare-feature.small-txt {
    margin-bottom: 25px;
    position: relative;
  }

  .compare-feature.info-popup-txt, .compare-feature.info-popup-txt-copy {
    margin-bottom: 23px;
  }

  .compare-sec-name-first {
    width: auto;
  }

  .compare-sticky {
    margin-bottom: -56px;
    padding-top: 69px;
    padding-left: 10px;
  }

  .compare-sticy-div, .compare-sticy-div-blacker {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .brand-compare-sticker {
    padding-left: 40px;
    padding-right: 20px;
  }

  .brand-compare-sticker-col1, .brand-compare-sticker-col2 {
    padding-left: 0;
    padding-right: 0;
  }

  .compared-heading {
    margin-bottom: -56px;
    padding-top: 10px;
    padding-left: 10px;
  }

  .compared-heading-div {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .compared-h1 {
    text-align: center;
    line-height: 1.1em;
  }

  .price-check {
    height: 24px;
    margin-bottom: 50px;
  }

  .new--logo-line-price {
    display: none;
  }

  .brand-compare-list-mobile {
    margin-top: 66px;
    margin-bottom: 70px;
  }

  .mobile-buttons {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .compare-button-gem {
    font-size: .8em;
  }

  .compare-features-mobile {
    width: 150px;
  }

  .brand-compare-cols-mobile {
    padding-left: 40px;
    padding-right: 20px;
  }

  .compare-core-mobile {
    width: 100px;
    float: right;
    margin-left: 0;
    margin-right: 10%;
    display: inline-block;
    position: relative;
    left: auto;
    right: 0%;
  }

  .compare-mobile-col-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .compare-premium-mobile {
    width: 100px;
    float: right;
    margin-left: 20px;
    margin-right: 10%;
    display: none;
    position: relative;
    top: 0;
    left: auto;
    right: 0%;
  }

  .compare-mobile-col-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .compare-gem-mobile {
    width: 100px;
    float: right;
    margin-left: 20px;
    margin-right: 10%;
    display: none;
    position: relative;
    top: 0;
    left: auto;
    right: 0%;
  }

  .mob-sticky-div {
    z-index: 998;
    padding-top: 20px;
    display: none;
  }

  .compare-button-core, .compare-button-premium {
    font-size: .8em;
  }

  .mob-hamburg {
    background-image: url('../images/hamburg.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    border-style: none;
    margin-top: 0;
    padding: 20px;
    display: block;
    position: relative;
    right: -36px;
  }

  .mob-hamburg.w--current {
    display: none;
  }

  .monthly-disclaimer-mobile {
    display: block;
  }

  .usd-month-mobile {
    display: block;
    left: 106px;
  }

  .big-price-mobile {
    display: block;
  }

  .pricer-annual-mobile {
    width: 55%;
  }

  .new-switcher-mobile {
    padding-left: 0;
  }

  .disclaimer {
    clear: both;
    margin-top: -50px;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
  }

  .disclaimer-cols {
    padding-left: 40px;
    padding-right: 20px;
  }

  .dislcaimer {
    padding-left: 0;
    padding-right: 0;
  }

  .dsclaimer-p {
    margin-bottom: 25px;
  }

  .dsclaimer-p.small-txt {
    margin-bottom: 25px;
    position: relative;
  }

  .brand-choice-bottomer-studio {
    margin-top: 30px;
  }

  .cards-of-choice {
    width: 100%;
    background-image: none;
  }

  .pricing-paragraph-start {
    margin-left: 0;
    font-size: 1.2em;
  }

  .price-intro-money {
    width: 80%;
    margin-bottom: -56px;
    margin-left: 45px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .header-price-2023-money {
    width: 90%;
    text-align: left;
    margin-bottom: 60px;
    margin-left: 0;
  }

  .more-questions-money {
    clear: both;
    margin-bottom: 0;
    margin-left: 45px;
    margin-right: 40px;
    padding-top: 0;
    padding-left: 0;
  }

  .demo-right {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .lottie-div {
    margin-top: 75%;
  }

  .info-popup-div {
    width: 300px;
    position: absolute;
    top: 30px;
    bottom: auto;
    left: -105px;
    right: auto;
  }

  .big-blob-bck-studio {
    background-position: 50%;
    background-size: contain;
  }

  .brand-col1-bot, .brand-col2-bot, .brand-col3-bot {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-cols-brand {
    padding-left: 45px;
  }

  .brand-col1-brand {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-cont1-brand {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .brand-col2-brand {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-cont-brand {
    min-height: auto;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .brand-col3-brand {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-cont3-brand {
    min-height: auto;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .div-block-34 {
    width: 20px;
    height: 20px;
    background-color: #362eff;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .brand-price-effect, .brand-price-studio {
    width: 100%;
    margin-top: 50px;
    padding-left: 0;
  }

  .brand-col1-studio, .brand-col2-studio, .brand-col3-studio {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-cont1-studio {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .brand-cont-studio, .brand-cont3-studio {
    min-height: auto;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .brand-col1-studio-back {
    padding-left: 20px;
    padding-right: 0;
  }

  .brand-cont1-studio-back {
    min-height: 400px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .brand-choice-bottomer-studio-back {
    margin-top: 100px;
  }

  .brand-choice-centerer-back {
    margin-top: 30px;
    bottom: 20px;
  }

  .brand-cont2-studio-back {
    min-height: 400px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .brand-cont3-studio-back {
    min-height: 400px;
    margin-left: 20px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .big-otp-studio {
    margin-right: 0;
  }

  .usd-month-studio {
    display: block;
  }

  .brand-choice-centerer-studio {
    margin-top: 30px;
    bottom: 20px;
  }

  .usd-otp-studio {
    display: block;
  }

  .big-monthly-studio {
    margin-right: 0;
  }

  .new-annualy-fee-studio {
    font-size: .8em;
  }

  .pricing-studio {
    margin-bottom: 0;
  }

  .studio-new-price-animation {
    height: 160px;
  }

  .info-popup-div-otp {
    width: 300px;
    display: flex;
    position: absolute;
    top: 30px;
    bottom: auto;
    left: -105px;
    right: auto;
  }

  .usd-month-studio-mob {
    width: 100%;
    display: block;
    position: static;
  }

  .brand-choice-bottomer-studio-monther {
    height: auto;
    margin-top: 10px;
  }

  .padding-vertical.padding-xxlarge {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .logo-slider-img {
    width: 100px;
  }

  .page-padding.s0 {
    margin-bottom: 0;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .faq-table {
    width: auto;
    padding-left: 45px;
    padding-right: 50px;
  }

  .new-price-accordion-h {
    line-height: 30px;
  }

  .faq-block {
    width: 90%;
  }

  .h1-container-faq {
    width: 100%;
    padding-top: 0;
  }

  .brand-col2-studio-back {
    padding-left: 0;
    padding-right: 0;
  }

  .studio-compare-cols, .studio-compare-sticker {
    padding-left: 40px;
    padding-right: 20px;
  }

  .compare-solo-mobile {
    width: 30%;
    display: inline-block;
  }

  .compare-team-mobile {
    width: 30%;
    display: none;
  }

  .compare-studio-features-mobile {
    width: 150px;
    margin-left: 13%;
  }

  .compare-button-solo, .compare-button-teams {
    font-size: .8em;
  }

  .brand-price-studio-lp {
    width: 100%;
    margin-top: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .new-switcher-lp {
    padding-left: 5px;
  }

  .new-in-core-lp {
    z-index: 50;
    width: 80%;
    order: 0;
    margin: 69px auto;
    position: relative;
  }

  .brand-cont3-studio-back-lp {
    min-height: 510px;
    margin-left: 10px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .brand-cont2-studio-back-lp {
    min-height: 480px;
    margin-left: 10px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .brand-col1-studio-back-lp {
    padding-left: 10px;
    padding-right: 0;
  }

  .brand-cont1-studio-lp {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .brand-col2-studio-back-lp {
    padding-left: 10px;
    padding-right: 0;
  }

  .brand-cont1-studio-copy {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .brand-col1-studio-lp, .brand-col2-studio-lp {
    padding-left: 0;
    padding-right: 0;
  }

  .studio-price-h2-lp {
    font-size: 36px;
  }

  .div-block-37.hide-desktop.with-custom-margggg {
    margin-left: 8px;
  }

  .div-block-37.mobile-hide {
    display: none;
  }

  .h1-hid {
    width: 100%;
    font-size: 40px;
  }

  .h1-hid.fade-in-up {
    font-size: 40px;
  }

  .h1-hid.number-sm-affil {
    margin-left: 0;
    font-size: 28px;
  }
}

#w-node-_6ef2d8e8-2a74-3b1b-a5bb-e2b6bd91913b-945ee017, #w-node-a20b88b1-cc4b-2091-e023-d4d38eef3ae0-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0dd4c310-8339-235d-04e5-cec0afaf5f56-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-_0cc00e05-e747-f969-cba3-12ba39adaf7d-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc7bc0a1-9c4d-17bf-9dfb-89ae147aa29c-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-_766e5807-0add-eab0-9f0a-fb3ff9a50e54-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_67c2e532-7ed9-b0a0-cead-81aa15ea7aeb-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-_4224eff8-8778-fafa-113d-23f0073dea09-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b69bc79b-80ef-b12e-764f-4597553e75cb-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-_8ab7462d-2ad6-f2d3-8630-ba208a50c369-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36197aa9-fc66-90c2-566f-b982248ddde9-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-_797321a4-7709-b757-037c-603e625b77aa-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7c65c42f-2e5f-5bd5-df32-f7d354d7a034-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-_938110a3-66d3-5358-0af4-b123a9e5e77c-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d98b240d-392c-7bb6-5e69-9854fd8554c0-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-_5ba0c9e6-d4e5-d930-0ec7-abeb2caab08d-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a8ad1ba-f66e-eb48-38f9-6f902f6a31f0-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-_4827f612-83a7-a805-ed04-6e6fd2d3d73f-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a20c810a-3b32-c831-1c6a-57921bd46edf-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_2adf5e12-bf9b-dd89-f3dc-5a78a82c66f5-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_80885637-2151-33a8-b4b8-ba85c3e6ded3-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-_561cd1ce-5ade-4f5d-8afa-d1b85bd18d65-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f31fbad9-01b3-9f30-ace3-81e21abce79c-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-d8fe9997-7e29-5f51-508f-a2a0d6865376-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f6e8f1e6-b0a3-5c72-2c52-201143e0ce1d-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-a8b60703-da05-7508-3afe-3ebbbb09c31b-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dfde5765-4bdc-5a4b-def0-ef99f44d3116-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-_2fcdb4c2-52e6-3adc-51a9-f554a7b64100-945ee017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0d6fe36e-36bc-9442-3919-3fcaf7ef6a2f-945ee017 {
  align-self: center;
  justify-self: center;
}

#w-node-ec781919-e9f4-16b8-14cc-6d8727bd2f45-f75ee03c, #w-node-e65bb0c1-8985-b536-9bbe-61c3e7e6ba29-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fea900f5-e03e-fea4-6ab4-b2a12ab9d865-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-_22973628-2da8-2cfa-f3a8-7661a5e88069-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fea900f5-e03e-fea4-6ab4-b2a12ab9d866-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-_21ee619d-1eae-e5b0-f569-9c3b6a6c57cf-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fea900f5-e03e-fea4-6ab4-b2a12ab9d867-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-ce47b99e-f805-8797-ba0d-9b3ebd169b51-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fea900f5-e03e-fea4-6ab4-b2a12ab9d868-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-_995eb52f-8046-17a8-c03e-fc730cb2ff4d-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fea900f5-e03e-fea4-6ab4-b2a12ab9d869-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-edb03c31-c909-9eb4-292f-61669a96abf1-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fea900f5-e03e-fea4-6ab4-b2a12ab9d86a-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-_87b7471d-3f76-f771-5db8-c9ba6c4fbcd5-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fea900f5-e03e-fea4-6ab4-b2a12ab9d86b-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-_8aa8108e-5467-e3a2-70b9-f608af64f92d-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fea900f5-e03e-fea4-6ab4-b2a12ab9d86c-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-_219d5172-07e6-e479-d943-b748da061fe7-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fea900f5-e03e-fea4-6ab4-b2a12ab9d86d-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-_35ee1a06-b260-c1b0-4465-c6f46f73b8d4-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fea900f5-e03e-fea4-6ab4-b2a12ab9d86e-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_0d792dfa-e2a6-ec3b-2b26-52360ac8c296-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_374852df-12bf-f516-0c14-f9c91e0ce432-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-a9f672cd-bef5-42bf-c86e-552a2a99b6df-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bdccb422-a067-6fe3-6e11-a80fe72098c5-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-bc6fb433-ef35-80d8-b69e-07b42ace39b2-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1cd65eda-9e51-6731-7bee-44ac9f9b7ce1-f75ee03c {
  align-self: center;
  justify-self: center;
}

#w-node-df4389b6-ecd5-41b0-98c7-67b9454b12c0-f75ee03c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_882be417-229d-2be1-38c7-e5f94a59262f-f75ee03c {
  align-self: center;
  justify-self: center;
}

@media screen and (min-width: 1440px) {
  #w-node-fea900f5-e03e-fea4-6ab4-b2a12ab9d866-f75ee03c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: center;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir lt std 35';
  src: url('../fonts/avenir_lt_std_35_light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}