:root {
  --white: white;
  --black: black;
}

.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-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-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

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

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

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

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

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

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

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

.cover-title {
  opacity: 1;
  color: #111;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 4.5em;
  font-weight: 700;
  line-height: 1em;
}

.ball-wrap {
  justify-content: center;
  align-items: center;
  width: 300px;
  display: flex;
  position: absolute;
  inset: 0% 31% 0% auto;
}

.ball {
  position: absolute;
  right: 85.4931px;
}

.cc-logo {
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: auto auto auto 50px;
}

.nav-button-copy-copy {
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
  display: flex;
}

.div-block-7 {
  border-color: #eee;
  margin-left: 20px;
  box-shadow: 2px 2px #eee;
}

.navigation {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: auto;
  margin-right: 50px;
  display: flex;
}

.dropdown-list-2 {
  width: 900px;
}

.dropdown-list-2.w--open {
  background-color: #fdf189;
  border-radius: 6px;
  align-items: center;
  width: 500px;
  height: 88px;
  margin-left: 0;
  display: flex;
  top: 50px;
  left: -178px;
  box-shadow: 1px 1px 3px #0000001a;
}

.dropdown-list-2.w--open:hover {
  box-shadow: 1px 1px 3px #cccccc8f;
}

.faicon {
  font-family: "Fa 400", sans-serif;
}

.dropdown-toggle-2 {
  padding-right: 20px;
}

.cc-logo-black {
  max-width: 100%;
}

.cover-title-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 620px;
  height: 100vh;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 50px;
  padding-top: 0;
  display: flex;
}

.cover-subtitle {
  color: #111;
  letter-spacing: -.3px;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.6em;
}

.start-wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.btn-info-wrap {
  width: 300px;
  margin-top: 15px;
}

.btn-info {
  color: #999;
  text-align: center;
}

.cover {
  background-color: #f9f8f3;
  background-image: url('../images/wave-2.svg'), url('../images/wave-vector.png'), url('../images/cover-view.jpg');
  background-position: 50% 100%, 0 0, 100%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: contain, 400px, contain;
  background-attachment: scroll, scroll, scroll;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.cc-title {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-left: 9px;
  font-family: Basiercircle, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}

.header-nav {
  z-index: 9;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 92px;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-button-copy-copy-copy-2 {
  background-color: #0000;
  border: 2px solid #f9f8f3;
  border-radius: 14px;
  align-items: center;
  height: 60px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  box-shadow: 2px 2px #f9f8f3;
}

.text-span-7 {
  font-family: "Fa 400", sans-serif;
}

.logo-wrap {
  background-image: url('../images/cclogo-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 38px;
}

.nav-link-4 {
  color: #111;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
}

.text-span-3 {
  font-family: "Fa 300", sans-serif;
}

.bold-text-7 {
  font-family: "Fa solid 900", sans-serif;
}

.btn-1 {
  color: #111;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #fff;
  background-image: url('../images/arrow-right.svg');
  background-position: 110%;
  background-repeat: no-repeat;
  background-size: auto 20%;
  border: 2px solid #000;
  border-radius: 14px;
  width: 100%;
  max-width: 300px;
  height: 58px;
  margin-left: 0;
  margin-right: auto;
  padding: 18px 0 0;
  font-family: Basiercircle, sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  text-decoration: none;
  transition: all .5s;
  display: block;
  box-shadow: 2px 2px #181818;
}

.btn-1:hover {
  box-shadow: none;
  color: #f9f8f3;
  background-color: #181818;
  background-position: 90%;
  border-color: #000;
  margin-top: 0;
  padding: 18px 30px 0 0;
  position: static;
}

.cc-intro {
  background-image: url('../images/wave-3.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.cube-grid-wrap {
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-bottom: 9%;
  display: flex;
}

.cube-grid-anim {
  width: 80%;
}

.intro-text-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-bottom: 9%;
  display: flex;
}

.intro-subtitle {
  color: #111;
  text-align: justify;
  width: 79%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.6em;
}

.intro-button-wrap {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.text-span-8 {
  font-size: 65px;
  font-style: normal;
}

.btn-2 {
  color: #111;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #fff;
  background-image: url('../images/arrow-right.svg');
  background-position: 110%;
  background-repeat: no-repeat;
  background-size: auto 20%;
  border: 2px solid #000;
  border-radius: 14px;
  width: 360px;
  height: 58px;
  margin-left: 0;
  margin-right: auto;
  padding: 18px 0 0;
  font-family: Basiercircle, sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  text-decoration: none;
  transition: all .5s;
  display: block;
  box-shadow: 2px 2px #181818;
}

.btn-2:hover {
  box-shadow: none;
  color: #f9f8f3;
  background-color: #181818;
  background-position: 90%;
  border-color: #000;
  margin-top: 0;
  padding: 18px 30px 0 0;
  position: static;
}

.focus {
  background-color: #fee450;
  background-image: linear-gradient(#fee450, #ffffffb3), url('../images/wave-2.svg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: -1px;
  padding: 0 0 9%;
  display: flex;
  overflow: hidden;
}

.cover-subtitle-mob {
  color: #111;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.6em;
  display: none;
}

.focus-text {
  width: 471px;
  position: static;
}

.lottie-animation {
  width: 300px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.solutions.middle {
  background-color: #fff;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.column-wrap-reversed {
  flex-direction: row-reverse;
  margin-bottom: 40px;
  display: flex;
}

.column-wrap {
  display: flex;
}

.content-block-right {
  align-items: center;
  width: 50%;
  min-height: 350px;
  padding: 25px 25px 25px 55px;
  display: flex;
}

.content-wrap {
  flex-direction: column;
  max-width: 590px;
  display: flex;
  position: relative;
}

.title {
  color: #0003;
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px #00000008;
  border-radius: 10px;
  max-width: 90px;
  margin-bottom: 10px;
  font-family: Basiercircle, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}

.title-wrap-left {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1240px;
  margin-bottom: 35px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.solutions-card {
  color: #999;
  cursor: crosshair;
  background-color: #fff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 40px 25px;
  display: flex;
  box-shadow: 14px 14px 200px #0016320f;
}

.service-icon {
  margin-bottom: 25px;
}

.heading-primary {
  color: #000;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 4.5em;
  font-weight: 700;
  line-height: 1;
}

.heading-3 {
  color: #111;
  text-align: left;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Basiercircle, sans-serif;
  font-weight: 700;
}

.paragraph-2 {
  color: #999;
  text-align: left;
  max-width: 320px;
  font-family: Basiercircle, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
}

.container {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.container.space-below {
  margin-bottom: 60px;
}

.solutions-card-wrap {
  flex-wrap: wrap;
  place-content: stretch space-between;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
}

.card-content-wrap {
  color: #6b539a;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
}

.content-block-left {
  align-items: center;
  width: 50%;
  min-height: 350px;
  padding: 25px 55px 25px 20px;
  display: flex;
}

.image-block {
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: 350px;
  padding: 30px;
  display: flex;
  position: relative;
}

.text-span {
  color: #e2ce59;
}

.column {
  color: #999;
  width: 33%;
  padding: 10px;
}

.section-content {
  background-color: #fff;
  background-image: url('../images/5f75021cb36ea4232e2255c6_bg_shade.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: flex-start;
  padding: 60px 50px 30px;
}

.paragraph {
  color: #111;
  max-width: 490px;
  margin-top: 5px;
  margin-bottom: 15px;
  font-family: Basiercircle, sans-serif;
  font-size: 17px;
  font-style: normal;
  line-height: 1.3;
}

.text-span-9 {
  color: #111;
  border-bottom: 4px solid #fee450;
  margin-right: 5px;
  font-weight: 700;
  line-height: 1.3em;
}

.nav-button-copy-copy-copy {
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  display: flex;
}

.link-block {
  color: #111;
  width: 180px;
  font-family: Basiercircle, sans-serif;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

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

.cc-footer {
  background-color: #111;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.container-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.main-heading {
  color: #fff;
  text-align: center;
  font-family: Basiercircle, sans-serif;
  font-size: 70px;
  line-height: 83px;
}

.paragraph-4 {
  color: #ccc;
  text-align: center;
  width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.btn-1-copy2 {
  color: #111;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #fff;
  background-image: url('../images/arrow-right.svg');
  background-position: 110%;
  background-repeat: no-repeat;
  background-size: auto 20%;
  border: 2px solid #fff;
  border-radius: 14px;
  width: 100%;
  max-width: 300px;
  height: 58px;
  margin-left: 0;
  margin-right: auto;
  padding: 18px 0 0;
  font-family: Basiercircle, sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  text-decoration: none;
  transition: all .5s;
  display: block;
  box-shadow: 2px 2px #fff;
}

.btn-1-copy2:hover {
  color: #f9f8f3;
  background-color: #181818;
  background-position: 90%;
  border-color: #fff;
  margin-top: 0;
  padding: 18px 30px 0 0;
  position: static;
  box-shadow: 2px 2px #fff;
}

.footer-wrap {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 13vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  bottom: 0;
}

.footerblock {
  z-index: 10;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: static;
}

.copyright {
  color: #999;
  margin-top: 10px;
  font-family: Basiercircle, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.wrapper {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 87vh;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.link-block-2 {
  text-decoration: none;
}

.text-block-7 {
  color: #111;
  letter-spacing: .2px;
  text-transform: uppercase;
  margin-top: 14px;
  margin-left: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
}

.link-block-3 {
  color: #111;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  font-family: Basiercircle, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.link-block-3:hover {
  background-color: #fee45073;
  border-top: 1px #000;
  border-bottom: 1px #fff;
  font-weight: 500;
}

.slider-left {
  color: #fff;
  background-color: #151c340f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  margin-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.slider-left:hover {
  background-color: #151c3426;
}

.banner-logo {
  color: #fff;
  border-bottom: 1px solid #ffffff14;
  justify-content: flex-start;
  align-items: center;
  height: 15vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 40px;
  font-family: Basiercircle, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.author-name {
  color: #fff;
  margin-bottom: 4px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.text-block-9 {
  color: #666;
  font-family: Basiercircle, sans-serif;
}

.slide {
  border-radius: 20px;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  position: static;
}

.star-row {
  margin-bottom: 30px;
}

.banner-h3 {
  color: #fff;
  letter-spacing: -.3px;
  margin-bottom: 20px;
  font-family: Basiercircle, sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.2;
}

.notice {
  color: #ffffffa6;
  background-color: #ffffff0f;
  margin-bottom: 0;
  padding: 15px;
  font-size: 15px;
  line-height: 23px;
}

.author-image {
  border-radius: 100px;
  width: 50px;
  margin-right: 14px;
  box-shadow: 1px 1px 3px #00000024;
}

.author-testimonial {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-intro {
  color: #ffffffc7;
  max-width: 650px;
  margin-bottom: 30px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  display: none;
}

.success-message {
  letter-spacing: 1px;
  padding: 50px;
  position: relative;
}

.banner-content {
  background-image: url('../images/5f75021cb36ea4232e2255c6_bg_shade.png');
  background-position: 0 70%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 85vh;
  padding: 0 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.paragraph-5 {
  color: #ffffffc7;
  max-width: 650px;
  margin-bottom: 30px;
  font-family: Basiercircle, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.error-message {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-block-11 {
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
}

.div-block-13 {
  flex-direction: row;
  width: 100%;
  height: 100vh;
  display: flex;
}

.left-column30 {
  background-color: #111;
  width: 30%;
  height: 100vh;
}

.right-column70 {
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 100vh;
  display: flex;
}

.previous {
  opacity: .45;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100px;
  height: 35px;
  margin: auto auto 30px 30px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.previous:hover {
  opacity: 1;
}

.details-right {
  align-items: center;
  margin-top: 15px;
  margin-right: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-12 {
  color: #ccc;
  font-family: Basiercircle, sans-serif;
  font-weight: 400;
}

.field-input {
  color: #111;
  background-color: #0000;
  border: 1.5px solid #ccccccbf;
  border-radius: 6px;
  width: 100%;
  min-height: 45px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
}

.field-input:focus {
  color: #111;
  background-color: #f1fff9;
  border-color: #36b37e;
  font-family: Basiercircle, sans-serif;
}

.field-input::placeholder {
  color: #0000371a;
  font-family: Basiercircle, sans-serif;
}

.next-button-2 {
  background-color: #111;
  border-radius: 5px;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-family: Basiercircle, sans-serif;
  font-size: 15px;
  transition: background-color .2s ease-in;
}

.title-left {
  margin-top: 15px;
  margin-left: 15px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.form-title-wrap-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.counter-image {
  width: 16px;
  margin-right: 5px;
}

.previous-button-2 {
  opacity: 1;
  color: #5b617c;
  text-indent: -2px;
  flex: none;
  align-self: center;
  padding: 5px 0;
  font-size: 15px;
  transition: opacity .2s ease-in;
}

.previous-button-2:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

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

.field-title {
  color: #999;
  background-color: #fff;
  margin-bottom: 5px;
  padding-left: 6px;
  font-family: Basiercircle, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.slider-2 {
  background-color: #0000;
  max-width: 700px;
  height: 100%;
  position: relative;
}

.form-content-2 {
  width: 100%;
  margin-bottom: -20px;
}

.form-content-2.final {
  margin-bottom: 0;
}

.slider-content-wrap {
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 75px 0;
  display: flex;
  position: relative;
}

.checkbox_wrap {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.submit-button-3 {
  box-shadow: none;
  letter-spacing: 1px;
  background-color: #111;
  border-radius: 5px;
  width: 260px;
  height: auto;
  margin-bottom: -14px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: Basiercircle, sans-serif;
  font-weight: 500;
  transition: background-color .2s ease-in, box-shadow .2s ease-in;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.checkbox-field-2 {
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  min-width: 150px;
  height: 140px;
  margin-left: 6px;
  margin-right: 6px;
  display: flex;
}

.mobile-nav-bottom {
  display: none;
}

.checkbox-image {
  width: auto;
  height: 45px;
}

.arrow-2 {
  width: 16px;
  margin-right: 8px;
}

.paragraph-6 {
  color: #999;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Basiercircle, sans-serif;
  font-size: 1em;
  line-height: 23px;
}

.checkbox-2 {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  border: 2px solid #e2ce59;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  font-family: Basiercircle, sans-serif;
  display: none;
  position: absolute;
  inset: 0%;
}

.checkbox-2:active {
  border: 1px solid #000;
}

.form07_link {
  color: #ccc;
  font-size: 13px;
  font-weight: 700;
}

.form-wrap-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 390px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.next {
  justify-content: center;
  align-items: center;
  width: 70%;
  max-width: 159px;
  height: 47px;
  margin: auto auto 25px;
  display: block;
  position: absolute;
  right: 35px;
  overflow: visible;
}

.form12_checkbox_field {
  cursor: pointer;
  background-color: #fff;
  border: 1.2px solid #3e34c81a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: 140px;
  height: 120px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 28px 22px 22px;
  font-family: Basiercircle, sans-serif;
  display: flex;
  position: relative;
}

.slide-2 {
  border-radius: 20px;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.text-counter {
  color: #ccc;
  font-family: Basiercircle, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.form-section-title-2 {
  color: #111;
  margin-bottom: 12px;
  font-family: Basiercircle, sans-serif;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.2em;
  position: static;
}

.form07_legal {
  color: #ccc;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

.checkbox-title-2 {
  color: #666;
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 12px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.form-wrapper-2 {
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.form-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.left-arrow, .right-arrow, .slide-nav {
  display: none;
}

.slider-3 {
  background-color: #0000;
  height: auto;
}

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

.image-4 {
  opacity: 1;
}

.image-5 {
  opacity: 1;
  border: 1px #e0d7d726;
  border-radius: 7px;
}

.quute-slider-wrap {
  align-items: center;
  height: 100%;
  display: flex;
}

.paragraph-6-copy {
  color: #999;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Basiercircle, sans-serif;
  font-size: 1em;
  line-height: 23px;
}

.link-block-4, .link-block-5 {
  margin-left: 20px;
  text-decoration: none;
}

.dashboard-login-section {
  z-index: 10;
  background-color: #fff;
  background-image: radial-gradient(circle closest-corner, #cccccc7d, #fff);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
}

.dashboard-login-js {
  font-family: Basiercircle, sans-serif;
}

.dashboard-login-wrap {
  background-color: #f9f9f9;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 270px;
  display: flex;
  box-shadow: 0 1px 9px -3px #00000052;
}

.text-block-13 {
  text-align: center;
  margin-bottom: 30px;
  font-family: Basiercircle, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.text-block-14 {
  margin-top: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.utility-page-wrap {
  background-color: #fff;
  background-image: radial-gradient(circle closest-corner, #cccccc7d, #fff);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  background-color: #f9f9f9;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 470px;
  display: none;
  box-shadow: 0 1px 9px -3px #00000052;
}

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

.submit-button-4 {
  background-color: #111;
  border-radius: 3px;
  width: 262px;
  height: 45px;
  font-family: Basiercircle, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.close-icon-b {
  opacity: .42;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 90px;
  font-family: "Fa 300", sans-serif;
  font-size: 4.5em;
  font-weight: 300;
  line-height: 1em;
  text-decoration: none;
  display: flex;
  position: static;
  inset: 2% 3% auto auto;
}

.close-icon-b:hover {
  opacity: 1;
}

.close-dashboard {
  color: #111;
  border: 1px #00000021;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  font-family: Varela, sans-serif;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 8% auto auto;
}

.signup-link {
  color: #333;
  text-decoration: none;
}

.info-dash {
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.dashboard-link-s {
  margin-left: 5px;
  font-family: Basiercircle, sans-serif;
  text-decoration: none;
}

.image-6 {
  margin-bottom: 30px;
}

.text-field {
  border-radius: 5px;
  width: 262px;
  height: 45px;
  margin-bottom: 15px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
}

.text-field:focus {
  background-color: #f1fff9;
  border: 1px solid #36b37e;
}

.heading-4 {
  color: #111;
  font-family: Basiercircle, sans-serif;
}

.div-block-14 {
  color: #111;
  flex-direction: column;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  display: flex;
}

.loader-overlay {
  z-index: 11;
  background-color: #030303;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
}

.loader-wrap {
  background-color: #0000;
  border: 2px solid #fee450;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 198px;
  height: 22px;
  margin-top: 0;
  display: flex;
  box-shadow: 0 0 13px 3px #ffffff42;
}

.loader-inner {
  background-color: #fee450;
  border: 1px solid #fee450;
  border-radius: 7px;
  width: 15px;
  height: 18.9px;
  margin-top: 0;
  margin-left: -1px;
}

.text-block-15 {
  letter-spacing: .5px;
  margin-top: 20px;
  margin-bottom: 26px;
  font-family: Basiercircle, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
}

.about-section-cover {
  background-color: #f9f9f9;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.lottie-animation-2 {
  width: 100%;
}

.background-video {
  width: 100%;
  height: 100vh;
  position: sticky;
}

.about-cover-wave {
  background-image: url('../images/wave-2.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
  position: sticky;
  bottom: 0;
}

.text-span-2 {
  opacity: .5;
  color: #e2e2e2;
  font-style: italic;
  font-weight: 400;
  position: static;
}

.hero {
  margin-top: 60px;
}

.hero.home {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 64px;
  margin-bottom: 100px;
  display: flex;
}

.hero.home.bottom {
  clear: both;
  background-color: #0000;
  border: 0 #e2e2e2;
  border-radius: 0;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 0;
  position: static;
}

.small-heading {
  padding-top: 0;
  padding-bottom: 12px;
  box-shadow: inset 0 -2px #292929;
}

.small-heading.margin {
  margin-top: 50px;
  margin-right: 0;
  padding-right: 0;
}

.small-heading.margin.main {
  margin-right: 20px;
}

.small-heading.margin.main.home {
  align-self: stretch;
  margin-top: 64px;
  display: none;
  box-shadow: inset 0 -2px #e2e2e2;
}

.about-div-4 {
  background-color: #0000;
  background-image: url('../images/5f75021cb36ea4232e2255c6_bg_shade.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0 solid #000;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.bold-text-3 {
  opacity: 1;
  transform-origin: 50%;
  color: #e2ce59;
  font-family: Basiercircle, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 76px;
}

.text-1---24 {
  color: #989898;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.text-1---24.home {
  color: #111;
  text-align: center;
  margin: 16px 128px 26px;
  font-family: Basiercircle, sans-serif;
}

.text-span-6 {
  opacity: .5;
  font-style: italic;
  font-weight: 400;
}

.heading {
  color: #1d1d1d;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 76px;
}

.text-small-heading {
  color: #989898;
  font-family: Inter, sans-serif;
  font-weight: 500;
  line-height: 22px;
}

.text-block-19 {
  color: #111;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Basiercircle, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.about-info-3 {
  background-color: #fee450;
  background-image: linear-gradient(#fee450, #ffffffb3), url('../images/wave-2.svg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  margin-top: -1px;
  padding: 0 0 9%;
  display: flex;
  overflow: hidden;
}

.icon-anim1 {
  object-fit: fill;
  background-image: url('../images/anim3.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 160px;
  height: 171px;
  margin-top: 10%;
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% auto 50px;
}

.cyl-icon2 {
  object-fit: fill;
  background-image: url('../images/cyn-icon.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 180px;
  height: 189px;
  margin-top: 19%;
  margin-bottom: 0;
  position: absolute;
  inset: auto 5% auto auto;
}

.about-footer2 {
  margin-top: 25px;
}

.icon-anim3 {
  object-fit: fill;
  background-image: url('../images/anim3.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 107px;
  margin-top: 1%;
  margin-bottom: 0;
  position: absolute;
  inset: auto 5% auto auto;
}

.link-block-6 {
  font-family: Basiercircle, sans-serif;
  text-decoration: none;
}

.price-top-wrap {
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  font-family: Basiercircle, sans-serif;
  display: flex;
}

.price-illustration {
  position: absolute;
  inset: auto -8% -8% auto;
}

.text-block-20 {
  color: #111;
  font-family: Basiercircle, sans-serif;
}

.button-price-dark {
  color: #fff;
  text-align: center;
  background-color: #111;
  border-radius: 14px;
  width: 100%;
  margin-top: 16px;
  padding: 16px 24px;
  font-size: 15px;
  font-weight: 500;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  margin-bottom: 40px;
}

.title-cell {
  padding: 20px;
  font-family: Basiercircle, sans-serif;
}

.div-block-4 {
  background-color: #ffffff52;
  border-radius: 50px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 40px;
  display: flex;
}

.grid-feature-button {
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr;
}

.button-price {
  color: #000;
  text-align: center;
  background-color: #f1e7b0;
  border-radius: 14px;
  width: 100%;
  margin-top: 16px;
  padding: 16px 24px;
  font-family: Basiercircle, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.button-price.max-width {
  color: #fff;
  background-color: #000;
  border-radius: 14px;
  max-width: 320px;
  font-family: Basiercircle, sans-serif;
}

.pricing-section {
  background-color: #fff9f2;
  background-image: url('../images/wave-vector.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 400px;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding: 160px 3% 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-feature {
  background-color: #fff;
  border-radius: 25px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr;
}

.container-4 {
  justify-content: center;
  width: 100%;
  max-width: 1170px;
}

.check-grid-large {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
  align-content: start;
  min-height: 150px;
  margin-top: 32px;
  margin-bottom: 20px;
}

.price-card-dark {
  color: #fff;
  background-color: #e2ce59;
  border-radius: 25px;
  padding: 32px 34px;
  position: relative;
  box-shadow: 0 90px 90px -50px #e2ce59a8;
}

.title-wrap {
  color: #7b88a8;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 92px;
  display: flex;
  position: relative;
}

.price-caption {
  color: #111;
  margin-top: 4px;
  font-family: Basiercircle, sans-serif;
}

.grid-feature-blank {
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr;
}

.content-h1 {
  z-index: 2;
  color: #111;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Basiercircle, sans-serif;
  font-size: 55px;
  line-height: 1.1;
  position: relative;
}

.feature-label {
  opacity: 1;
  color: #111;
  font-family: Basiercircle, sans-serif;
  font-weight: 400;
}

.text-block {
  color: #999;
  text-align: center;
  font-family: Basiercircle, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.price-cell {
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-family: Basiercircle, sans-serif;
  display: flex;
}

.price-card {
  color: #111;
  background-color: #fff;
  border: 1px solid #e2ce59;
  border-radius: 25px;
  padding: 32px 34px;
  font-family: Basiercircle, sans-serif;
}

.check-grid {
  color: #111;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  align-content: start;
  min-height: 150px;
  margin-top: 32px;
  margin-bottom: 20px;
}

.div-block-2 {
  align-items: center;
  display: flex;
}

.text-block-21 {
  color: #111;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.text-block-22 {
  font-family: Basiercircle, sans-serif;
}

.checkmark-pricing1 {
  opacity: 1;
  color: #111;
  margin-right: 20px;
  font-family: "Fa solid 900", sans-serif;
  font-weight: 400;
}

.checkmark-pricing2 {
  opacity: 1;
  color: #e2ce59;
  margin-right: 0;
  font-family: "Fa solid 900", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 25px;
}

.heading-5, .heading-6 {
  color: #111;
}

.footer-wrap2 {
  background-color: #fff9f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 13vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-17 {
  margin-bottom: 50px;
}

.heading-7 {
  font-weight: 700;
}

.solutions-section {
  background-color: #fff9f2;
  background-image: url('../images/cc-hp.png'), url('../images/122.png'), url('../images/wave-vector.png');
  background-position: 96% 4%, -30% 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 250px, 800px, 400px;
  background-attachment: scroll, scroll, scroll;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding: 160px 3% 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-3 {
  display: none;
}

.nav-link {
  color: #ffffffb8;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 16px;
}

.nav-link:hover {
  color: #fff;
}

.nav-link.w--current {
  color: #fff;
  border-bottom: 4px solid #fff;
  font-weight: 600;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1418px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar {
  background-color: #000;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: sticky;
  top: 0;
}

.partners-about {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.image-17, .image-18 {
  margin-left: 60px;
}

.image-19 {
  margin-left: 0;
}

.image-17-copy {
  border-radius: 12px;
  margin-left: 60px;
}

.image-20 {
  margin-left: 60px;
}

.form-block {
  background-color: #f9f9f9;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: auto;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  box-shadow: 0 1px 9px -3px #00000052;
}

.submit-button-5 {
  letter-spacing: .3px;
  background-color: #111;
  border-radius: 3px;
  width: 303px;
  height: 45px;
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 14px;
}

.text-field-2 {
  color: #333;
  border-radius: 3px;
  width: 303px;
  height: 45px;
  margin-bottom: 15px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.text-field-2:focus {
  color: #111;
  background-color: #f1fff9;
  border: 1px solid #36b37e;
}

.textarea {
  object-fit: fill;
  border-radius: 3px;
  width: 303px;
  max-width: 303px;
  margin-bottom: 15px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  line-height: 20px;
  overflow: scroll;
}

.textarea:focus {
  color: #111;
  background-color: #f1fff9;
  border: 1px solid #36b37e;
}

.select-field {
  background-color: #fff;
  border-radius: 3px;
  width: 303px;
  height: 45px;
  margin-bottom: 13px;
  padding: 0 0 0 10px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
}

.select-field:focus {
  background-color: #f1fff9;
  border: 1px solid #36b37e;
}

.git-section {
  background-color: #fcf8f2;
  background-image: url('../images/wave-vector.png'), url('../images/5f75021cb36ea4232e2255c6_bg_shade.png');
  background-position: 0 0, 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 400px, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 120px;
  display: flex;
  overflow: visible;
}

.lottie-animation-3 {
  width: 600px;
  height: 600px;
  margin-top: 0;
  margin-left: -200px;
  position: static;
}

.image-21 {
  margin-top: -95px;
}

.pass-wrap {
  text-align: center;
  background-color: #f9f9f9;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  box-shadow: 0 1px 9px -3px #00000052;
}

.div-block-18 {
  justify-content: flex-start;
}

.div-block-19 {
  margin-left: -101px;
}

._404-wrap {
  background-color: #fff;
  background-image: url('../images/wave-vector.png'), radial-gradient(circle closest-corner, #cccccc7d, #fff);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 400px, auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.get-in-touch {
  margin-left: 5px;
  font-family: Basiercircle, sans-serif;
  text-decoration: none;
}

.paragraph-7 {
  font-size: 22px;
  font-weight: 500;
}

.error-message-2 {
  border-radius: 3px;
  width: 303px;
  margin-top: 15px;
}

.text-block-23 {
  color: #111;
  text-align: center;
  font-family: Basiercircle, sans-serif;
  font-weight: 500;
}

.success-message-2 {
  background-color: #0000;
  font-family: Basiercircle, sans-serif;
  font-weight: 500;
}

.lottie-animation-4 {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-24 {
  color: #111;
  margin-top: 15px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.text-block-25 {
  color: #111;
  text-align: center;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  font-family: Basiercircle, sans-serif;
  font-weight: 500;
}

.success-gt-wrap {
  background-color: #f9f9f9;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 420px;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  box-shadow: 0 1px 9px -3px #00000052;
}

.lottie-animation-5-copy {
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.forgot-password {
  background-color: #f9f9f9;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: auto;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  box-shadow: 0 1px 9px -3px #00000052;
}

.reset-pswd {
  color: #333;
  background-image: url('../images/eye-icon.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  border-radius: 3px;
  width: 303px;
  height: 45px;
  margin-bottom: 15px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.reset-pswd:focus {
  color: #111;
  background-color: #f1fff9;
  border: 1px solid #36b37e;
}

.pp-section {
  background-color: #fcf8f2;
  background-image: url('../images/wave-vector.png'), url('../images/5f75021cb36ea4232e2255c6_bg_shade.png');
  background-position: 0 0, 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 400px, cover;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 192px;
  display: flex;
  overflow: visible;
}

.pp-wrap {
  background-color: #f9f9f9;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 10px;
  padding: 30px;
  display: flex;
  box-shadow: 0 1px 9px -3px #00000052;
}

.text-block-26 {
  color: #111;
  font-family: Basiercircle, sans-serif;
}

.link {
  color: #111;
}

.btn-2-copy {
  color: #111;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #fff;
  background-image: url('../images/arrow-right.svg');
  background-position: 110%;
  background-repeat: no-repeat;
  background-size: auto 20%;
  border: 2px solid #000;
  border-radius: 14px;
  width: 360px;
  height: 58px;
  margin-left: auto;
  margin-right: auto;
  padding: 18px 0 0;
  font-family: Basiercircle, sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  text-decoration: none;
  transition: all .5s;
  display: block;
  box-shadow: 2px 2px #181818;
}

.btn-2-copy:hover {
  box-shadow: none;
  color: #f9f8f3;
  background-color: #181818;
  background-position: 90%;
  border-color: #000;
  margin-top: 0;
  padding: 18px 30px 0 0;
  position: static;
}

.intro-title-2 {
  opacity: 1;
  color: #111;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Basiercircle, sans-serif;
  font-size: 4.5em;
  font-weight: 700;
  line-height: 1em;
}

.call-loader {
  z-index: 9;
  background-color: #fafcfd;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 30px;
}

.status-message.cc-error-message {
  background-color: #ffdede;
  border-bottom-right-radius: 19px;
  border-bottom-left-radius: 19px;
  margin-top: 0;
}

.call-form-details-wrap {
  border: 1px #eee;
  border-right-style: solid;
  width: 380px;
  padding: 0;
}

.call-form-info-wrap {
  background-color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 20px;
  width: auto;
  padding: 20px 25px 10px 20px;
}

.name {
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  height: 45px;
  margin-bottom: 0;
  margin-left: 4px;
  padding: 0 0 0 10px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  line-height: 16px;
  transition: border-color .4s;
}

.name:hover {
  border-color: #e3e6eb;
}

.name:active {
  border-color: #43464d;
}

.name:focus {
  background-color: #f1fff9;
  border-color: #36b37e;
}

.name::placeholder {
  color: #32343a66;
}

.call-form-info {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 15px;
}

.time-and-date-wrap {
  width: auto;
  padding-top: 20px;
  padding-left: 35px;
  padding-right: 35px;
}

.call-form-title-wrap {
  background-color: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px #eee;
  width: auto;
  padding: 20px 20px 0;
}

.call-form-block {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 20px;
  height: auto;
  margin-bottom: 0;
  box-shadow: 0 1px 9px -3px #0003;
}

.time-and-date-title {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 10px;
  font-family: Basiercircle, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.button {
  color: #fff;
  letter-spacing: .3px;
  text-transform: none;
  background-color: #111;
  border-radius: 3px;
  width: 307px;
  height: 45px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #111111e3;
}

.button:active {
  background-color: #111;
}

.call-form-details-image {
  background-color: #0000;
  border: 1px #000;
  border-bottom-color: #eee;
  border-top-left-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 141px;
  padding: 0;
  display: flex;
}

.call-form {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.web {
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  height: 45px;
  margin: 0 0 0 4px;
  padding: 0 0 0 10px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  line-height: 16px;
  transition: border-color .4s;
}

.web:hover {
  border-color: #e3e6eb;
}

.web:active {
  border-color: #43464d;
}

.web:focus {
  background-color: #f1fff9;
  border-color: #36b37e;
}

.web::placeholder {
  color: #32343a66;
}

.date {
  background-color: #fff;
  background-image: url('../images/calendar.svg');
  background-position: 98% 48%;
  background-repeat: no-repeat;
  background-size: 19px;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  width: 307px;
  height: 45px;
  margin-bottom: 13px;
  padding: 0 0 0 10px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  line-height: 16px;
  transition: border-color .4s;
}

.date:hover {
  border-color: #e3e6eb;
}

.date:active {
  border-color: #43464d;
}

.date:focus {
  background-color: #f1fff9;
  border-color: #36b37e;
}

.date::placeholder {
  color: #32343a66;
}

.call-form-input-wrap {
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.insert-success-text {
  color: #111;
  white-space: normal;
  object-fit: fill;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  display: inline;
  position: static;
}

.phone {
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  height: 45px;
  margin-bottom: 0;
  margin-left: 4px;
  padding: 0 0 0 10px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  line-height: 16px;
  transition: border-color .4s;
}

.phone:hover {
  border-color: #e3e6eb;
}

.phone:active {
  border-color: #43464d;
}

.phone:focus {
  background-color: #f1fff9;
  border-color: #36b37e;
}

.phone::placeholder {
  color: #32343a66;
}

.call-form-icon-wrap-name {
  background-image: url('../images/user.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.lottie-animation-6 {
  width: 500px;
}

.call-form-title {
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Basiercircle, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.call-form-icon {
  margin-right: 5px;
  font-family: "Fa 400", sans-serif;
}

.call-form-icon-subtitle {
  color: #999;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Basiercircle, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}

.lottie-animation-7 {
  width: 150px;
  height: 150px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-28 {
  color: #111;
  font-family: Basiercircle, sans-serif;
}

.email {
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  height: 45px;
  margin: 0 0 0 4px;
  padding: 0 0 0 10px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  line-height: 16px;
  transition: border-color .4s;
}

.email:hover {
  border-color: #e3e6eb;
}

.email:active {
  border-color: #43464d;
}

.email:focus {
  background-color: #f1fff9;
  border-color: #36b37e;
}

.email::placeholder {
  color: #32343a66;
}

.text-block-30 {
  color: #111;
  margin-bottom: 20px;
  font-family: Basiercircle, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
}

.text-block-31 {
  color: #111;
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  line-height: 18px;
}

.call-confirm-txt-wrap {
  text-align: left;
  align-items: center;
  height: 20px;
  margin-top: 20px;
  line-height: 16px;
  display: flex;
}

.text-block-32 {
  color: #111;
  margin-right: 10px;
  font-family: "Fa 400", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.insert-success-text-copy {
  color: #111;
  white-space: normal;
  object-fit: fill;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  display: inline;
  position: static;
}

.fullvh-section {
  background-color: #fcf8f2;
  background-image: url('../images/wave-vector.png'), url('../images/5f75021cb36ea4232e2255c6_bg_shade.png');
  background-position: 0 0, 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 400px, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 120px;
  display: flex;
  overflow: visible;
}

.call-form-icon-wrap-phone {
  background-image: url('../images/phone.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.call-form-icon-wrap-email {
  background-image: url('../images/message.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.call-form-icon-wrap-link {
  background-image: url('../images/link.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.schedule-a-call-link2 {
  margin-top: 23px;
  margin-left: 0;
  font-family: Basiercircle, sans-serif;
  text-decoration: none;
}

.schedule-a-call2 {
  color: #333;
  font-weight: 400;
  text-decoration: none;
}

.artwork-title {
  color: #fff;
  margin: 40px 0;
  font-family: Inter, sans-serif;
  font-size: 38px;
  font-style: italic;
  font-weight: 400;
  line-height: 38px;
}

.artwork-info2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 200;
}

.close-qr-code-wrap {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 13%;
  padding-right: 34px;
  display: flex;
}

.leskthumb {
  width: 80%;
  max-width: none;
}

.leskthumb.preorder {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: flex;
}

.image-2 {
  max-height: none;
}

.qr-code-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 87%;
  display: flex;
}

.artist-name {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

.artwork-tabs-wrap {
  width: 100%;
  margin-top: 50px;
}

.artwork-tabs-wrap.artwork-gallery {
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.text-span-10 {
  color: #fff;
  line-height: 50px;
}

.qr-code-wrap {
  background-color: #fff;
  border-left: 1px solid #e0d7d7;
  flex-direction: column;
  justify-content: space-between;
  width: 33%;
  height: 70%;
  margin-top: 1px;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.tabcontainer {
  width: 100%;
  transition: all .2s;
}

.tabcontainer:hover {
  transform: translate(0, -35px);
}

.tabcontainer.preorder:hover {
  transform: none;
}

.tabs-content {
  width: 100%;
  transform: rotate(-3deg);
}

.tabs-content.preorder {
  width: 70%;
  transform: none;
}

.moroccan-2 {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/274d4bddbcb6fecd1cfcc3287f97b83b.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px 100px;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.red-2 {
  cursor: pointer;
  background-color: #b74130;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.ar-wrap-2 {
  border-top: 1px solid #e0d7d726;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30%;
  padding: 40px 10%;
  display: flex;
}

.artwork-image-wrap-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.ar-wrap-mobile {
  border-top: 1px solid #e0d7d726;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30%;
  padding: 40px 10%;
  display: none;
}

.lottie-animation-9 {
  width: 13%;
  margin-top: 1%;
}

.blue-2 {
  cursor: pointer;
  background-color: #6200ff;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.artwork-info-wrap-2 {
  background-color: #111;
  background-image: url('../images/Daco_4706894.png');
  background-position: 98% 5%;
  background-repeat: no-repeat;
  background-size: 4%;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 33%;
  display: flex;
}

.artwork-bgswatches-2 {
  background-color: #f9f9f9;
  border-right: 1px solid #e0d7d7;
  justify-content: center;
  align-items: center;
  width: 7%;
  height: 100vh;
  display: flex;
}

.artwork-info-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.abstract-2 {
  z-index: auto;
  background-color: #0000;
  background-image: url('../images/32b8785775a427b349045a55ddb72278.jpg');
  background-position: 50%;
  background-size: 290px 290px;
  width: 42.2%;
  height: 100vh;
  display: none;
  position: absolute;
  left: 6.9%;
}

.artwork-thumbnail-2 {
  cursor: pointer;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: auto;
  margin-bottom: 30px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.artwork-thumbnail-2:hover {
  transform: scale(1.1);
}

.artwork-thumbnail-2.w--current {
  opacity: 1;
  cursor: pointer;
  background-color: #0000;
  border: 1px #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: auto;
  margin-bottom: 30px;
}

.close-icon-right-2 {
  cursor: pointer;
  font-family: "Fa 300", sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 44px;
}

.close-icon-right-2:hover {
  color: #111;
}

.swatches-wrap-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: auto;
  display: flex;
}

.view-in-your-space-button {
  cursor: pointer;
  background-color: #fff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 70px;
  display: flex;
  box-shadow: 0 0 8px #ffffffc4;
}

.view-in-your-space-button:hover {
  background-color: #f5ebf8;
  box-shadow: 0 0 20px 4px #ffffffc4;
}

.view-in-your-space-button-mobile {
  cursor: pointer;
  background-color: #fff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 70px;
  display: flex;
  box-shadow: 0 0 8px #ffffffc4;
}

.view-in-your-space-button-mobile:hover {
  background-color: #f5ebf8;
  box-shadow: 0 0 20px 4px #ffffffc4;
}

.abswall-2 {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/32b8785775a427b349045a55ddb72278.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.text-block-34 {
  color: #111;
  text-transform: none;
  margin-left: 1%;
  padding-right: 2%;
  font-family: Inter, sans-serif;
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 2.2vh;
}

.artwork-wrap-2 {
  width: 60%;
  height: 100vh;
  display: flex;
}

.wall34-2 {
  z-index: auto;
  background-color: #0000;
  background-image: url('../images/wall34.jpg');
  background-position: 50%;
  background-size: 400px 400px;
  width: 42.2%;
  height: 100vh;
  display: none;
  position: absolute;
  left: 6.9%;
}

.grey-2 {
  cursor: pointer;
  background-color: #ddd7d4;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.artwork-tabs-2 {
  margin-top: 0;
}

.wall34color-2 {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/wall34.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 150px 150px;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.moroccanbg-2 {
  z-index: auto;
  background-color: #0000;
  background-image: url('../images/274d4bddbcb6fecd1cfcc3287f97b83b.jpg');
  background-position: 50%;
  background-size: 120px 120px;
  width: 42.2%;
  height: 100vh;
  display: none;
  position: absolute;
  left: 6.9%;
}

.artwork-wall3-wrap-2 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
}

.color-swatch-2 {
  background-color: #0000;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 20px;
  box-shadow: 0 0 9px 1px #00000026;
}

.color-swatch-2:hover {
  box-shadow: 0 0 0 8px #0000000d;
}

.white-2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.black-2 {
  cursor: pointer;
  background-color: #000;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.artwork-ar-section-2 {
  border: 1px solid #e0d7d7;
  border-right-style: none;
  width: 100%;
  height: auto;
  display: flex;
}

.artwork-thumb-wrap-2 {
  background-color: #f9f9f9;
  border-left: 1px solid #e0d7d7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: static;
}

.pink-2 {
  cursor: pointer;
  background-color: #fed5cd;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.ar-info-small-2 {
  color: #fff;
  text-align: center;
  letter-spacing: -.2px;
  width: auto;
  margin-top: 30px;
  margin-left: 0%;
  margin-right: 0%;
  font-family: Inter, sans-serif;
  font-size: 90%;
  line-height: 20px;
}

.space-mob {
  display: none;
}

.html-embed-9 {
  background-color: #0000;
  background-image: url('../images/Group_animated.svg'), url('../images/basquiat1-thumb.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 114.73px 196.5px, 95px 95px;
  background-attachment: scroll, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.ar-body {
  background-color: #f7f7f7;
}

.image-23 {
  border: 1.5px solid #e0d7d7;
  border-radius: 20px;
  width: 250px;
  max-width: 100%;
  padding: 16px;
}

.ar-qr-info {
  color: #111;
  text-align: center;
  width: 60%;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.ar-qr-title {
  color: #111;
  text-align: center;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.md-go-back-wrap {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: fixed;
  inset: 20px auto auto 25px;
}

.go-back-md {
  color: #ccc;
  cursor: pointer;
  transform-style: preserve-3d;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.go-back-md:hover {
  color: #ccc;
}

.go-back-md-link {
  border: 1px solid #ccc;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.link-2 {
  color: #fff;
  text-decoration: underline;
}

.rug-info-2 {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 200;
}

.qr-code-wrap-rug {
  background-color: #fff;
  border-left: 1px solid #e0d7d7;
  flex-direction: column;
  justify-content: space-between;
  width: 46.5%;
  height: 70%;
  margin-top: 1px;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

._2rug-bg {
  z-index: auto;
  background-color: #0000;
  background-image: url('../images/c6edb243a6e688238d54c1a6fd8f59c9.jpeg');
  background-position: 50%;
  background-size: 280px 280px;
  width: 46.5%;
  height: 100vh;
  display: none;
  position: absolute;
  left: 7%;
}

.rug-swatches-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: auto;
  display: flex;
}

.sch-rug23 {
  color: #fff;
  text-decoration: underline;
}

.rugcolor-swatch67 {
  cursor: pointer;
  background-color: #fed5cd;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.text-block-35 {
  color: #111;
  text-transform: none;
  margin-left: 1%;
  padding-right: 2%;
  font-size: 1.8vw;
  font-weight: 700;
  line-height: 2.2vh;
}

._3rug-bg {
  z-index: auto;
  background-color: #0000;
  background-image: url('../images/6057f9266f7f704c43f4a31b_61R76coUkRL._AC_SL1000_.jpg');
  background-position: 50%;
  background-size: 290px 290px;
  width: 46.5%;
  height: 100vh;
  display: none;
  position: absolute;
  left: 7%;
}

.rug-info-wrap {
  background-color: #111;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 46.5%;
  display: flex;
}

.image-25 {
  opacity: 1;
  margin-left: 0;
}

.image-25:hover {
  opacity: 1;
}

.rug-swatch45 {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/e6cceb69a0d3c929de3d8e56540c193c.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.rug-demo-title {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 700;
}

.rug-ar-section {
  border: 1px solid #e0d7d7;
  border-right-style: none;
  width: 100%;
  height: auto;
  display: flex;
}

.rug-info {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.rug-wrap {
  background-color: #0000;
  width: 46.5%;
  height: 100vh;
  display: flex;
}

.rug-ar-wrap-2 {
  border-top: 1px solid #e0d7d726;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30%;
  padding: 40px 10%;
  display: flex;
}

.ar-info-s-rug {
  color: #fff;
  text-align: center;
  letter-spacing: -.2px;
  width: 100%;
  margin-top: 30px;
  margin-left: 0%;
  margin-right: 0%;
  font-family: Inter, sans-serif;
  font-size: 12px;
  line-height: 22px;
}

.ar-qr-title-2 {
  color: #111;
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}

.rug-white {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.rug-variant-wrap {
  flex-direction: row;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.md-rug-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.view-in-your-space-button-rug {
  cursor: pointer;
  background-color: #fff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 65px;
  display: flex;
  box-shadow: 0 0 8px #ffffffc4;
}

.view-in-your-space-button-rug:hover {
  background-color: #f5ebf8;
  box-shadow: 0 0 20px 4px #ffffffc4;
}

._1rug-bg {
  z-index: auto;
  background-color: #0000;
  background-image: url('../images/e6cceb69a0d3c929de3d8e56540c193c.png');
  background-position: 50%;
  background-size: 350px 350px;
  width: 46.5%;
  height: 100vh;
  display: none;
  position: absolute;
  left: 7%;
}

.rug-md-fvh {
  width: 100%;
  height: 100vh;
}

.rug-bgswatches {
  background-color: #f9f9f9;
  border-right: 1px solid #e0d7d7;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 7%;
  height: 100vh;
  display: flex;
}

.rug-color-swatch {
  background-color: #0000;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 20px;
  box-shadow: 0 0 9px 1px #00000026;
}

.rug-color-swatch:hover {
  box-shadow: 0 0 0 8px #0000000d;
}

.rug-color-swatch.lastrugbgswacth-copy {
  margin-bottom: 0;
}

.ar-qr-info-2 {
  color: #111;
  text-align: center;
  width: 250px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
}

.view-space-text-rug {
  color: #111;
  letter-spacing: -.3px;
  text-transform: none;
  margin-left: 1%;
  padding-right: 2%;
  font-family: Inter, sans-serif;
  font-size: 1.3vw;
  font-weight: 700;
  line-height: 2.2vh;
}

.link-block-7 {
  border: 1px solid #e0d7d726;
  border-radius: 7px;
  margin-left: 40px;
}

.link-block-8 {
  margin-top: 20px;
}

.question-info-button {
  opacity: .35;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
  display: flex;
}

.question-info-button:hover, .image-26 {
  opacity: 1;
}

.rug-md-fvh-mob {
  width: 100%;
  height: 100vh;
  display: none;
}

.rug-swatch-stone {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/c6edb243a6e688238d54c1a6fd8f59c9.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90px 90px;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.rugbg-color-marble {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/6057f9266f7f704c43f4a31b_61R76coUkRL._AC_SL1000_.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

._4rug-bg {
  z-index: auto;
  background-color: #0000;
  background-image: url('../images/regularherringboneparquet.jpeg');
  background-position: 50%;
  background-size: 300px 300px;
  width: 46.5%;
  height: 100vh;
  display: none;
  position: absolute;
  left: 7%;
}

.rugbg-color-prq {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/regularherringboneparquet.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90px 90px;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

._5rug-bg {
  z-index: auto;
  background-color: #0000;
  background-image: url('../images/80256851fe094b60c5469e6b55bb50b7.jpeg');
  background-position: 50%;
  background-size: 280px 280px;
  width: 46.5%;
  height: 100vh;
  display: none;
  position: absolute;
  left: 7%;
}

.rugswatch-dark {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/80256851fe094b60c5469e6b55bb50b7.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px 100px;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.rugcolor-swatch68 {
  cursor: pointer;
  background-color: #ddd7d3;
  border: 1px #ccc;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.close-icon-qr-rug {
  cursor: pointer;
  font-size: 44px;
  font-weight: 300;
  line-height: 44px;
}

.close-icon-qr-rug:hover {
  color: #111;
}

.ar-mob-variants-wrap {
  display: none;
}

.md-rug {
  background-color: #0000;
  background-image: url('../images/Group_animated.svg'), url('../images/6056c63cfb416cf1d56c62de_rug61.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 114.73px 196.5px, 95px 95px;
  background-attachment: scroll, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.image-5-copy {
  opacity: 1;
  border: 1px #e0d7d726;
  border-radius: 7px;
}

.md-rug-2 {
  background-color: #0000;
  background-image: url('../images/Group_animated.svg'), url('../images/6056c755e5d9ed4e11c6c6a9_rug91.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 114.73px 196.5px, 95px 95px;
  background-attachment: scroll, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.link-block-7-rug2-inactive {
  border: 1px #e0d7d726;
  border-radius: 7px;
  margin-left: 40px;
}

.link-block-7-rug2-inactive:hover {
  border-color: #fff;
}

.ar-mob-variants-wrap-copy {
  display: none;
}

.ar-info-wrap {
  margin-top: 4%;
  padding-top: 0;
  padding-bottom: 0;
}

.close-icon-demo-i {
  opacity: 1;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 90px;
  font-family: "Fa 300", sans-serif;
  font-size: 3.5em;
  font-weight: 300;
  line-height: 1em;
  text-decoration: none;
  display: flex;
  position: static;
  inset: 2% 3% auto auto;
}

.close-icon-demo-i:hover {
  opacity: 1;
}

.close-icon-demo-i-wrap {
  opacity: .77;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
  position: absolute;
  top: 4%;
}

.close-icon-demo-i-wrap:hover {
  opacity: 1;
}

.ar-info-icon {
  color: #fff;
  font-family: "Fa 300", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
}

.ar-info-icon.pricing-small {
  font-size: 30px;
  line-height: 30px;
}

.ar-info-icon-wrap {
  cursor: default;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ar-info-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
}

.info-info-sub {
  color: #fff;
  text-align: center;
  letter-spacing: -.3px;
  font-family: Inter, sans-serif;
  font-size: 12px;
}

.ar-info-container {
  text-align: center;
  flex: 1;
}

.demo-ar-info-wrap {
  z-index: 11;
  background-color: #000;
  background-image: linear-gradient(#000, #272525);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.ar-info-title {
  color: #fff;
  text-align: center;
  letter-spacing: -1px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}

.grid-feature-button-2 {
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  margin-top: 10px;
  display: none;
}

.pricing-ar-icon {
  color: #fff;
  cursor: default;
  font-family: "Fa solid 900", sans-serif;
  font-size: 26px;
}

.pricing-section-ar {
  background-color: #000;
  background-image: linear-gradient(#000, #272525);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 3%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.princing-ar-text-block {
  color: #fff;
  text-align: center;
  width: 80%;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.plan-pricing-ar {
  color: #fff;
  font-family: Inter, sans-serif;
  position: static;
}

.title-pricing-ar-bottom {
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 20px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.grid-feature-blank-2 {
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr 1fr;
}

.title-pricing-ar {
  padding: 20px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.text-span-11 {
  color: #fff;
  font-size: 14px;
  line-height: 14px;
}

.button-price-dark-2 {
  color: #fff;
  text-align: center;
  background-color: #111;
  border-radius: 100px;
  width: 100%;
  margin-top: 16px;
  padding: 16px 24px;
  font-size: 15px;
  font-weight: 500;
}

.grid-feature-2 {
  background-color: #222;
  background-image: linear-gradient(270deg, #000, #1a1919);
  border-radius: 25px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr 1fr;
}

.grid-feature-2.last {
  background-color: #0000;
  background-image: linear-gradient(to top, #000, #1a1919);
  border: 1px #ffffff14;
  grid-template-columns: 3fr 3.25fr;
  margin-bottom: 0;
}

.pricing-header-ar {
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  margin-bottom: 0;
}

.container-pricing-ar {
  justify-content: center;
  width: 100%;
  max-width: 1120px;
}

.ar-table-pricing-title {
  color: #fff;
  letter-spacing: -.2px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

.pricing-ar-cell {
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 700;
  display: flex;
}

.text-block-35-copy {
  color: #fff;
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 11px;
}

.button-price-2 {
  color: #111;
  text-align: center;
  background-color: #f1e7b0;
  border-radius: 100px;
  width: 100%;
  margin-top: 16px;
  padding: 16px 24px;
  font-size: 15px;
  font-weight: 500;
}

.field-input-conf {
  color: #111;
  background-color: #0000;
  border: 1.5px solid #ccccccbf;
  border-radius: 6px;
  width: 100%;
  max-width: 303px;
  min-height: 45px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
}

.field-input-conf:focus {
  color: #111;
  background-color: #f1fff9;
  border-color: #36b37e;
  font-family: Basiercircle, sans-serif;
}

.field-input-conf::placeholder {
  color: #0000371a;
  font-family: Basiercircle, sans-serif;
}

.form-title-wrap-final {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.text-block-36 {
  color: #fff;
  text-transform: uppercase;
  align-items: center;
  margin-left: 14px;
  line-height: 18px;
  display: flex;
}

.text-block-37, .text-block-38 {
  cursor: default;
}

.html-embed-6 {
  color: #111;
  background-color: #0000;
  width: 300px;
  height: 60px;
  margin-left: 60px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.checkout-redirect-wrap {
  z-index: 19;
  background-color: #f9f9f9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.lottie-animation-5 {
  width: 100px;
}

.text-block-39 {
  color: #999;
  font-family: Basiercircle, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.sg-brand-wrapper {
  border-bottom: .5px #eeeeee80;
  width: 100%;
  padding: 32px;
}

.sg-colour-label-wrapper {
  flex-direction: column;
  align-items: center;
  font-family: Inter, sans-serif;
  display: flex;
}

.button-4 {
  text-align: center;
  background-color: #dc7d3c;
  border: 1px solid #dc7d3c;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 8px 40px;
  font-weight: 400;
  text-decoration: none;
  transition: transform .4s, border-color .4s, background-color .4s, color .4s;
  display: flex;
  box-shadow: 6px 6px 16px #3333331a;
}

.button-4:hover {
  background-color: #b06330;
  border-color: #b06330;
  transform: translate(0, -1.5px);
}

.button-4.outlined {
  background-color: #0000;
}

.button-4.outlined:hover {
  background-color: #dc7d3c;
  border-color: #dc7d3c;
}

.button-4.arrow:hover {
  transform: none;
}

.sg-right-bottom-wrapper {
  background-color: #fff;
  flex-direction: column;
  width: auto;
  min-height: 100vh;
  margin-left: 300px;
  display: flex;
  position: relative;
}

.sg-colours-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: none;
  margin: 0;
}

.sg-divider {
  background-color: #fff;
  width: 100%;
  height: .5px;
  min-height: .5px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.global-section {
  width: 100%;
  max-width: 100%;
  padding: 128px 64px;
}

.global-section.sg {
  border-bottom: .5px solid #eeeeee80;
}

.cc-title-2 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-left: 9px;
  font-family: Basiercircle, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}

.text {
  max-width: 65ch;
  font-family: Inter, sans-serif;
  font-size: 1em;
}

.text.sg-colour-label {
  text-align: center;
  margin-bottom: 2px;
  font-size: .78em;
}

.text.mobile-only {
  display: none;
}

.sg-anchor-links-wrapper {
  flex-direction: column;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  overflow: auto;
}

.sg-return-to-home-lb {
  color: #eee;
  background-color: #444445;
  border-top: .5px solid #eeeeee80;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.sg-return-to-home-lb:hover {
  background-color: #333334;
}

.sg-return-to-home-lb.mobile-only {
  border-top-style: none;
  height: 0;
  padding: 0;
}

.p1 {
  color: #666;
  letter-spacing: -.2px;
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.sg-anchor-lb {
  color: #eee;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.sg-anchor-lb:hover {
  background-color: #565557b0;
}

.sg-anchor-lb.w--current {
  background-color: #333334a6;
  box-shadow: inset 3px 0 #fff;
}

.top {
  width: 100%;
  height: 0;
}

.sg-colour-wrapper {
  border-bottom: 1px solid #f1eded;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5px 0;
  font-family: Inter, sans-serif;
  display: flex;
}

.sg-colour-wrapper._1 {
  color: #fff;
  background-color: #ccc;
  border-left: 1px solid #fff;
  border-radius: 0;
}

.sg-outer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
}

.sg-left-top-wrapper {
  background-color: #0000;
  background-image: linear-gradient(#000, #272525);
  flex-direction: column;
  align-items: flex-start;
  width: 300px;
  min-height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.logo-lb {
  max-width: 100%;
}

.logo-lb.sidebar {
  align-items: center;
  max-width: none;
  height: auto;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
}

.global-container {
  background-color: #0000;
  background-image: linear-gradient(#faf2f2, #faf2f7 99%, #fff);
  border: 1px solid #f5f5f5;
  border-bottom-style: none;
  border-radius: 12px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}

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

.bold-text-8 {
  margin-right: 10px;
  font-family: "Fa 300", sans-serif;
}

.heading-16 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

.heading-17 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
}

.text-block-40, .text-block-41 {
  font-family: Inter, sans-serif;
  font-weight: 600;
}

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

.tabs-menu.closer {
  justify-content: space-around;
}

.tab-link-tab-1 {
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 50px;
  padding: 0;
  font-family: Inter, sans-serif;
  display: flex;
}

.tab-link-tab-1.w--current {
  color: #fff;
  background-color: #000;
  height: 50px;
}

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

.tab-link-tab-1-2 {
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 40px;
  margin-right: 10px;
  padding: 0;
  font-family: Inter, sans-serif;
  display: flex;
}

.tab-link-tab-1-2.w--current {
  color: #fff;
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0;
  display: flex;
}

.text-block-43, .text-block-44, .text-block-45, .text-block-46 {
  font-weight: 600;
}

.div-block-20 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 120px;
  padding-left: 9px;
  display: flex;
}

.icon-plan {
  font-family: Inter, sans-serif;
}

.bold-text-9 {
  font-family: "Fa solid 900", sans-serif;
  font-size: 14px;
}

.text-span-12 {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.submit-button-6 {
  background-color: #111;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  font-family: Inter, sans-serif;
}

.textarea-2 {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 120px;
  font-family: Inter, sans-serif;
}

.field-label {
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.text-block-47, .text-block-48, .text-block-49, .text-block-50 {
  font-family: Inter, sans-serif;
}

.tabs-content-2 {
  margin-top: 10px;
}

.textarea-2-copy {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 80px;
  font-family: Inter, sans-serif;
}

.text-block-51, .text-block-52, .text-block-53 {
  text-align: center;
}

.success-message-3 {
  background-color: #0000;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 9px;
}

.bold-text-11 {
  font-family: "Fa solid 900", sans-serif;
  font-size: 11px;
  line-height: 11px;
}

.section-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-21 {
  justify-content: center;
  align-items: center;
  width: 900px;
  height: 200px;
  display: flex;
}

.div-block-22 {
  width: 900px;
  height: 500px;
}

.div-block-23 {
  color: red;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
}

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

.brand {
  color: #fff;
  letter-spacing: -.03em;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.35em;
  text-decoration: none;
  display: flex;
}

.speaker-quick-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  height: 100%;
  padding-right: 12px;
  display: grid;
  overflow: auto;
}

.button-5 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 210px;
  padding: 14px 32px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.button-5.dark {
  color: #62708b;
  white-space: nowrap;
  border-color: #dbe2f0;
  font-weight: 400;
}

.dual-title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  display: grid;
}

.nav-link-5 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  display: flex;
}

.nav-link-5.w--current {
  color: #fff;
}

.nav-menu-wrapper {
  z-index: 101;
  align-items: stretch;
  display: flex;
  position: relative;
}

.navigation-cover {
  opacity: .96;
  background-color: #1e2029;
  height: 20%;
  position: absolute;
  inset: -20% 0% auto;
  box-shadow: 0 12px 36px -8px #0000000d;
}

.quick-list-collection-item:first-child {
  border-top: 1px solid #dbe2f0;
}

.nav-menu-2 {
  display: flex;
}

.quick-list-wrapper {
  flex-direction: column;
  min-width: 35vw;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.off-page-menu {
  z-index: 101;
  color: #12141d;
  background-color: #fff;
  flex-direction: column;
  width: 45vw;
  padding-top: 160px;
  padding-left: 36px;
  padding-right: 5vw;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.nav-bar-wrapper {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.nav-bar {
  background-color: #0000;
  justify-content: center;
  height: 100px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.hover-link-wrapper {
  z-index: 100;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 148px;
  height: 148px;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: auto auto 5vw 5vw;
}

.hover-link {
  background-color: #fff0;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.clip-text {
  width: 100%;
  overflow: hidden;
}

.clip-text.speaker-headding {
  margin-top: -48px;
  margin-bottom: 36px;
}

.speaker-slider-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.speaker-image-cover {
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/126088be86bf59c06077ec19cb_Gradient-Blur-001.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 101%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.speaker-info {
  max-width: 500px;
  margin-bottom: 36px;
}

.speaker-slide-mask {
  width: 33.33%;
  overflow: visible;
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 5vw;
  display: flex;
  position: relative;
}

.section.home-hero-section {
  justify-content: space-between;
  align-items: stretch;
  min-height: 100vh;
  padding: 0 0;
  overflow: hidden;
}

.section.thin-section {
  margin-top: 100px;
  margin-bottom: 0;
  padding-top: 36px;
  padding-bottom: 36px;
  overflow: hidden;
}

.section.footer {
  padding-top: 140px;
  padding-bottom: 180px;
  overflow: hidden;
}

.speaker-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 101%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.speaker-image.four {
  background-image: url('../images/pexels-fauxels-3184292.jpg');
  background-position: 50%;
}

.speaker-image.one {
  background-image: url('../images/pexels-adrianna-calvo-17679.jpg');
}

.speaker-image.two {
  background-image: url('../images/pexels-andrea-piacquadio-3831645.jpg');
}

.speaker-image.three {
  background-image: url('../images/pexels-cottonbro-4769486.jpg');
  background-position: 50%;
  margin-right: 0;
}

.speaker-image.five {
  background-image: url('../images/pexels-karolina-grabowska-4386476.jpg');
  background-position: 50%;
  width: 101%;
}

.speaker-image.six {
  background-image: url('../images/pexels-fauxels-3184287.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.speakers-hero-wrapper {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.slide-image {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 65vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.body-display {
  color: #8a94a6;
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.55em;
}

.body-display.large {
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 1.6em;
}

.speaker-slide-content {
  z-index: 100;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 36px;
  display: flex;
  position: relative;
}

.speaker-name {
  z-index: 10;
  color: #fff;
  letter-spacing: -.05px;
  font-family: Inter, sans-serif;
  font-size: 44px;
  position: relative;
}

.slide-arrow {
  width: 18px;
}

.speaker-arrow {
  background-color: #1e2029;
  border: 1px #ffffff0a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 0;
  display: flex;
  inset: auto 5vw 5vw auto;
}

.speaker-arrow.left {
  margin-right: 72px;
  left: auto;
  right: 5vw;
}

.speaker-slider {
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.wrapper-2 {
  z-index: 10;
  width: 100%;
  max-width: 1300px;
  position: relative;
}

.logos-heading-wrapper {
  align-items: center;
  margin-bottom: 48px;
  display: flex;
}

.solid-line {
  background-color: #1e2029;
  flex: 1;
  height: 1px;
  margin-left: 36px;
}

.featured-logos-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  display: grid;
}

.circle-hover {
  background-color: #2a2c34;
  border-radius: 100%;
  width: 6vw;
  height: 6vw;
  position: absolute;
  inset: -6vw -6vw auto auto;
}

.circle-hover.white {
  z-index: 0;
  background-color: #fff;
  top: -6vw;
  right: -6vw;
}

.feature-title-wrapper {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 60px;
  display: grid;
  position: relative;
}

.trio-cards {
  grid-column-gap: 36px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-top: 120px;
  margin-bottom: 48px;
  display: grid;
}

.gradient-span {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Gradient-Blur-001.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
  -webkit-background-clip: text;
  background-clip: text;
}

.centered-intro {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.feature-icon-wrapper {
  background-color: #2a2c34;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  min-height: 60px;
  display: flex;
}

.feature-icon-wrapper.white {
  color: #dbe2f0;
  letter-spacing: -.05em;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  font-size: 50px;
  font-weight: 700;
  display: flex;
  overflow: hidden;
}

.feature-item-info {
  z-index: 10;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
  position: relative;
}

.feature-item {
  background-color: #1e2029;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 350px;
  margin-bottom: -48px;
  padding: 42px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-item.middle-item {
  justify-content: center;
  min-height: 350px;
  margin-top: -48px;
  margin-bottom: 0;
}

.feature-item.left-item {
  justify-content: center;
  align-items: center;
}

.feature-item.right-item {
  justify-content: center;
}

.clip {
  overflow: hidden;
}

.large-heading {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 54px;
}

.centered-call-to-action {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.centered-call-to-action.clip {
  grid-template-columns: .5fr .25fr;
}

.background-fill {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.call-to-action-heading {
  grid-column-gap: 18px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.gradient-background-fill {
  background-image: url('../images/Gradient-Blur-001.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
  min-width: 100vw;
  height: 101%;
}

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

.legal-link {
  color: #ffffff73;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

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

.footer-credits {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ffffff73;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  font-family: Inter, sans-serif;
  font-size: 12px;
  line-height: 1.2em;
  display: grid;
}

.footer-nav-link {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-decoration: none;
  display: flex;
}

.footer-pages {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.showreel-heading {
  z-index: 2;
  opacity: .03;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  font-family: Cinzel, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 1.3em;
  position: absolute;
  inset: auto auto -5px;
}

.quick-list-overlay {
  z-index: 100;
  background-color: #12141db3;
  display: none;
  position: fixed;
  inset: 0%;
}

.body-lighthouse {
  background-color: #12141d;
}

.heading-18 {
  color: #fff;
  letter-spacing: -.01px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

.heading-19 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

.text-block-55, .text-block-56, .text-block-57, .text-block-58 {
  font-family: Inter, sans-serif;
}

.lighthouse-info-wrap {
  z-index: 9999;
  object-fit: fill;
  background-color: #000;
  background-image: linear-gradient(#000, #272525);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 3%;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.close-icon-demo-i-wrap--2 {
  opacity: .77;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
  position: absolute;
  top: 4%;
}

.close-icon-demo-i-wrap--2:hover {
  opacity: 1;
}

.div-block-24 {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

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

.info-lt-wrap {
  cursor: pointer;
}

.rug-md-fvh-mob-copy {
  width: 100%;
  height: 100vh;
  display: none;
}

.ar-qr-info-2-copy {
  color: #111;
  text-align: center;
  width: 80%;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 300;
}

.rug-wrap-copy {
  background-color: #0000;
  width: 46.5%;
  height: 100vh;
  display: flex;
}

.text-block-60 {
  text-align: center;
  font-family: Inter, sans-serif;
}

.floorprev-checkout {
  color: #111;
  background-color: #0000;
  width: 300px;
  height: 60px;
  margin: 20px auto;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.div-block-25 {
  flex-direction: column;
  display: flex;
}

.smaller-dsh12 {
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 12px;
}

.md-windows {
  background-color: #0000;
  background-image: url('../images/Group_animated.svg'), url('../images/window.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 114.73px 196.5px, 95px 95px;
  background-attachment: scroll, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.md-windows.gav1 {
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
}

.windowsqr {
  background-color: #f7f7f7;
  background-image: url('../images/qrcode-windows-f.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 320px;
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0%;
}

.windowsqr.gav {
  background-image: url('../images/609200930ffe27d24c1ab4e4_qrcode-gav.png');
}

.html-embed-10 {
  width: 60%;
  height: 100vh;
}

.hm-cv-md {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.hm-cv-bd {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section-5 {
  background-color: #f7f7f7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.text-block-61 {
  margin-bottom: 40px;
  font-family: Basiercircle, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
}

.image-29 {
  margin-top: 20px;
}

.section-6 {
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-26 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100vh;
  display: flex;
}

.section-7 {
  flex-direction: row;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-27 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100vh;
  display: flex;
}

.html-embed-12 {
  margin-bottom: 40px;
}

.section-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-28 {
  flex-direction: row;
  align-items: center;
  height: 30px;
  display: flex;
}

.intro-paragraph {
  color: #aaa;
  text-align: center;
  letter-spacing: .004px;
  width: 80%;
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2em;
}

.short-paragraph {
  text-align: center;
  width: 35%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  line-height: 29px;
}

.short-paragraph-copy {
  text-align: left;
  letter-spacing: -2px;
  width: 35%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 4em;
  font-weight: 700;
  line-height: 1em;
  display: block;
}

.text-span-14 {
  font-weight: 200;
}

.html-embed-13 {
  width: 100%;
  height: 100vh;
}

.draggable {
  background-color: #421c1c;
  width: 400px;
  height: 400px;
}

.html-embed-14 {
  width: 100%;
  height: 100vh;
}

.section-9 {
  display: flex;
}

.html-embed-15 {
  height: 300px;
}

.section-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: grid;
}

.div-block-29 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 3.7em;
  display: flex;
}

.heading-20 {
  color: #fff;
  text-align: center;
  font-family: Basiercircle, sans-serif;
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1.3;
}

.html-embed-16 {
  background-color: #000;
  width: 100%;
  height: 100%;
}

.div-block-30 {
  background-color: #000;
  background-image: url('../images/cclogo-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-31 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120px;
  display: flex;
}

.sec-lrs {
  width: 100%;
  max-width: 100%;
  padding: 30px 64px;
}

.sg-colours-grid-lrs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: none;
  margin: 0;
}

.sg-colours-grid-lrs.hide {
  display: none;
}

.div-block-32 {
  margin-top: 40px;
}

.global-container-lrs {
  background-color: #0000;
  background-image: linear-gradient(#faf2f2, #faf2f7 99%, #fff);
  border: 1px solid #f5f5f5;
  border-bottom-style: none;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px 30px;
  display: flex;
}

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

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

.html-embed-17 {
  width: 100%;
  height: 100vh;
}

.text-span-15 {
  text-decoration: line-through;
}

.div-block-33 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.heading-17-scs {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
}

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

.html-embed-gav {
  background-color: #0000;
  background-image: url('../images/Group_animated.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 114.73px 196.5px;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.html-embed-18 {
  width: auto;
  height: auto;
}

.div-block-35 {
  background-color: #f5f7f9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.text-block-62 {
  color: #000;
  margin-top: 15px;
  margin-bottom: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 24px;
  font-weight: 200;
}

.text-block-63, .text-block-64 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  line-height: 11px;
}

.div-block-36 {
  display: flex;
}

.image-31 {
  margin-top: 20px;
}

.div-block-37 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-38 {
  background-image: url('../images/ccview.jpg');
  background-position: 50% 100%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 600px;
  height: 600px;
  display: flex;
}

.div-block-39 {
  transform-style: preserve-3d;
  background-color: #961717;
  background-image: url('../images/regularherringboneparquet.jpeg');
  background-position: 0 0;
  background-size: auto;
  width: 15em;
  height: 20em;
  margin-bottom: 0;
  margin-left: 16em;
  transform: rotateX(66deg)rotateY(3deg)rotateZ(6deg)skew(-1deg, -13deg);
}

.html-embed-19, .html-embed-20, .html-embed-21 {
  width: 100%;
  height: 100vh;
}

.div-block-40 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.add-to-cart {
  background-color: #d51a1a;
  width: 200px;
  height: 50px;
}

.html-embed-22 {
  width: 100%;
  max-width: 600px;
}

.html-embed-23 {
  width: 100%;
}

.html-embed-24 {
  width: 100%;
  height: 100vh;
}

.html-embed-25 {
  height: 100%;
  padding: 20px;
}

@media screen and (min-width: 1280px) {
  .cover-title {
    font-size: 4em;
  }

  .ball-wrap {
    transition: width .2s;
    right: 19%;
  }

  .navigation {
    margin-left: auto;
    margin-right: 50px;
    position: static;
  }

  .cover-title-wrapper {
    margin-top: auto;
    padding-bottom: 0;
  }

  .cover {
    background-image: url('../images/wave-2.svg'), url('../images/wave-vector.png'), url('../images/cover-view.jpg');
    background-position: 50% 100%, 0 0, 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: contain, 400px, 1100px;
    background-attachment: scroll, scroll, scroll;
  }

  .header-nav {
    align-items: center;
    display: flex;
  }

  .btn-1, .btn-2 {
    height: 58px;
    margin-left: 0;
    padding-top: 18px;
  }

  .lottie-animation {
    width: 300px;
  }

  .btn-1-copy2 {
    height: 58px;
    margin-left: 0;
    padding-top: 18px;
  }

  .paragraph-intro {
    display: none;
  }

  .about-section-cover {
    background-image: none;
  }

  .solutions-section {
    background-image: url('../images/cc-hp.png'), url('../images/122.png'), url('../images/wave-vector.png');
    background-position: 96% 3.5%, -20% 0, 0 0;
    background-size: 250px, 700px, 400px;
  }

  .btn-2-copy {
    height: 58px;
    margin-left: auto;
    padding-top: 18px;
  }

  .intro-title-2 {
    font-size: 4em;
  }

  .ar-info-small-2, .ar-info-s-rug {
    width: 100%;
  }

  .sg-colours-grid, .sg-colours-grid-lrs {
    max-width: none;
  }
}

@media screen and (min-width: 1440px) {
  .ball-wrap {
    right: 27%;
  }

  .navigation {
    margin-right: 50px;
  }

  .cover-title-wrapper {
    margin-top: auto;
    padding-bottom: 0;
  }

  .cover-subtitle {
    font-family: Basiercircle, sans-serif;
    font-size: 1.3em;
  }

  .btn-info {
    font-family: Basiercircle, sans-serif;
  }

  .cover {
    background-image: url('../images/wave-2.svg'), url('../images/wave-vector.png'), url('../images/cover-view.jpg');
    background-position: 50% 100%, 0 0, 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: contain, 400px, contain;
    background-attachment: scroll, scroll, scroll;
  }

  .btn-1 {
    font-family: Basiercircle, sans-serif;
    font-weight: 500;
  }

  .cube-grid-anim {
    display: flex;
  }

  .intro-subtitle {
    font-family: Basiercircle, sans-serif;
    font-size: 1.3em;
  }

  .btn-2 {
    font-family: Basiercircle, sans-serif;
    font-weight: 500;
  }

  .cover-subtitle-mob {
    font-family: Basiercircle, sans-serif;
    font-size: 1.3em;
  }

  .focus-text {
    width: 511px;
  }

  .lottie-animation {
    width: 300px;
  }

  .section-content {
    padding-top: 60px;
  }

  .btn-1-copy2 {
    font-family: Basiercircle, sans-serif;
    font-weight: 500;
  }

  .about-section-cover {
    background-image: none;
  }

  .about-cover-wave {
    background-size: cover;
  }

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

  .about-info-3 {
    background-size: auto, cover;
  }

  .about-footer2 {
    margin-top: 25px;
  }

  .solutions-section {
    background-image: url('../images/cc-hp.png'), url('../images/122.png'), url('../images/wave-vector.png');
    background-position: 96% 3.5%, -18% 0, 0 0;
    background-size: 250px, 900px, 400px;
  }

  .git-section, .pp-section {
    background-image: url('../images/wave-vector.png'), url('../images/5f75021cb36ea4232e2255c6_bg_shade.png');
    background-position: 0 0, 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: 400px, cover;
  }

  .btn-2-copy {
    margin-left: auto;
    font-family: Basiercircle, sans-serif;
    font-weight: 500;
  }

  .fullvh-section {
    background-image: url('../images/wave-vector.png'), url('../images/5f75021cb36ea4232e2255c6_bg_shade.png');
    background-position: 0 0, 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: 400px, cover;
  }

  .qr-code-wrap {
    display: none;
  }

  .ar-info-small-2 {
    width: 94%;
  }

  .ar-qr-info {
    width: 52%;
  }

  .ar-info-s-rug {
    width: 94%;
  }

  .ar-qr-info-2 {
    width: 250px;
  }

  .view-space-text-rug {
    font-size: 1.2vw;
  }

  .sg-colours-grid {
    max-width: none;
  }

  .section.home-hero-section {
    min-height: 60vh;
  }

  .ar-qr-info-2-copy {
    width: 80%;
  }

  .sg-colours-grid-lrs {
    max-width: none;
  }
}

@media screen and (min-width: 1920px) {
  .cover-title {
    margin-top: 0;
    font-size: 4.7em;
    font-weight: 700;
  }

  .ball-wrap {
    right: 26%;
  }

  .ball {
    margin-top: 50px;
  }

  .navigation {
    width: auto;
  }

  .dropdown-list-2.w--open {
    background-color: #fdf189;
    width: 600px;
    left: -220px;
  }

  .cover-title-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 690px;
    height: 100vh;
    display: flex;
  }

  .cover-subtitle {
    letter-spacing: -.4px;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.4em;
  }

  .start-wrapper {
    margin-top: 24px;
  }

  .cover {
    background-image: url('../images/wave-2.svg'), url('../images/wave-vector.png'), url('../images/cover-view.jpg');
    background-position: 50% 100%, 0 0, 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: contain, 400px, contain;
    background-attachment: scroll, scroll, scroll;
  }

  .cc-title {
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
  }

  .header-nav {
    justify-content: space-between;
    overflow: visible;
  }

  .nav-button-copy-copy-copy-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-link-4 {
    color: #111;
    font-size: 1.1em;
    font-weight: 500;
    text-decoration: none;
  }

  .bold-text-7 {
    font-family: "Fa 400", sans-serif;
  }

  .btn-1 {
    text-align: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background-color: #fff;
    border-width: 2px;
    border-color: #000;
    border-radius: 12px;
    height: 58px;
    margin-left: 0;
    padding-top: 18px;
    font-size: 1.1em;
    font-weight: 500;
    box-shadow: 2px 2px #181818;
  }

  .btn-1:hover {
    padding-top: 18px;
    box-shadow: 2px 2px #181818;
  }

  .cc-intro {
    flex-direction: row;
    width: 100%;
    height: 100vh;
    display: flex;
  }

  .cube-grid-wrap {
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex;
  }

  .cube-grid-anim {
    justify-content: center;
    align-items: center;
    width: 80%;
  }

  .intro-text-wrap {
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    display: flex;
  }

  .intro-subtitle {
    letter-spacing: -.4px;
    width: 70%;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.4em;
  }

  .intro-button-wrap {
    margin-top: 25px;
  }

  .btn-2 {
    text-align: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background-color: #fff;
    border-width: 2px;
    border-color: #000;
    border-radius: 12px;
    height: 58px;
    margin-left: 0;
    padding-top: 18px;
    font-size: 1.1em;
    font-weight: 500;
    box-shadow: 2px 2px #181818;
  }

  .btn-2:hover {
    padding-top: 18px;
    box-shadow: 2px 2px #181818;
  }

  .focus {
    background-image: linear-gradient(#fee450, #ffffffb3), url('../images/wave-2.svg');
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    height: 100vh;
  }

  .cover-subtitle-mob {
    letter-spacing: -.4px;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.4em;
  }

  .lottie-animation {
    width: 300px;
  }

  .title {
    color: #0003;
    background-color: #0000;
    border: 1px #00000008;
    border-radius: 10px;
    max-width: 80px;
    margin-bottom: 10px;
    font-weight: 400;
  }

  .heading-primary {
    color: #111;
    margin-bottom: 10px;
    font-family: Basiercircle, sans-serif;
    line-height: 1;
  }

  .text-span {
    line-height: 1.2em;
  }

  .paragraph {
    margin-bottom: 15px;
  }

  .text-span-9 {
    border-bottom: 4px solid #fee450;
    margin-right: 5px;
    font-weight: 700;
    text-decoration: none;
  }

  .cc-footer {
    background-color: #111;
  }

  .main-heading {
    margin-top: 0;
  }

  .paragraph-4 {
    margin-top: 10px;
  }

  .btn-1-copy2 {
    text-align: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background-color: #fff;
    border-width: 2px;
    border-color: #fff;
    border-radius: 12px;
    height: 58px;
    margin-left: 0;
    padding-top: 18px;
    font-size: 1.1em;
    font-weight: 500;
    box-shadow: 2px 2px #fff;
  }

  .btn-1-copy2:hover {
    padding-top: 18px;
    box-shadow: 2px 2px #fff;
  }

  .footer-wrap {
    justify-content: center;
    align-items: center;
    height: 13vh;
    padding-left: 0;
    padding-right: 0;
  }

  .copyright {
    color: #999;
    font-family: Basiercircle, sans-serif;
    font-size: 12px;
    line-height: 12px;
  }

  .link-block-2 {
    font-family: Basiercircle, sans-serif;
    text-decoration: none;
  }

  .banner-content {
    -webkit-text-fill-color: inherit;
    background-position: 0 100%;
    background-clip: border-box;
  }

  .text-block-11 {
    font-size: 17px;
  }

  .text-block-12 {
    font-family: Basiercircle, sans-serif;
  }

  .submit-button-3 {
    margin-bottom: -14px;
  }

  .about-section-cover {
    background-image: none;
  }

  .about-cover-wave {
    z-index: 1;
    position: absolute;
    bottom: -1px;
  }

  .hero.home.bottom {
    padding-bottom: 20px;
  }

  .about-div-4 {
    background-position: 0 0;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .bold-text-3 {
    color: #e2ce59;
  }

  .text-1---24.home, .heading, .text-block-19 {
    color: #111;
  }

  .about-info-3 {
    background-image: linear-gradient(#fee450, #ffffffb3), url('../images/wave-2.svg');
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 280px;
  }

  .icon-anim1 {
    margin-top: 9%;
    left: 11%;
  }

  .cyl-icon2 {
    margin-top: 13%;
    right: 14%;
  }

  .about-footer2 {
    margin-top: 0;
  }

  .icon-anim3 {
    margin-top: 1%;
    left: auto;
  }

  .pricing-section {
    background-position: 0 0;
  }

  .footer-wrap2 {
    justify-content: center;
    align-items: center;
    height: 13vh;
    padding-left: 0;
    padding-right: 0;
  }

  .solutions-section {
    background-position: 86% 3.5%, -19% 0, 0 0;
    background-size: 250px, 1200px, 400px;
  }

  .git-section {
    background-image: url('../images/wave-vector.png'), url('../images/5f75021cb36ea4232e2255c6_bg_shade.png');
    background-position: 0 0, 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: 400px, cover;
  }

  .div-block-18 {
    justify-content: flex-start;
  }

  .pp-section {
    background-image: url('../images/wave-vector.png'), url('../images/5f75021cb36ea4232e2255c6_bg_shade.png');
    background-position: 0 0, 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: 400px, cover;
  }

  .btn-2-copy {
    text-align: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background-color: #fff;
    border-width: 2px;
    border-color: #000;
    border-radius: 12px;
    height: 58px;
    margin-left: auto;
    padding-top: 18px;
    font-size: 1.1em;
    font-weight: 500;
    box-shadow: 2px 2px #181818;
  }

  .btn-2-copy:hover {
    padding-top: 18px;
    box-shadow: 2px 2px #181818;
  }

  .intro-title-2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 4.7em;
    font-weight: 700;
  }

  .fullvh-section {
    background-image: url('../images/wave-vector.png'), url('../images/5f75021cb36ea4232e2255c6_bg_shade.png');
    background-position: 0 0, 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: 400px, cover;
  }

  .qr-code-wrap {
    display: none;
  }

  .ar-info-small-2 {
    width: 90%;
    font-size: 100%;
  }

  .ar-qr-info {
    letter-spacing: -.4px;
    width: 40%;
    font-size: 13px;
  }

  .qr-code-wrap-rug {
    display: none;
  }

  .ar-info-s-rug {
    width: 90%;
    font-size: 14px;
  }

  .view-in-your-space-button-rug {
    height: 75px;
  }

  .ar-qr-info-2 {
    letter-spacing: -.4px;
    width: 250px;
    font-size: 13px;
  }

  .view-space-text-rug {
    font-size: 1.2vw;
  }

  .html-embed-6 {
    color: #111;
    background-color: #0000;
    border: 1px #000;
    border-radius: 0;
    width: auto;
    height: auto;
    font-family: Basiercircle, sans-serif;
    font-size: 1em;
    font-weight: 500;
  }

  .sg-colours-grid {
    max-width: none;
  }

  .global-section, .global-section.sg {
    padding-top: 192px;
    padding-bottom: 192px;
  }

  .cc-title-2 {
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
  }

  .div-block-24 {
    inset: auto auto 0% 0%;
  }

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

  .ar-qr-info-2-copy {
    letter-spacing: -.4px;
    width: 80%;
    font-size: 13px;
  }

  .floorprev-checkout {
    color: #111;
    background-color: #0000;
    border: 1px #000;
    border-radius: 0;
    width: auto;
    height: auto;
    font-family: Basiercircle, sans-serif;
    font-size: 1em;
    font-weight: 500;
  }

  .sec-lrs {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .sg-colours-grid-lrs {
    max-width: none;
  }
}

@media screen and (max-width: 991px) {
  .cover-title {
    text-align: center;
  }

  .ball-wrap {
    display: none;
  }

  .cc-logo.w--current {
    z-index: 9;
  }

  .navigation {
    display: none;
  }

  .cover-title-wrapper {
    align-items: center;
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cover {
    background-image: url('../images/wave-2.svg'), url('../images/wave-vector.png'), url('../images/cover-view-bg-mob.jpg');
    background-position: 50% 100%, 0 0, 20%;
    background-size: contain, 400px, cover;
  }

  .cc-intro {
    background-color: #fff;
    flex-direction: column;
    height: auto;
  }

  .cube-grid-wrap {
    width: 100%;
    padding-bottom: 0;
  }

  .intro-text-wrap {
    align-items: center;
    width: 100%;
    margin-bottom: 20%;
    padding-bottom: 0;
  }

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

  .text-span-8 {
    font-size: 1em;
  }

  .column-wrap-reversed {
    flex-wrap: wrap;
    margin-bottom: 80px;
  }

  .column-wrap {
    flex-wrap: wrap;
  }

  .content-block-right {
    width: 100%;
    padding-left: 25px;
  }

  .content-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 35px;
    display: flex;
  }

  .title {
    width: 90px;
  }

  .paragraph-2 {
    max-width: 100%;
  }

  .container.space-below {
    margin-bottom: 80px;
  }

  .content-block-left {
    width: 100%;
    padding-right: 25px;
  }

  .image-block {
    width: 100%;
    min-height: auto;
    margin-bottom: 35px;
  }

  .column {
    width: 100%;
  }

  .section-content {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .cc-footer {
    height: 810px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-3 {
    width: 90%;
  }

  .main-heading {
    font-size: 50px;
    line-height: 66px;
  }

  .paragraph-4 {
    font-size: 20px;
    line-height: 27px;
  }

  .footer-wrap {
    height: 110px;
  }

  .footerblock {
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .wrapper {
    height: 700px;
  }

  .banner-logo {
    justify-content: center;
    height: 80px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .banner-h3 {
    font-size: 30px;
  }

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

  .author-testimonial {
    flex-direction: column;
    align-items: flex-start;
  }

  .banner-content {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-13 {
    justify-content: center;
    align-items: center;
  }

  .left-column30 {
    display: none;
  }

  .about-section-cover {
    background-image: url('../images/wave-2.svg'), url('../images/wave-vector.png'), url('../images/cover-view-bg-mob.jpg');
    background-position: 50% 100%, 0 0, 20%;
    background-size: contain, 400px, cover;
  }

  .hero.home.bottom {
    padding-top: 96px;
    padding-bottom: 10px;
  }

  .about-div-4 {
    margin-top: 10px;
  }

  .text-1---24.home {
    margin-left: 96px;
    margin-right: 96px;
  }

  .icon-anim1, .cyl-icon2, .price-illustration {
    display: none;
  }

  .button-price-dark {
    border-radius: 14px;
  }

  .div-block-4 {
    display: none;
  }

  .grid-feature-button {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .pricing-section {
    background-image: url('../images/wave-vector.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 400px;
    background-attachment: scroll;
  }

  .grid-feature {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .check-grid-large {
    margin-bottom: 60px;
  }

  .price-card-dark {
    position: relative;
  }

  .grid-feature-blank {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .price-card {
    position: relative;
  }

  .check-grid {
    margin-bottom: 0;
  }

  .footer-wrap2 {
    height: 110px;
  }

  .solutions-section {
    background-image: url('../images/wave-vector.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 400px;
    background-attachment: scroll;
  }

  .button-3 {
    color: #000;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background-color: #fff;
    border: 2px solid #111;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    height: 48px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Basiercircle, sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    display: flex;
    box-shadow: 2px 2px #e2ce59;
  }

  .nav-menu {
    background-color: #111;
    padding: 20px;
    top: 92px;
  }

  .menu-button {
    color: #fff;
    background-color: #111;
    border: 2px solid #f9f8f3;
    border-radius: 30px;
    margin-right: 30px;
    padding: 11px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #222;
  }

  .nav-link {
    color: #fff;
    text-align: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-bottom: 1px solid #333;
    padding-left: 0;
    font-family: Basiercircle, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    display: block;
  }

  .nav-link.w--current {
    border-bottom-width: 1px;
    border-bottom-color: #333;
    font-weight: 400;
  }

  .nav-container {
    justify-content: flex-end;
    align-items: center;
    height: 92px;
  }

  .navbar {
    background-color: #0000;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .partners-about {
    display: none;
  }

  .git-section {
    height: auto;
  }

  .lottie-animation-3 {
    overflow: hidden;
  }

  .intro-title-2 {
    text-align: center;
  }

  .button {
    justify-content: center;
  }

  .fullvh-section {
    height: 100vh;
  }

  .artwork-title {
    font-size: 44px;
    line-height: 48px;
  }

  .leskthumb {
    width: 100%;
  }

  .artist-name {
    text-align: center;
    font-size: 44px;
    line-height: 48px;
  }

  .artwork-tabs-wrap.artwork-gallery {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 80vh;
    margin-top: 0;
  }

  .qr-code-wrap {
    display: none;
  }

  .tabs-content {
    width: 100%;
  }

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

  .moroccan-2, .red-2 {
    width: 22px;
    height: 22px;
  }

  .ar-wrap-2 {
    display: none;
  }

  .artwork-image-wrap-2 {
    width: auto;
    height: auto;
    display: flex;
  }

  .ar-wrap-mobile {
    z-index: 2;
    background-color: #111;
    height: 13vh;
    padding: 20px;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
    overflow: hidden;
  }

  .lottie-animation-9 {
    width: 11%;
  }

  .blue-2 {
    width: 22px;
    height: 22px;
  }

  .artwork-info-wrap-2 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    width: 100%;
    height: auto;
    display: none;
  }

  .artwork-container-2 {
    height: 87vh;
  }

  .artwork-bgswatches-2 {
    flex-direction: column;
    width: 100%;
    height: 7vh;
    position: relative;
  }

  .artwork-info-2 {
    justify-content: flex-start;
    height: 550px;
    padding-top: 10%;
    padding-bottom: 11%;
    display: none;
  }

  .image-22 {
    width: 100%;
    height: 100%;
  }

  .abstract-2 {
    width: 100%;
    height: 65vh;
    top: 7vh;
    left: auto;
  }

  .artwork-thumbnail-2 {
    width: 15%;
    margin-bottom: 0;
    margin-left: 4%;
    padding-bottom: 0;
  }

  .artwork-thumbnail-2.w--current {
    width: 15%;
    margin-bottom: 0;
  }

  .ar-intent-mobile {
    background-color: #fff;
    border-radius: 80px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 8px #ffffffc4;
  }

  .ar-intent-mobile:hover {
    box-shadow: 0 0 20px 4px #ffffffc4;
  }

  .swatches-wrap-2 {
    flex-direction: row;
    width: 100%;
    height: 33px;
  }

  .view-in-your-space-button-mobile {
    width: 100%;
  }

  .abswall-2 {
    width: 22px;
    height: 22px;
  }

  .text-block-34 {
    padding-right: 0%;
    font-size: 3vw;
  }

  .artwork-wrap-2 {
    width: 100%;
    height: 100%;
    display: block;
  }

  .wall34-2 {
    width: 100%;
    height: 65vh;
    top: 7vh;
    left: auto;
  }

  .grey-2 {
    width: 22px;
    height: 22px;
  }

  .artwork-tabs-2 {
    width: 100%;
    height: 100%;
  }

  .wall34color-2 {
    width: 22px;
    height: 22px;
  }

  .moroccanbg-2 {
    width: 100%;
    height: 65vh;
    top: 7vh;
    left: auto;
  }

  .artwork-wall3-wrap-2 {
    height: 100%;
  }

  .color-swatch-2 {
    box-shadow: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 15px;
    display: flex;
  }

  .color-swatch-2:hover {
    box-shadow: none;
    border: 1px #ccc;
    justify-content: center;
    align-items: center;
    display: flex;
    transform: scale(1.3);
  }

  .color-swatch-2.last {
    margin-right: 0;
  }

  .white-2 {
    width: 22px;
    height: 22px;
  }

  .white-2:hover {
    border-style: solid;
  }

  .black-2 {
    width: 22px;
    height: 22px;
  }

  .artwork-ar-section-2 {
    border-style: none;
    flex-direction: column;
  }

  .artwork-thumb-wrap-2 {
    z-index: 1;
    background-color: #fff;
    border-left-style: none;
    flex-direction: row;
    width: 100%;
    height: 15vh;
    margin-bottom: 0;
    padding-top: 2%;
    padding-bottom: 2%;
    position: relative;
  }

  .pink-2 {
    width: 22px;
    height: 22px;
  }

  .space-mob {
    background-color: #0000;
    justify-content: center;
    align-items: flex-start;
    height: 13vh;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .qr-code-wrap-rug {
    display: none;
  }

  ._2rug-bg {
    width: 100%;
    height: 80vh;
    top: 7vh;
    left: auto;
  }

  .rug-swatches-wrap {
    flex-direction: row;
    width: 100%;
    height: 7vh;
    position: fixed;
  }

  .rug-container {
    height: 100vh;
    overflow: hidden;
  }

  .rugcolor-swatch67 {
    width: 22px;
    height: 22px;
  }

  .text-block-35 {
    font-size: 3vw;
  }

  ._3rug-bg {
    width: 100%;
    height: 80vh;
    top: 7vh;
    left: auto;
  }

  .rug-info-wrap {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    width: 100%;
    height: auto;
    display: none;
  }

  .rug-swatch45 {
    width: 22px;
    height: 22px;
  }

  .rug-demo-title {
    text-align: center;
    font-size: 44px;
    line-height: 48px;
  }

  .rug-ar-section {
    border-style: none;
    flex-direction: column;
    height: 87vh;
    overflow: hidden;
  }

  .rug-info {
    justify-content: flex-start;
    height: 550px;
    padding-top: 10%;
    padding-bottom: 11%;
    display: none;
  }

  .rug-wrap {
    width: 100%;
    height: 80vh;
    margin-top: 7vh;
    padding-top: 0;
    display: block;
    position: fixed;
    overflow: hidden;
  }

  .rug-ar-wrap-2 {
    display: none;
  }

  .rug-white {
    width: 22px;
    height: 22px;
  }

  .rug-white:hover {
    border-style: solid;
  }

  .md-rug-wrap {
    width: auto;
    height: auto;
    display: none;
  }

  ._1rug-bg {
    width: 100%;
    height: 80vh;
    top: 7vh;
    left: auto;
  }

  .rug-md-fvh {
    height: 80vh;
    display: none;
  }

  .rug-bgswatches {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 7vh;
    position: fixed;
    inset: 0% 0% auto;
    overflow: hidden;
  }

  .rug-color-swatch {
    box-shadow: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 15px;
    display: flex;
  }

  .rug-color-swatch:hover {
    box-shadow: none;
    border: 1px #ccc;
    justify-content: center;
    align-items: center;
    display: flex;
    transform: scale(1.3);
  }

  .rug-color-swatch.lastrugbgswacth-copy {
    margin-right: 0;
  }

  .ar-intent-mobile-2 {
    width: 100%;
    height: 70px;
    text-decoration: none;
  }

  .view-space-text-rug {
    font-size: 3vw;
  }

  .link-block-8, .question-info-button {
    display: none;
  }

  .rug-md-fvh-mob {
    height: 80vh;
    margin-top: 0;
    display: block;
    overflow: hidden;
  }

  .body-rug-mob {
    overflow: hidden;
  }

  .rug-swatch-stone, .rugbg-color-marble {
    width: 22px;
    height: 22px;
  }

  ._4rug-bg {
    width: 100%;
    height: 80vh;
    top: 7vh;
    left: auto;
  }

  .rugbg-color-prq {
    width: 22px;
    height: 22px;
  }

  ._5rug-bg {
    width: 100%;
    height: 80vh;
    top: 7vh;
    left: auto;
  }

  .rugswatch-dark, .rugcolor-swatch68 {
    width: 22px;
    height: 22px;
  }

  .ar-mob-variants-wrap {
    background-color: #fff;
    border-bottom: 1px solid #e0d7d7;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 72px;
    margin-top: 7vh;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .link-block-9 {
    margin-left: 0;
  }

  .line-variant-btwn {
    background-color: #e0d7d7;
    width: 1px;
    height: 30px;
    margin-left: 20px;
    margin-right: 25px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .ar-mob-variants-wrap-copy {
    background-color: #fff;
    border-bottom: 1px solid #e0d7d7;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 72px;
    margin-top: 7vh;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: fixed;
    inset: 0% 0% auto;
  }

  .ar-info-grid {
    grid-column-gap: 20px;
  }

  .grid-feature-button-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .title-pricing-ar-bottom {
    display: none;
  }

  .grid-feature-blank-2 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
    align-items: center;
  }

  .title-pricing-ar {
    align-items: center;
    display: flex;
  }

  .grid-feature-2 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
  }

  .grid-feature-2.last {
    grid-template-columns: 3fr 9.25fr;
  }

  .pricing-header-ar {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
  }

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

  .sg-brand-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 150px;
    padding-left: 64px;
    padding-right: 64px;
    display: flex;
  }

  .sg-right-bottom-wrapper {
    width: 100%;
    min-height: auto;
    margin-left: 0;
  }

  .sg-colours-grid {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
  }

  .text.mobile-only {
    display: block;
  }

  .sg-anchor-links-wrapper {
    z-index: 1;
    flex-direction: row;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
    inset: 0 0% -150px;
  }

  .sg-return-to-home-lb.mobile-only {
    border-top-style: solid;
    height: auto;
    padding: 32px;
    display: flex;
  }

  .sg-anchor-lb {
    flex: none;
  }

  .sg-anchor-lb.w--current {
    box-shadow: inset 0 -3px #dc7d3c;
  }

  .sg-outer-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .sg-left-top-wrapper {
    z-index: 5;
    width: 100%;
    min-height: auto;
    position: sticky;
    top: -150px;
  }

  .logo-lb.sidebar {
    height: 48%;
  }

  .nav-link-5 {
    border-bottom: 1px solid #ffffff1a;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .nav-menu-wrapper {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    position: static;
  }

  .menu-button-text {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
  }

  .menu-button-2 {
    border-left: 1px solid #ffffff1a;
    justify-content: center;
    align-items: center;
    padding: 12px 0 12px 24px;
    font-size: 18px;
    display: flex;
  }

  .menu-button-2.w--open {
    -webkit-text-fill-color: transparent;
    background-color: #0000;
    background-image: url('../images/Background-Blur.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .nav-menu-2 {
    background-color: #1e2029;
  }

  .off-page-menu {
    width: 70vw;
  }

  .nav-bar {
    height: 75px;
  }

  .hover-link-wrapper.scroll-link-wrapper {
    display: none;
  }

  .clip-text.speaker-headding {
    margin-top: -36px;
    margin-bottom: 24px;
  }

  .speaker-info {
    max-width: 470px;
  }

  .speaker-slide-mask {
    width: 65%;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.home-hero-section {
    min-height: auto;
    padding-top: 90px;
    padding-bottom: 60px;
  }

  .section.thin-section {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .slide-image {
    height: 50vh;
    min-height: 500px;
  }

  .speaker-name {
    font-size: 52px;
  }

  .logos-heading-wrapper {
    margin-bottom: 24px;
  }

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

  .trio-cards {
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 0;
  }

  .centered-intro {
    margin-bottom: 48px;
  }

  .feature-item-info {
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-flow: row;
  }

  .feature-item {
    margin-bottom: 0;
  }

  .feature-item.middle-item {
    margin-top: 0;
  }

  .feature-item.left-item {
    margin-top: 15px;
  }

  .large-heading {
    font-size: 48px;
  }

  .gradient-background-fill {
    background-position: 0%;
    background-size: auto;
  }

  .showreel-heading {
    font-size: 72px;
    bottom: -24px;
  }

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

  .rug-md-fvh-mob-copy {
    height: 100vh;
    margin-top: -10vh;
    display: block;
    overflow: hidden;
  }

  .rug-wrap-copy {
    width: 100%;
    height: 80vh;
    margin-top: 7vh;
    padding-top: 0;
    display: block;
    position: fixed;
    overflow: hidden;
  }

  .intro-paragraph {
    margin-top: 35px;
    margin-bottom: 40px;
    font-size: 28px;
  }

  .sg-colours-grid-lrs {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
  }
}

@media screen and (max-width: 767px) {
  .cover-title {
    text-align: center;
    font-size: 3em;
  }

  .ball-wrap, .navigation {
    display: none;
  }

  .cover-title-wrapper {
    align-items: center;
    width: auto;
    margin-left: 0;
    padding-top: 92px;
  }

  .cover-subtitle {
    text-align: center;
    font-size: 1.4em;
  }

  .start-wrapper {
    align-items: center;
  }

  .cover {
    background-image: url('../images/wave-2.svg'), url('../images/wave-vector.png'), url('../images/cover-view-bg-mob.jpg');
    background-position: 50% 100%, 0 0, 10%;
    background-size: contain, 400px, cover;
    flex-direction: column;
    height: auto;
    display: flex;
  }

  .header-nav {
    background-color: #fff;
    position: fixed;
  }

  .btn-1 {
    margin-left: auto;
  }

  .cc-intro {
    flex-direction: column;
    height: auto;
  }

  .cube-grid-wrap {
    width: 100%;
    padding-bottom: 0%;
  }

  .intro-text-wrap {
    align-items: center;
    width: 100%;
    margin-bottom: 20%;
    padding-bottom: 0;
  }

  .intro-subtitle {
    text-align: center;
    font-size: 1.4em;
  }

  .intro-button-wrap {
    align-items: center;
  }

  .text-span-8 {
    font-size: 1em;
  }

  .btn-2 {
    margin-left: auto;
  }

  .cover-subtitle-mob {
    text-align: center;
    font-size: 1.4em;
  }

  .focus-text {
    width: 431px;
  }

  .content-block-right {
    padding: 10px;
  }

  .paragraph-2 {
    max-width: 100%;
  }

  .section-content {
    padding-left: 3%;
    padding-right: 3%;
  }

  .cc-footer {
    height: 910px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .main-heading {
    font-size: 40px;
    line-height: 42px;
  }

  .paragraph-4 {
    width: 90%;
  }

  .btn-1-copy2 {
    margin-left: auto;
  }

  .wrapper {
    height: 700px;
  }

  .previous {
    z-index: 6;
    position: fixed;
  }

  .form-content-2 {
    width: 90%;
  }

  .checkbox_wrap {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .mobile-nav-bottom {
    z-index: 5;
    background-color: #fff;
    border-top: 1px solid #8395b126;
    height: 100px;
    display: block;
    position: fixed;
    inset: auto 0% 0%;
  }

  .next {
    z-index: 6;
    position: fixed;
  }

  .form12_checkbox_field {
    width: 48%;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }

  .form-wrapper-2 {
    width: 100%;
  }

  .about-section-cover {
    background-image: none;
    flex-direction: column;
    height: auto;
    display: flex;
  }

  .about-cover-wave {
    display: none;
    position: sticky;
    top: auto;
    bottom: 0;
  }

  .hero.home {
    margin-bottom: 64px;
  }

  .hero.home.bottom {
    margin-top: 80px;
    padding-top: 72px;
    padding-bottom: 0;
  }

  .small-heading.margin.main {
    margin-right: 0;
  }

  .about-div-4 {
    padding-bottom: 0;
  }

  .bold-text-3 {
    font-size: 48px;
    line-height: 58px;
  }

  .text-1---24.home {
    margin-left: 24px;
    margin-right: 24px;
    font-size: 20px;
    line-height: 28px;
  }

  .heading {
    font-size: 48px;
    line-height: 58px;
  }

  .text-block-19 {
    letter-spacing: 0;
    font-size: 9px;
  }

  .price-illustration {
    max-width: 20%;
    display: block;
    bottom: 0%;
  }

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

  .grid-feature-button {
    grid-template-columns: 1fr 1fr;
  }

  .pricing-section {
    background-image: url('../images/wave-vector.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 400px;
    background-attachment: scroll;
  }

  .check-grid-large {
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .price-card-dark {
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-h1 {
    font-size: 55px;
  }

  .price-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .check-grid {
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .solutions-section {
    background-image: url('../images/wave-vector.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 400px;
    background-attachment: scroll;
  }

  .git-section {
    background-color: #fff;
    height: auto;
  }

  .lottie-animation-3 {
    margin-top: -300px;
    margin-left: 0;
  }

  .div-block-19 {
    flex-direction: column;
    align-items: center;
    margin-top: -100px;
    margin-left: 0;
    display: flex;
  }

  ._404-wrap {
    flex-direction: column;
  }

  .pp-section {
    background-color: #fff;
  }

  .btn-2-copy {
    margin-left: auto;
  }

  .intro-title-2 {
    text-align: center;
    font-size: 3em;
  }

  .call-form {
    flex-direction: column;
    display: flex;
  }

  .fullvh-section {
    background-color: #fff;
    height: 100vh;
  }

  .artwork-title, .artist-name {
    font-size: 30px;
    line-height: 34px;
  }

  .artwork-tabs-wrap.artwork-gallery {
    height: 80vh;
    margin-top: 0;
  }

  .artwork-thumbnail-2, .artwork-thumbnail-2.w--current {
    width: 25%;
  }

  .artwork-tabs-2 {
    margin-top: 0;
  }

  .artwork-thumb-wrap-2 {
    margin-bottom: 0;
  }

  .rug-demo-title {
    font-size: 30px;
    line-height: 34px;
  }

  .ar-info-wrap {
    padding: 40px 20px;
  }

  .ar-info-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    align-self: stretch;
    max-width: none;
  }

  .grid-feature-button-2 {
    grid-template-columns: 1fr 1fr;
  }

  .title-pricing-ar-bottom {
    display: none;
  }

  .grid-feature-blank-2, .grid-feature-2 {
    padding: 15px;
  }

  .sg-brand-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sg-colour-label-wrapper {
    align-items: flex-start;
  }

  .sg-colours-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .global-section {
    padding: 64px 40px;
  }

  .text.sg-colour-label {
    font-size: 1em;
  }

  .sg-colour-wrapper {
    flex-direction: row;
    justify-content: center;
  }

  .brand {
    font-size: 22px;
  }

  .menu-button-2 {
    padding-left: 18px;
    font-size: 16px;
  }

  .off-page-menu {
    width: 90vw;
  }

  .nav-bar {
    height: 70px;
  }

  .speaker-slide-mask {
    width: 90%;
  }

  .section.footer {
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .slide-image {
    min-height: 400px;
  }

  .speaker-name {
    font-size: 48px;
  }

  .feature-icon-wrapper.white {
    margin-right: 0;
  }

  .large-heading {
    font-size: 42px;
  }

  .centered-call-to-action {
    grid-row-gap: 24px;
    text-align: center;
    grid-template-columns: auto;
  }

  .centered-call-to-action.clip {
    flex-direction: column;
    display: flex;
  }

  .call-to-action-heading {
    grid-template-columns: 1fr;
  }

  .showreel-heading {
    font-size: 56px;
    bottom: -18px;
  }

  .div-block-24 {
    display: none;
  }

  .sec-lrs {
    padding: 64px 40px;
  }

  .sg-colours-grid-lrs {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  .cover-title {
    text-align: center;
    font-size: 2.2em;
  }

  .ball-wrap {
    display: none;
  }

  .cc-logo {
    z-index: 11;
    padding-left: 0;
    left: 20px;
  }

  .navigation {
    display: none;
  }

  .cover-title-wrapper {
    align-items: center;
    width: auto;
    margin-left: 0;
  }

  .cover-subtitle {
    text-align: center;
    letter-spacing: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.2em;
    display: none;
  }

  .start-wrapper {
    align-items: center;
  }

  .btn-info-wrap {
    margin-top: 10px;
  }

  .btn-info {
    text-align: center;
    font-size: .7em;
    display: block;
  }

  .cover {
    background-image: url('../images/wave-2.svg'), url('../images/wave-vector.png'), url('../images/cover-view-bg-mob.jpg');
    background-position: 50% 100%, 0 0, 10%;
    background-size: contain, 400px, cover;
  }

  .header-nav {
    padding: 0;
    position: fixed;
  }

  .btn-1 {
    width: 80%;
    margin-left: auto;
    font-size: 16px;
  }

  .cc-intro {
    flex-direction: column;
    height: auto;
  }

  .cube-grid-wrap {
    flex-direction: column;
    width: 100%;
    padding-bottom: 0%;
  }

  .cube-grid-anim {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    position: static;
  }

  .intro-text-wrap {
    align-items: center;
    width: 100%;
    margin-bottom: 20%;
    padding-bottom: 0;
  }

  .intro-subtitle {
    text-align: center;
    letter-spacing: 0;
    font-size: 1.2em;
  }

  .intro-button-wrap {
    align-items: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-span-8 {
    font-size: 1.1em;
    font-weight: 700;
  }

  .btn-2 {
    letter-spacing: 1px;
    width: 90%;
    margin-left: auto;
    font-size: 12px;
    line-height: 20px;
  }

  .cover-subtitle-mob {
    text-align: center;
    letter-spacing: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.2em;
    display: block;
  }

  .focus-text {
    max-width: 80%;
  }

  .lottie-animation {
    max-width: 54%;
  }

  .solutions.middle {
    padding-top: 40px;
  }

  .column-wrap-reversed {
    margin-bottom: 0;
  }

  .title {
    width: 150px;
  }

  .heading-primary {
    width: 100%;
    font-size: 4em;
  }

  .image-block {
    padding: 8px;
  }

  .cc-footer {
    height: 810px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .paragraph-4 {
    font-size: 18px;
    line-height: 25px;
  }

  .btn-1-copy2 {
    width: 80%;
    margin-left: auto;
    font-size: 16px;
  }

  .footer-wrap {
    height: 110px;
  }

  .footerblock {
    text-align: center;
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 0;
  }

  .copyright {
    font-size: 10px;
    line-height: 10px;
  }

  .wrapper {
    height: 700px;
  }

  .div-block-13 {
    align-items: flex-start;
  }

  .right-column70 {
    flex-direction: column;
    justify-content: flex-start;
    width: 95%;
    height: auto;
  }

  .previous {
    max-width: 85px;
    display: flex;
  }

  .mask-2 {
    width: 330px;
    height: auto;
    position: static;
  }

  .form-title-wrap-2 {
    width: 100%;
  }

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

  .slider-2 {
    max-width: 340px;
    height: auto;
  }

  .form-content-2 {
    flex-direction: column;
    align-items: center;
    width: 320px;
    display: flex;
  }

  .form-content-2.final {
    width: 330px;
  }

  .slider-content-wrap {
    justify-content: center;
    width: 320px;
    margin-bottom: 0;
    padding: 50px 10px;
  }

  .checkbox_wrap {
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 60px;
  }

  .submit-button-3 {
    margin-bottom: -26px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .mobile-nav-bottom {
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    overflow: hidden;
  }

  .form07_link {
    font-size: 1em;
  }

  .form12_checkbox_field {
    width: 42%;
    min-width: auto;
    height: 130px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .form-section-title-2 {
    font-size: 2em;
    line-height: 1.3em;
  }

  .form07_legal {
    font-family: Basiercircle, sans-serif;
    font-size: 1em;
  }

  .form-wrapper-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .form-2 {
    width: 90%;
  }

  .onboarding {
    width: 100%;
  }

  .paragraph-6-copy {
    display: none;
  }

  .dashboard-login-wrap {
    width: 310px;
  }

  .div-block-14 {
    text-align: center;
    align-items: center;
  }

  .about-section-cover {
    background-image: url('../images/wave-vector.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 400px;
  }

  .about-cover-wave {
    margin-top: -300px;
    display: flex;
  }

  .hero {
    margin-top: 24px;
  }

  .hero.home {
    margin-bottom: 48px;
  }

  .hero.home.bottom {
    padding-bottom: 0;
  }

  .about-div-4 {
    margin-top: 10px;
    padding-bottom: 0;
  }

  .bold-text-3 {
    font-size: 32px;
    line-height: 40px;
  }

  .text-1---24.home {
    margin: 8px 12px 25px;
    font-size: 18px;
    line-height: 26px;
  }

  .heading {
    font-size: 32px;
    line-height: 44px;
  }

  .text-block-19 {
    letter-spacing: 0;
    font-size: 9px;
  }

  .grid {
    margin-bottom: 0;
  }

  .div-block-4 {
    display: none;
  }

  .grid-feature-button {
    grid-template-columns: 1fr;
    display: none;
  }

  .pricing-section {
    background-image: url('../images/wave-vector.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 400px;
    background-attachment: scroll;
  }

  .grid-feature {
    display: none;
  }

  .price-card-dark {
    box-shadow: none;
  }

  .grid-feature-blank {
    display: none;
  }

  .content-h1 {
    text-align: center;
    font-size: 42px;
  }

  .price-cell {
    padding: 13px;
  }

  .footer-wrap2 {
    height: 110px;
  }

  .solutions-section {
    background-image: url('../images/wave-vector.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 400px;
    background-attachment: scroll;
  }

  .git-section {
    height: auto;
  }

  .lottie-animation-3 {
    object-fit: fill;
    width: 500px;
    height: 500px;
    overflow: hidden;
  }

  .div-block-19 {
    width: 300px;
  }

  .text-block-25 {
    width: 250px;
  }

  .success-gt-wrap, .pp-wrap {
    width: 280px;
  }

  .btn-2-copy {
    letter-spacing: 1px;
    width: 90%;
    margin-left: auto;
    font-size: 12px;
    line-height: 20px;
  }

  .intro-title-2 {
    text-align: center;
    font-size: 2.2em;
    font-weight: 700;
    line-height: 1.3em;
  }

  .call-form-details-wrap {
    width: 350px;
  }

  .call-form-info-wrap, .time-and-date-wrap, .call-form-title-wrap {
    padding-left: 10px;
    padding-right: 15px;
  }

  .call-form-block {
    width: 350px;
    padding-bottom: 20px;
  }

  .button {
    height: 55px;
    font-weight: 500;
  }

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

  .fullvh-section {
    height: 100vh;
  }

  .artwork-tabs-wrap.artwork-gallery {
    height: 80vh;
  }

  .tabs-content.preorder {
    height: 65vh;
  }

  .ar-wrap-mobile {
    height: 13vh;
  }

  .artwork-info-2 {
    height: auto;
  }

  .abstract-2 {
    height: 65vh;
    top: 7vh;
  }

  .ar-intent-mobile {
    width: 90%;
    height: 50px;
    text-decoration: none;
  }

  .view-in-your-space-button {
    height: 50px;
  }

  .view-in-your-space-button-mobile {
    width: 100%;
    height: 50px;
  }

  .text-block-34 {
    font-size: 3.6vw;
  }

  .artwork-wrap-2 {
    height: 100%;
  }

  .wall34-2, .moroccanbg-2 {
    height: 65vh;
    top: 7vh;
  }

  .artwork-thumb-wrap-2 {
    height: 15vh;
    margin-top: 0;
    margin-bottom: 0;
  }

  ._2rug-bg {
    height: 80vh;
    top: 7vh;
  }

  .text-block-35 {
    font-size: 3.6vw;
  }

  ._3rug-bg {
    height: 80vh;
    top: 7vh;
  }

  .rug-info {
    height: auto;
  }

  .rug-wrap {
    height: 100%;
  }

  .view-in-your-space-button-rug {
    height: 50px;
  }

  ._1rug-bg {
    height: 80vh;
    top: 7vh;
  }

  .ar-intent-mobile-2 {
    background-color: #fff;
    border-radius: 80px;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 50px;
    text-decoration: none;
    display: flex;
    box-shadow: 1px 1px 3px #ffffffc4;
  }

  .view-space-text-rug {
    font-size: 3.6vw;
  }

  ._4rug-bg, ._5rug-bg {
    height: 80vh;
    top: 7vh;
  }

  .ar-info-icon.pricing-small {
    display: none;
  }

  .ar-info-grid {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .ar-info-container {
    text-align: left;
  }

  .grid-feature-button-2 {
    grid-template-columns: 1fr;
  }

  .princing-ar-text-block {
    font-size: 10px;
    font-weight: 400;
  }

  .title-pricing-ar-bottom {
    display: none;
  }

  .grid-feature-blank-2 {
    padding: 13px;
  }

  .title-pricing-ar {
    align-items: center;
    padding: 15px 0 15px 10px;
  }

  .grid-feature-2, .pricing-header-ar {
    padding: 13px;
  }

  .container-pricing-ar {
    max-width: 600px;
  }

  .ar-table-pricing-title {
    font-size: 12px;
  }

  .pricing-ar-cell {
    padding: 2px;
  }

  .form-title-wrap-final {
    width: 100%;
  }

  .text-block-36 {
    margin-left: 0;
  }

  .text-block-37 {
    display: none;
  }

  .sg-brand-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .button-4 {
    width: 100%;
  }

  .sg-colours-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    display: grid;
  }

  .global-section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .global-section.sg {
    padding: 13px;
  }

  .sg-colour-wrapper {
    justify-content: center;
  }

  .global-container {
    padding-left: 0;
    padding-right: 0;
  }

  .brand {
    font-size: 18px;
  }

  .dual-title-wrapper {
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .nav-link-5 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
  }

  .menu-button-2 {
    padding-left: 18px;
  }

  .off-page-menu {
    width: 95vw;
    padding-top: 100px;
    padding-left: 24px;
  }

  .nav-bar {
    height: 65px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .clip-text.speaker-headding {
    margin-top: -30px;
  }

  .section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section.home-hero-section {
    padding-bottom: 36px;
  }

  .section.thin-section {
    margin-top: 36px;
    margin-bottom: 36px;
  }

  .slide-image {
    height: 40vh;
    min-height: 300px;
  }

  .speaker-slide-content {
    padding-bottom: 6px;
  }

  .speaker-name {
    font-size: 42px;
  }

  .speaker-arrow {
    top: auto;
    bottom: 0;
    right: 5vw;
  }

  .speaker-arrow.left {
    margin-right: 84px;
    left: auto;
    right: 0;
  }

  .logos-heading-wrapper {
    border-bottom: 1px solid #1e2029;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 18px;
    padding-bottom: 12px;
  }

  .solid-line {
    margin-left: 0;
  }

  .featured-logos-wrapper {
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch center;
    align-items: center;
    display: flex;
  }

  .featured-logo-item {
    padding: 0;
  }

  .feature-title-wrapper {
    margin-bottom: 48px;
  }

  .feature-icon-wrapper.white {
    margin-right: 0;
  }

  .feature-item {
    min-height: 120px;
    padding: 24px;
  }

  .centered-call-to-action.clip {
    flex-direction: column;
    display: flex;
  }

  .footer-wrapper {
    grid-column-gap: 24px;
  }

  .footer-nav-link {
    font-size: 16px;
  }

  .footer-pages {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .showreel-heading {
    font-size: 48px;
  }

  .div-block-24 {
    display: none;
  }

  .rug-wrap-copy {
    height: 100%;
  }

  .intro-paragraph {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 24px;
  }

  .short-paragraph, .short-paragraph-copy {
    width: 100%;
  }

  .section-10 {
    flex-direction: column;
    display: flex;
  }

  .div-block-29, .html-embed-16 {
    height: 50%;
  }

  .div-block-30 {
    width: 100%;
    height: 50%;
    inset: auto 0% 0%;
  }

  .sec-lrs {
    padding: 20px;
  }

  .sg-colours-grid-lrs {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    display: grid;
  }
}

#w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb5d-b742bcf0 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb6a-b742bcf0 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb76-b742bcf0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ad6e31b3-1392-bed9-615d-949461539d56-40e73cfd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-ad6e31b3-1392-bed9-615d-949461539d63-40e73cfd {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-ad6e31b3-1392-bed9-615d-949461539d6f-40e73cfd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ad6e31b3-1392-bed9-615d-949461539d56-4d9df955 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-ad6e31b3-1392-bed9-615d-949461539d63-4d9df955 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-ad6e31b3-1392-bed9-615d-949461539d6f-4d9df955 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a537d0d8-431a-43ba-90b2-abfc99ade866-811e756d {
  place-self: center start;
}

#w-node-a537d0d8-431a-43ba-90b2-abfc99ade869-811e756d {
  place-self: center end;
}

#w-node-_424eb0ef-d2ea-db7b-8967-cb2011dd69a4-811e756d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_424eb0ef-d2ea-db7b-8967-cb2011dd69a5-811e756d, #w-node-_424eb0ef-d2ea-db7b-8967-cb2011dd69a6-811e756d, #w-node-_424eb0ef-d2ea-db7b-8967-cb2011dd69a7-811e756d, #w-node-_424eb0ef-d2ea-db7b-8967-cb2011dd69a8-811e756d {
  place-self: center;
}

#w-node-a683366a-5fd2-c2cc-3b26-d5d788202f60-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f6d-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f7a-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f89-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f96-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202fa4-811e756d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6c8980ce-49a2-b698-ab26-dc63cae8586f-811e756d {
  place-self: center;
}

#w-node-_6c8980ce-49a2-b698-ab26-dc63cae85874-811e756d {
  place-self: center start;
}

#w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fe8b-811e756d {
  justify-self: start;
}

#w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fe8e-811e756d {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center end;
}

#w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fe8f-811e756d, #w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fe92-811e756d, #w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fe95-811e756d {
  justify-self: end;
}

#w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fe98-811e756d {
  justify-self: start;
}

#w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fe99-811e756d {
  place-self: center start;
}

#w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fe9a-811e756d, #w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fe9d-811e756d, #w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fea0-811e756d {
  place-self: center;
}

#w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fea3-811e756d {
  justify-self: start;
}

#w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb5d-cb3c132a {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb6a-cb3c132a {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb76-cb3c132a {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_62ad4c33cf072fc5ae53cb9200000000001b-9753cb91 {
  margin-top: 20px;
  margin-bottom: 20px;
}

#w-node-_62ad4c33cf072fc5ae53cb92000000000020-9753cb91 {
  border: 1px solid #e6e6e6;
}

#w-node-_62ad4c33cf072fc5ae53cb92000000000021-9753cb91 {
  margin-top: 10px;
}

#w-node-_62ad4c33cf072fc5ae53cb92000000000024-9753cb91 {
  position: initial;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width: 991px) {
  #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f60-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f6d-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f7a-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f89-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f96-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202fa4-811e756d {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_20602598-07f0-3f23-ba86-b5e0ab855db7-44ebe8ce {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb86-b742bcf0, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb8a-b742bcf0, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb93-b742bcf0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb97-b742bcf0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb9e-b742bcf0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cba4-b742bcf0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-ad6e31b3-1392-bed9-615d-949461539d7f-40e73cfd, #w-node-ad6e31b3-1392-bed9-615d-949461539d83-40e73cfd, #w-node-ad6e31b3-1392-bed9-615d-949461539d8c-40e73cfd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ad6e31b3-1392-bed9-615d-949461539d90-40e73cfd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-ad6e31b3-1392-bed9-615d-949461539d97-40e73cfd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ad6e31b3-1392-bed9-615d-949461539d9d-40e73cfd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_40af7f6d-3523-ed98-63ce-81aa7f797412-1e5947dd {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-ad6e31b3-1392-bed9-615d-949461539d7f-4d9df955, #w-node-ad6e31b3-1392-bed9-615d-949461539d83-4d9df955, #w-node-ad6e31b3-1392-bed9-615d-949461539d8c-4d9df955 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ad6e31b3-1392-bed9-615d-949461539d90-4d9df955 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-ad6e31b3-1392-bed9-615d-949461539d97-4d9df955 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ad6e31b3-1392-bed9-615d-949461539d9d-4d9df955 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_6c8980ce-49a2-b698-ab26-dc63cae85870-811e756d {
    place-self: center;
  }

  #w-node-_6c8980ce-49a2-b698-ab26-dc63cae85874-811e756d {
    justify-self: center;
  }

  #w-node-d8ea8826-6fa8-1b61-70de-d7c4b17a1fc9-811e756d {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb86-cb3c132a, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb8a-cb3c132a, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb93-cb3c132a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb97-cb3c132a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb9e-cb3c132a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cba4-cb3c132a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_20602598-07f0-3f23-ba86-b5e0ab855db7-44ebe8ce {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb46-b742bcf0, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb51-b742bcf0, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb5d-b742bcf0, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb6a-b742bcf0, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb76-b742bcf0, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb81-b742bcf0, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb8e-b742bcf0, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb99-b742bcf0, #w-node-ad6e31b3-1392-bed9-615d-949461539d3f-40e73cfd, #w-node-ad6e31b3-1392-bed9-615d-949461539d4a-40e73cfd, #w-node-ad6e31b3-1392-bed9-615d-949461539d56-40e73cfd, #w-node-ad6e31b3-1392-bed9-615d-949461539d63-40e73cfd, #w-node-ad6e31b3-1392-bed9-615d-949461539d6f-40e73cfd, #w-node-ad6e31b3-1392-bed9-615d-949461539d7a-40e73cfd, #w-node-ad6e31b3-1392-bed9-615d-949461539d87-40e73cfd, #w-node-ad6e31b3-1392-bed9-615d-949461539d92-40e73cfd {
    grid-column: span 1 / span 1;
  }

  #w-node-_40af7f6d-3523-ed98-63ce-81aa7f797412-1e5947dd {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-ad6e31b3-1392-bed9-615d-949461539d3f-4d9df955, #w-node-ad6e31b3-1392-bed9-615d-949461539d4a-4d9df955, #w-node-ad6e31b3-1392-bed9-615d-949461539d56-4d9df955, #w-node-ad6e31b3-1392-bed9-615d-949461539d63-4d9df955, #w-node-ad6e31b3-1392-bed9-615d-949461539d6f-4d9df955, #w-node-ad6e31b3-1392-bed9-615d-949461539d7a-4d9df955, #w-node-ad6e31b3-1392-bed9-615d-949461539d87-4d9df955, #w-node-ad6e31b3-1392-bed9-615d-949461539d92-4d9df955 {
    grid-column: span 1 / span 1;
  }

  #w-node-a537d0d8-431a-43ba-90b2-abfc99ade869-811e756d {
    justify-self: end;
  }

  #w-node-_424eb0ef-d2ea-db7b-8967-cb2011dd69a4-811e756d, #w-node-_424eb0ef-d2ea-db7b-8967-cb2011dd69a5-811e756d, #w-node-_424eb0ef-d2ea-db7b-8967-cb2011dd69a6-811e756d, #w-node-_424eb0ef-d2ea-db7b-8967-cb2011dd69a7-811e756d, #w-node-_424eb0ef-d2ea-db7b-8967-cb2011dd69a8-811e756d {
    justify-self: start;
  }

  #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f60-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f6d-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f7a-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f89-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202f96-811e756d, #w-node-a683366a-5fd2-c2cc-3b26-d5d788202fa4-811e756d {
    grid-row: span 1 / span 1;
  }

  #w-node-_45edf3b0-72cb-9e10-d562-b2a769a6fe8e-811e756d {
    align-self: start;
  }

  #w-node-d8ea8826-6fa8-1b61-70de-d7c4b17a1fc9-811e756d {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb46-cb3c132a, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb51-cb3c132a, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb5d-cb3c132a, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb6a-cb3c132a, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb76-cb3c132a, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb81-cb3c132a, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb8e-cb3c132a, #w-node-a79e8948-9f34-cdc0-c7ac-4d159641cb99-cb3c132a {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 300';
  src: url('../fonts/fa-light-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Iconfont 0';
  src: url('../fonts/IconFont-Regular-0.9.1.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}