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

body {
  color: #404756;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

h1 {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 6.75vw;
  font-weight: 800;
  line-height: 90%;
}

h2 {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 4.5vw;
  font-weight: 800;
  line-height: 90%;
}

p {
  margin-bottom: 0;
  line-height: 140%;
}

.hero {
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: none;
}

.hero-container {
  width: 100%;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-container.gradient-hero {
  background-image: linear-gradient(#8ed2ff, rgba(236, 247, 255, .17) 83%, rgba(255, 255, 255, 0));
  padding-top: 86px;
}

.hero-image-wrapper {
  width: 25vw;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
}

.hero-image-wrapper.left {
  left: 4.5vw;
}

.hero-image-wrapper.right {
  right: 4.5vw;
}

.image {
  width: 100%;
  height: 100%;
  max-width: 85%;
  object-fit: cover;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.image.rotate {
  transform-style: preserve-3d;
  transform: none;
}

.image.rotate.rotate-on-mobile {
  transform-style: preserve-3d;
}

.image.rotate.rotate-on-mobile.exclusive-content {
  width: auto;
  height: auto;
  max-width: 400px;
}

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

.hero-content.desktop {
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 116px;
}

.section-name {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
  position: relative;
}

.section-name.for-footer {
  width: 100px;
  justify-content: space-between;
  margin-bottom: 0;
}

.section-name-text {
  z-index: 1;
  color: #222;
  text-align: center;
  margin-left: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 700;
  display: block;
  position: static;
}

.section-name-text.footer-nav {
  margin-left: -52px;
  margin-right: 51px;
}

.section-name-text.less-space {
  margin-bottom: -23px;
}

.heading-1 {
  color: #222;
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 90px;
  line-height: 100%;
}

.heading-1.smaller-h1 {
  font-size: 85px;
}

.hero-paragraph {
  max-width: 490px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.paragraph {
  color: #000;
  text-align: left;
  margin-bottom: 28px;
  font-family: Inter, sans-serif;
  font-size: 15px;
}

.paragraph.for-faq {
  max-width: 80%;
  padding-bottom: 34px;
}

.paragraph.pink {
  color: #f7859c;
  text-align: center;
}

.paragraph.red {
  color: red;
  margin-top: 8px;
}

.paragraph.student-journey-paragarph {
  font-size: 16px;
}

.paragraph.teacher-details {
  max-height: 100%;
  max-width: 100%;
  min-height: 0%;
  min-width: 100%;
  padding-top: 18px;
  padding-left: 0;
  padding-right: 0;
}

.paragraph.paragraph-space {
  margin-bottom: 0;
}

.primary-button {
  color: #fff;
  background-color: #3eaac0;
  border-radius: 12px;
  padding: 10px 28px;
  font-family: Inter, sans-serif;
  font-weight: 700;
}

.primary-button.utility {
  margin-top: 32px;
}

.primary-button.blue-purple-gradient {
  background-color: #67009e;
  background-image: linear-gradient(308deg, #67009e, #f7859c);
  margin-top: 0;
  margin-left: 0;
}

.primary-button.blue-purple-gradient.in-box {
  margin-top: 20px;
  margin-left: 20px;
}

.primary-button.blue-purple-gradient.in-box.slim {
  background-image: linear-gradient(308deg, #67009e, #f7859c);
  margin-top: 0;
  margin-bottom: 18px;
  margin-left: 3px;
  padding-top: 7px;
  padding-bottom: 12px;
  padding-right: 31px;
  display: block;
}

.primary-button.blue-purple-gradient.top-nav {
  background-image: linear-gradient(308deg, #67009e, #f7859c);
  margin-top: 0;
  margin-left: -17px;
  padding-left: 14px;
  padding-right: 14px;
}

.primary-button.blue-purple-gradient.top-nav.training-button {
  background-image: linear-gradient(308deg, #3eaac0 17%, #72d4a5 99%);
  margin-left: -14px;
  padding-left: 17px;
  padding-right: 13px;
  font-size: 16px;
}

.primary-button.blue-purple-gradient.top-nav.submission {
  background-color: #918ce1;
  background-image: linear-gradient(325deg, #2219d6, #3eaac0);
  font-size: 16px;
}

.primary-button.blue-purple-gradient.space-add {
  margin-top: 10px;
  margin-right: 142px;
  display: block;
}

.primary-button.blue-purple-gradient.register {
  background-image: linear-gradient(308deg, #ac64d3, #e4b1bb);
}

.page-wrapper {
  overflow: hidden;
}

.hero-blob {
  z-index: -2;
  width: 44vw;
  max-width: none;
  position: absolute;
}

.hero-blob.blob-1 {
  top: 13.4vw;
  right: -8vw;
}

.hero-blob.blob-2 {
  margin-top: 94px;
  top: -30.2vw;
  right: -4.2vw;
}

.hero-blob.blob-3 {
  display: none;
}

.section-blob {
  z-index: 0;
  width: 34px;
  position: absolute;
  transform: translate(-40%, -20%);
}

.pattern-1 {
  z-index: -1;
  width: 17vw;
  min-width: 0;
  position: absolute;
}

.pattern-1.hero-pattern-1 {
  top: -138px;
  right: 0;
  transform: translate(30%, -100%);
}

.pattern-1.hero-pattern-4 {
  display: none;
}

.pattern-1.roadmap-pattern {
  top: 0;
  right: 0;
  transform: translate(-60%, -90%);
}

.pattern-1.for-footer {
  z-index: 0;
  top: 0;
  left: 0;
  transform: translate(-58%, -25%)rotate(-80deg);
}

.pattern-1.for-footer-2 {
  display: none;
}

.pattern-1.loader-pattern {
  z-index: 1;
  transform: rotate(-45deg);
}

.pattern-1.loader-pattern.top {
  z-index: 10;
  top: 0;
  right: 0;
  transform: translate(-50%, 50%)rotate(-44deg);
}

.pattern-1.loader-pattern.bottom {
  z-index: 10;
  bottom: 0;
  left: 0;
  transform: translate(-25%, 15%)rotate(-44deg);
}

.pattern-2 {
  z-index: -1;
  width: 17vw;
  position: absolute;
}

.pattern-2.hero-pattern-2 {
  bottom: -126px;
  left: -39px;
  transform: translate(-64%, -10%);
}

.pattern-2.hero-pattern-3 {
  display: none;
}

.pattern-2.roadmap-pattern-2 {
  min-width: 17vw;
  right: 0;
  transform: translate(20%, 45%)rotate(-125deg);
}

.pattern-2.for-faq {
  top: 0;
  left: 0;
  transform: translate(0, -10%)rotate(34deg);
}

.navbar {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

.logo-wrapper {
  width: 50px;
  padding-left: 0;
}

.logo-wrapper.w--current {
  width: 240px;
  margin-top: 0;
  padding-top: 0;
}

.navbar-inner {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 13px;
  margin-bottom: 15px;
  padding: 0 4.5vw;
  display: flex;
}

.link-wrapper {
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}

.nav-link {
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.nav-link:visited, .nav-link.w--current {
  color: #404756;
}

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

.navbar-button-wrapper {
  margin-left: 39px;
}

.hero-paragraph-and-btn {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hero-images {
  z-index: -2;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 28.461px;
}

.hero-images.desktop-hero-images {
  margin-top: 100px;
  display: none;
}

.hero-mobile-text-and-btn, .navbar-button-divider {
  display: none;
}

.section {
  flex-direction: column;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.section.collection-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5vw;
  padding-top: 40px;
  padding-bottom: 90px;
  display: flex;
}

.section.rarity-section {
  min-height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section.for-roadmap {
  padding-top: 77px;
}

.section.for-roadmap.for-template-page {
  margin-top: 5vw;
}

.section.for-team {
  padding-top: 120px;
  padding-bottom: 0;
  display: block;
}

.section.for-faq {
  padding-top: 100px;
  position: relative;
}

.section.for-template-page {
  margin-top: 5vw;
}

.section.light-blue-section {
  background-color: #cbeaff;
  background-image: linear-gradient(264deg, #d3d4ed, #fbf1e6);
  border-radius: 0;
  margin-top: 52px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.wide-container {
  width: 100%;
  max-width: 1040px;
  align-self: center;
  padding-left: 30px;
  padding-right: 30px;
}

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

.wide-container.relative {
  position: relative;
}

.section-title-container {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 56px;
  display: flex;
}

.section-title-container.for-collection.tolerance {
  align-items: center;
}

.section-title-container.align-left {
  text-align: left;
  align-items: flex-start;
}

.section-title-container.faq {
  border-bottom-style: none;
}

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

.heading-2.faq-heading {
  border-top: 1px #000;
  margin-bottom: -46px;
}

.collection-content {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.collection-info-container {
  width: 100%;
  max-width: 400px;
}

.collection-info-item {
  border-bottom: 1px solid rgba(64, 71, 86, .6);
  padding-top: 32px;
  padding-bottom: 32px;
}

.collection-info-item.no-underline {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.info-header-text {
  color: #222;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 90%;
}

.collection-info-paragraph {
  max-width: 340px;
  margin-top: 14px;
}

.collection-images {
  height: 620px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.collection-main {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.collection-row {
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.collection-row.first {
  position: relative;
  bottom: -120px;
}

.collection-row.third {
  position: relative;
  top: -120px;
}

.collection-image-wrapper {
  width: 194px;
  transform: translate(0);
}

.collection-image-wrapper.left {
  position: relative;
  right: -60px;
}

.collection-image-wrapper.center {
  position: relative;
  right: -30px;
}

.collection-info-divider {
  display: none;
}

.desktop-rarity-top-wave {
  z-index: 1;
  width: 100%;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.exclusive-content-inner {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(277deg, #86c6f1, rgba(117, 214, 218, .71) 59%, rgba(115, 216, 215, .67) 67%, rgba(110, 221, 208, .59) 84%, rgba(105, 225, 202, .51));
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.exclusive-content-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.exclusive-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(64, 71, 86, .6);
  margin-top: 68px;
  margin-bottom: 68px;
}

.exclusive-item-inner {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.exclusive-item-text-content {
  max-width: 360px;
}

.big-text {
  color: #222;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 90%;
}

.big-text.pink {
  color: #f7859c;
}

.big-text.student-journey {
  margin-bottom: -5px;
  padding-top: 0;
  line-height: 100%;
}

.big-text.teacher-journey {
  margin-top: -11px;
  padding-left: 0;
  font-size: 28px;
  line-height: 100%;
}

.tier-container {
  width: 200px;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  margin-bottom: 28px;
  font-family: Inter, sans-serif;
  display: flex;
}

.small-text {
  color: #222;
  margin-top: 46px;
  padding-top: 0;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 110%;
}

.small-text.teacher-journey {
  margin: 11px 0;
  padding-top: 0;
  padding-left: 0;
}

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

.star-image {
  width: 17px;
  margin-right: 5.5px;
}

.exclusive-image-wrapper {
  height: 505px;
}

.absolute-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  right: 0;
}

.desktop-rarity-bottom-wave {
  width: 100%;
}

.mobile-rarity-top-wave {
  display: none;
}

.mobile-rarity-bottom-wave {
  transform-style: preserve-3d;
  display: none;
}

.navbar-white-overlay {
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

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

.roadmap-main.for-licenses {
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 90px;
}

.roadmap-item {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 380px;
  display: flex;
}

.roadmap-item.first {
  margin-top: 149px;
}

.roadmap-item.for-style-gudie {
  margin-top: 120px;
}

.roadmap-item.for-style-gudie.first {
  margin-top: 68px;
}

.roadmap-item.for-template-page {
  margin-top: 170px;
}

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

.roadmap.for-style-guide {
  height: 145px;
  align-items: flex-start;
  padding-left: 200px;
}

.roadmap-text-content {
  max-width: 360px;
  margin-top: 4px;
}

.roadmap-text-content.for-style-guide {
  max-width: 100%;
}

.roadmap-text-content.for-template-page {
  max-width: 300px;
}

.roadmap-title-wrapper {
  margin-top: 13px;
  margin-bottom: 18px;
}

.roadmap-blob {
  z-index: -1;
  width: 530px;
  max-width: none;
  opacity: 1;
  background-color: #fbf1e6;
  background-image: linear-gradient(294deg, #fddbe2, rgba(251, 241, 230, .58));
  border-radius: 40px;
  position: absolute;
  transform: translate(0, 2.5%);
}

.roadmap-blob.for-template-page {
  width: 420px;
}

.roadmap-percentage {
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.roadmap-small-blob {
  width: 17px;
  height: 17px;
}

.roadmap-percentage-text {
  color: #3eaac0;
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 90%;
}

.blob-and-dotted-line {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
}

.dotted-line {
  width: 1px;
  height: 879px;
  border-right: 2px #f7859c;
  margin-top: -8px;
}

.dotted-line.for-style-guide {
  height: 240px;
}

.dotted-line.last-line {
  height: 680px;
}

.dotted-line._4-7 {
  height: 867px;
}

.dotted-line._5-7 {
  height: 869px;
}

.dotted-line._6-7 {
  height: 680px;
}

.dotted-line._2-7, .dotted-line._1-7 {
  height: 869px;
}

.roadmap-image-1 {
  width: 310px;
  min-width: 310px;
  transform-style: preserve-3d;
  position: absolute;
  right: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.roadmap-image-1.roadmap-image-5 {
  width: 300px;
  min-width: 300px;
}

.roadmap-image-2 {
  width: 400px;
  min-width: 297px;
  transform-style: preserve-3d;
  position: absolute;
  right: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.roadmap-image-2.roadmap-image-4 {
  min-width: 310px;
}

.roadmap-image-3 {
  width: 420px;
  min-width: 330px;
  padding-left: 0;
  position: absolute;
  right: 0;
  transform: translate(0);
}

.roadmap-image-3.image-3-space {
  width: 400px;
  min-width: 300px;
  margin-right: -20px;
}

.desktop-team-top-wave {
  width: 100%;
}

.team-content-inner {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(291deg, rgba(35, 26, 214, .97), rgba(253, 219, 226, .6));
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 120px;
  display: flex;
}

.team-members-grid {
  grid-column-gap: 16px;
  grid-row-gap: 68px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  display: grid;
}

.team-member {
  height: 500px;
  background-color: #fbf1e6;
  border-radius: 9px;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.team-member-image {
  height: auto;
  max-height: 150px;
  max-width: none;
  margin-left: 0;
  position: relative;
  bottom: -20px;
}

.team-member-image-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.ellipse {
  width: 315px;
}

.job-text-wrapper {
  margin-top: 27px;
  margin-bottom: 10px;
}

.desktop-team-bottom-wave {
  transform-style: preserve-3d;
  position: relative;
  top: -1px;
  transform: rotateX(0)rotateY(180deg)rotateZ(180deg);
}

.mobile-team-top-wave {
  display: none;
}

.mobile-team-bottom-wave {
  width: 100%;
  transform-style: preserve-3d;
  display: none;
}

.frequent-questions-main {
  width: 100%;
  margin-top: 0;
}

.faq {
  width: 100%;
  border-bottom: 1px solid rgba(64, 71, 86, .6);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.faq.first {
  border-top: 1px rgba(64, 71, 86, .6);
}

.faq-header {
  width: 100%;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 34px;
  padding-bottom: 34px;
  display: flex;
}

.faq-question {
  color: #222;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 90%;
}

.plus-container {
  width: 17px;
  height: 17px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.plus-vertical-line {
  width: 3px;
  height: 17px;
  background-color: #404756;
  position: absolute;
}

.plus-horizontal-line {
  width: 17px;
  height: 3px;
  background-color: #404756;
  position: absolute;
}

.faq-answer-container {
  width: 100%;
  overflow: hidden;
}

.desktop-footer-wave {
  width: 100%;
}

.footer-inner {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(302deg, #86c6f1, rgba(105, 225, 202, .49) 55%);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 24px;
  display: flex;
}

.footer-container {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.footer-header-container {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-top-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(64, 71, 86, .6);
  margin-top: 16px;
}

.footer-top-divider.for-mobile {
  display: none;
}

.socials {
  grid-column-gap: 42px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.footer-link {
  color: #404756;
  margin-top: 12px;
  margin-right: 0;
  text-decoration: none;
  position: relative;
}

.footer-link.navigation-link {
  margin-right: 0;
}

.footer-link-text {
  color: #222;
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.footer-main-links {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.navigation-links {
  width: 100px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-right: 114px;
  display: grid;
}

.footer-bottom-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(64, 71, 86, .6);
  margin-top: 21px;
}

.copyright-links {
  align-items: center;
  display: flex;
}

.copyright-text {
  margin-top: 12px;
  margin-right: 78px;
  font-size: 14px;
}

.bold-link {
  color: #404756;
  font-weight: 700;
  text-decoration: none;
}

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

.footer-heading {
  color: #000;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 4vw;
  font-weight: 700;
  display: flex;
  position: relative;
}

.footer-heading.for-mobile {
  display: none;
}

.footer-blob-image {
  z-index: -1;
  width: 75px;
  display: none;
  position: absolute;
}

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

.loader {
  z-index: 9999;
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Inter, sans-serif;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.loader-inner {
  width: 100%;
  height: 100%;
  background-color: #fbf1e6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.loader-inner.first {
  z-index: 1;
  opacity: 1;
  color: #000;
  background-image: linear-gradient(302deg, #fddbe2, rgba(251, 241, 230, .84));
  font-family: Inter, sans-serif;
  font-size: 120px;
}

.loader-inner.second {
  z-index: 2;
  opacity: 0;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(306deg, #86c6f1, #72d4a5);
  font-family: Inter, sans-serif;
}

.loader-inner.third {
  z-index: 3;
  opacity: 0;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(#fddbe2, #fbf1e6);
  font-family: Inter, sans-serif;
}

.huge-text {
  color: #222;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10.25vw;
  font-weight: 700;
  line-height: 100%;
}

.huge-text.pink {
  color: #86c6f1;
  background-image: linear-gradient(#72d4a5, #3eaac0);
}

.huge-text.purple {
  color: #3eaac0;
}

.huge-text.loader-text {
  font-size: 6vw;
  transition: opacity .2s;
}

.huge-text.loader-text.loader-text-2 {
  color: #000;
  font-size: 50px;
  transition: opacity .2s;
}

.huge-text.loader-text.loader-text-3 {
  color: #000;
  font-size: 50px;
}

.huge-text.loader-text.loader-background {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  font-size: 50px;
}

.inner-dotted-line {
  height: 867px;
  border: 1px solid #3eaac0;
  line-height: 140%;
}

.inner-dotted-line.last-lin {
  height: 680px;
}

.inner-dotted-line.workshop-4 {
  height: 865px;
}

.inner-dotted-line._5-7 {
  height: 866px;
}

.inner-dotted-line._6-7 {
  height: 678px;
}

.inner-dotted-line._1-7 {
  height: 866px;
}

.inner-dotted-line._3-7 {
  height: 881px;
}

.link-blob {
  z-index: -1;
  width: 16px;
  position: absolute;
  top: -2px;
  left: -6px;
  transform: scale(0);
}

.utility-section {
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-section.overflow-hidden {
  overflow: hidden;
}

.utility-container {
  max-width: 400px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.utility-text-wrapper {
  width: 100%;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 12px;
}

.utility-text-wrapper.bigger {
  margin-top: 6px;
  margin-bottom: 18px;
}

.utility-blob {
  z-index: -1;
  width: 650px;
  max-width: none;
  position: absolute;
}

.field-label {
  display: none;
}

.text-field {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-radius: 12px;
  margin-bottom: 0;
  padding-top: 22px;
  padding-bottom: 22px;
}

.text-field:focus {
  border-style: solid;
  border-color: #ff8961;
}

.text-field::-ms-input-placeholder {
  color: rgba(255, 137, 97, .6);
}

.text-field::placeholder {
  color: rgba(255, 137, 97, .6);
}

.secondary-button {
  color: #fff;
  background-color: #000;
  border-radius: 12px;
  padding: 10px 28px;
  font-weight: 700;
}

.error-message {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  padding: 0;
}

.container {
  background-color: #69e1ca;
  border-radius: 30px;
  padding: 51px 54px 36px 59px;
}

.container-2 {
  max-height: 17px;
  max-width: 17px;
}

.image-2 {
  display: none;
}

.image-3, .image-4, .image-5, .image-6 {
  max-width: 250px;
  margin-top: 20px;
  display: none;
}

.container-3 {
  display: block;
}

.grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr;
  justify-items: center;
  margin-left: 140px;
  margin-right: 140px;
}

.image-7 {
  margin-bottom: 18px;
}

.image-7.more-space {
  margin-top: -31px;
  margin-bottom: 34px;
}

.container-4.aldar, .container-4.figma {
  display: none;
}

.container-5 {
  max-height: 479px;
  max-width: 532px;
}

@media screen and (min-width: 1280px) {
  .image.rotate {
    transform: none;
  }

  .primary-button.blue-purple-gradient {
    background-color: #67009e;
  }

  .primary-button.blue-purple-gradient.in-box.slim {
    margin-left: 3px;
    padding-left: 12px;
    padding-right: 19px;
  }

  .primary-button.blue-purple-gradient.top-nav {
    background-image: linear-gradient(308deg, #67009e, #f7859c);
    margin-left: -20px;
  }

  .primary-button.blue-purple-gradient.top-nav.training-button {
    margin-left: -19px;
  }

  .primary-button.blue-purple-gradient.space-add {
    margin-top: 20px;
    margin-right: 134px;
  }

  .hero-blob.blob-2 {
    margin-top: 96px;
  }

  .pattern-1.roadmap-pattern.smaller {
    width: 17vw;
  }

  .pattern-2.roadmap-pattern-2 {
    transform: translate(40%, 45%)rotate(-125deg);
  }

  .pattern-2.for-faq {
    transform: translate(-35%, -10%)rotate(34deg);
  }

  .navbar {
    position: -webkit-sticky;
    position: sticky;
  }

  .logo-wrapper {
    margin-bottom: 2px;
  }

  .heading-2.h2-space {
    margin-bottom: 30px;
  }

  .collection-row.first {
    bottom: auto;
  }

  .collection-row.third {
    top: auto;
  }

  .dotted-line._6-7 {
    height: 689px;
  }

  .roadmap-image-1 {
    width: 300px;
    min-width: 300px;
    transform: translate(20%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .roadmap-image-2 {
    transform: translate(20%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .roadmap-image-3 {
    transform: translate(30%)translate(0);
  }

  .navigation-links {
    margin-right: 140px;
  }

  .footer-heading {
    font-size: 40px;
  }

  .inner-dotted-line.last-lin {
    height: 134%;
  }

  .inner-dotted-line._6-7 {
    height: 692px;
  }
}

@media screen and (min-width: 1440px) {
  .hero {
    display: none;
  }

  .image {
    max-width: 85%;
    margin-top: 3px;
    margin-bottom: 2px;
  }

  .image.rotate {
    transform: none;
  }

  .heading-1 {
    font-size: 90px;
  }

  .paragraph.for-faq {
    max-width: 800px;
  }

  .primary-button {
    background-image: linear-gradient(280deg, #9093d1, #fff);
  }

  .primary-button.blue-purple-gradient {
    background-image: linear-gradient(308deg, #67009e, #f7859c);
  }

  .primary-button.blue-purple-gradient.in-box.slim {
    margin-bottom: 17px;
    padding-bottom: 10px;
    padding-left: 19px;
    padding-right: 26px;
  }

  .primary-button.blue-purple-gradient.top-nav.training-button {
    margin-left: 1px;
  }

  .primary-button.blue-purple-gradient.space-add {
    margin-right: 136px;
  }

  .hero-blob.blob-2 {
    margin-top: 187px;
  }

  .pattern-1.roadmap-pattern.smaller {
    width: 14vw;
    transform: translate(-65%, -90%);
  }

  .pattern-1.for-footer {
    left: 13vw;
  }

  .pattern-2.for-faq {
    left: 12vw;
    transform: translate(-35%, -15%)rotate(34deg);
  }

  .navbar {
    position: -webkit-sticky;
    position: sticky;
  }

  .logo-wrapper {
    width: 60px;
  }

  .hero-images.desktop-hero-images {
    display: none;
  }

  .wide-container {
    max-width: 100%;
    padding-left: 16vw;
    padding-right: 16vw;
  }

  .collection-images {
    height: 45vw;
  }

  .collection-main {
    margin-top: 5.8vw;
    position: relative;
  }

  .collection-row.first {
    bottom: auto;
  }

  .collection-row.third {
    top: auto;
  }

  .collection-image-wrapper {
    width: 14vw;
  }

  .collection-image-wrapper.left {
    right: -5vw;
  }

  .collection-image-wrapper.center {
    right: -2.5vw;
  }

  .big-text.teacher-journey {
    font-size: 25px;
  }

  .dotted-line {
    height: 750px;
  }

  .dotted-line.last-line {
    height: 749px;
  }

  .dotted-line._3-7 {
    height: 881px;
  }

  .team-members-grid {
    grid-column-gap: 48px;
  }

  .team-member {
    height: 580px;
  }

  .team-member-image {
    width: auto;
    height: 20vw;
    bottom: -1.4vw;
  }

  .ellipse {
    width: 23vw;
  }

  .navigation-links {
    margin-right: 129px;
  }

  .footer-heading {
    font-size: 40px;
    display: block;
  }

  .huge-text.loader-text.loader-background {
    background-color: rgba(0, 0, 0, 0);
  }

  .inner-dotted-line {
    height: 730px;
    line-height: 750px;
  }

  .inner-dotted-line.last-lin, .inner-dotted-line.workshop-4 {
    height: 750px;
  }

  .inner-dotted-line._2-7 {
    height: 869px;
  }

  .inner-dotted-line._4-7 {
    height: 867px;
  }

  .grid {
    margin-left: 184px;
    margin-right: 158px;
  }
}

@media screen and (min-width: 1920px) {
  .hero {
    margin-top: 0;
    display: none;
  }

  .hero-container {
    margin-top: -54px;
    margin-bottom: 0;
  }

  .hero-container.gradient-hero {
    background-image: linear-gradient(#86c6f1, #fff 81%);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0;
    padding-top: 107px;
  }

  .image {
    max-width: 90%;
  }

  .image.rotate {
    transform: none;
  }

  .hero-content.desktop {
    align-items: flex-start;
  }

  .section-name {
    margin-bottom: .75vw;
  }

  .section-name.for-footer {
    width: 5.25vw;
  }

  .section-name.section-name-space {
    margin-top: 17px;
    margin-bottom: 0;
  }

  .section-name-text {
    padding-top: 0;
    padding-bottom: 11px;
    font-size: .95vw;
  }

  .section-name-text.section-text-1.section-text-2 {
    color: #000;
  }

  .heading-1 {
    color: #000;
    text-align: left;
    font-size: 90px;
    line-height: 100%;
  }

  .hero-paragraph {
    max-width: 26vw;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
  }

  .paragraph {
    font-size: .95vw;
  }

  .paragraph.for-faq {
    max-width: 44vw;
    padding-bottom: 1.8vw;
  }

  .primary-button {
    background-color: #69e1ca;
    background-image: linear-gradient(264deg, #a369e1, #2219d6 100%, #3eaac0);
    padding: .55vw 1.55vw;
    font-size: .95vw;
  }

  .primary-button.blue-purple-gradient {
    background-image: linear-gradient(308deg, #67009e, #f7859c);
  }

  .primary-button.blue-purple-gradient.in-box.slim {
    padding-top: 13px;
    padding-right: 25px;
  }

  .primary-button.blue-purple-gradient.top-nav {
    margin-left: 12px;
  }

  .primary-button.blue-purple-gradient.top-nav.training-button {
    margin-left: 21px;
  }

  .primary-button.blue-purple-gradient.space-add {
    margin-right: 137px;
    padding-right: 0;
  }

  .primary-button.blue-purple-gradient.landscape-mobile {
    margin-top: 17px;
  }

  .page-wrapper {
    color: #000;
    text-align: left;
    margin-top: 0;
  }

  .hero-blob.blob-2 {
    margin-top: 109px;
  }

  .section-blob {
    width: 1.7vw;
  }

  .pattern-1.roadmap-pattern.smaller {
    width: 13vw;
    transform: translate(-75%, -90%);
  }

  .pattern-1.for-footer {
    left: 15vw;
  }

  .pattern-2.for-faq {
    transform: translate(-18%, -30%)rotate(34deg);
  }

  .navbar {
    position: -webkit-sticky;
    position: sticky;
  }

  .logo-wrapper {
    width: 90vw;
    max-width: 400px;
    padding-right: 0;
  }

  .logo-wrapper.w--current {
    width: 300px;
    max-width: 450px;
  }

  .navbar-inner {
    padding-top: 1vw;
    padding-bottom: 1vw;
  }

  .link-wrapper {
    margin-left: .75vw;
    margin-right: .75vw;
  }

  .nav-link {
    font-size: .95vw;
  }

  .navbar-button-wrapper {
    margin-left: .75vw;
  }

  .hero-paragraph-and-btn {
    align-items: flex-start;
  }

  .hero-images.desktop-hero-images {
    display: none;
  }

  .section {
    padding-top: 14vh;
    padding-bottom: 14vh;
  }

  .section.collection-section {
    padding-top: 14vh;
    padding-bottom: 12vh;
  }

  .section.for-faq {
    padding-top: 12vh;
  }

  .section.light-blue-section {
    border-radius: 0;
    margin-top: 60px;
  }

  .wide-container {
    max-width: none;
    padding-left: 18vw;
    padding-right: 18vw;
  }

  .heading-2 {
    font-size: 4vw;
  }

  .collection-info-container {
    max-width: 20vw;
  }

  .collection-info-item {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .info-header-text {
    font-size: 1.33vw;
  }

  .collection-info-paragraph {
    max-width: 18vw;
    margin-top: .8vw;
  }

  .collection-images {
    height: 38vw;
  }

  .collection-row.first {
    bottom: auto;
  }

  .collection-row.third {
    top: auto;
  }

  .collection-image-wrapper {
    width: 12.5vw;
  }

  .exclusive-content-inner {
    border-radius: 0;
    padding-top: 18vh;
    padding-bottom: 6vh;
  }

  .exclusive-divider {
    margin-top: 3.75vw;
    margin-bottom: 3.75vw;
  }

  .exclusive-item-text-content {
    max-width: 18vw;
  }

  .big-text {
    font-size: 2vw;
  }

  .tier-container {
    width: 11vw;
    align-items: center;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
  }

  .small-text {
    font-size: .95vw;
  }

  .star-image {
    width: .9vw;
    margin-right: .3vw;
  }

  .exclusive-image-wrapper {
    height: 28vw;
  }

  .roadmap-main {
    height: 120%;
  }

  .roadmap-main.for-licenses {
    margin-bottom: 9vh;
  }

  .roadmap-item {
    margin-top: 21vw;
  }

  .roadmap-item.first {
    margin-top: 12vw;
  }

  .roadmap-item.for-style-gudie {
    margin-top: 6.5vw;
  }

  .roadmap-item.for-style-gudie.first {
    margin-top: 3.75vw;
  }

  .roadmap-item.for-template-page {
    margin-top: 10vw;
  }

  .roadmap.for-style-guide {
    height: 10vw;
    padding-left: 11vw;
  }

  .roadmap-text-content {
    max-width: 18.5vw;
  }

  .roadmap-text-content.for-template-page {
    max-width: 15vw;
  }

  .roadmap-title-wrapper {
    margin-top: .72vw;
    margin-bottom: 1vw;
  }

  .roadmap-blob {
    width: 29.4vw;
  }

  .roadmap-blob.for-template-page {
    width: 23vw;
  }

  .roadmap-small-blob {
    width: 1.7vw;
    height: auto;
  }

  .roadmap-percentage-text {
    font-size: .95vw;
  }

  .blob-and-dotted-line {
    margin-top: -.66vw;
    margin-right: .55vw;
  }

  .dotted-line {
    height: 791px;
  }

  .dotted-line.for-style-guide {
    height: 15vw;
  }

  .dotted-line.last-line {
    height: 770px;
  }

  .dotted-line._4-7 {
    height: 875px;
  }

  .dotted-line._5-7 {
    height: 878px;
  }

  .dotted-line._6-7 {
    height: 745px;
  }

  .dotted-line._3-7 {
    height: 893px;
  }

  .dotted-line._2-7, .dotted-line._1-7 {
    height: 878px;
  }

  .roadmap-image-1 {
    width: 17vw;
    min-width: 13vw;
  }

  .roadmap-image-1.roadmap-image-5 {
    width: 310px;
  }

  .roadmap-image-2 {
    width: 15.5vw;
    min-width: 15.5vw;
  }

  .roadmap-image-3 {
    width: 19vw;
    min-width: 19vw;
  }

  .roadmap-image-3.image-3-space {
    min-width: 320px;
  }

  .team-content-inner {
    border-radius: 0;
    padding-top: 16vh;
    padding-bottom: 14vh;
  }

  .team-members-grid {
    grid-column-gap: 2.65vw;
    grid-row-gap: 3.75vw;
    margin-top: 3.75vw;
  }

  .team-member {
    height: 640px;
  }

  .job-text-wrapper {
    margin-top: 1.5vw;
    margin-bottom: .55vw;
  }

  .frequent-questions-main {
    margin-top: 3.75vw;
  }

  .faq-header {
    padding-top: 1.8vw;
    padding-bottom: 1.8vw;
  }

  .faq-question {
    font-size: 1.3vw;
  }

  .plus-container {
    width: .9vw;
    height: .9vw;
  }

  .plus-vertical-line {
    height: .9vw;
  }

  .plus-horizontal-line {
    width: .9vw;
  }

  .footer-inner {
    padding-top: 12vh;
    padding-bottom: 2.5vh;
  }

  .footer-top-divider {
    margin-top: .8vw;
  }

  .socials {
    grid-column-gap: 2.25vw;
  }

  .footer-link {
    margin-top: .8vw;
  }

  .footer-link-text {
    font-size: .95vw;
  }

  .navigation-links {
    width: 5.25vw;
    margin-right: 130px;
  }

  .footer-bottom-divider {
    margin-top: 3vw;
  }

  .copyright-text {
    margin-top: .8vw;
    margin-right: 4.25vw;
    font-size: .74vw;
  }

  .footer-heading {
    font-size: 50px;
    display: block;
  }

  .loader-inner.first {
    background-color: #67009e;
    font-family: Inter, sans-serif;
  }

  .loader-inner.second {
    background-color: #72d4a5;
    font-family: Inter, sans-serif;
  }

  .loader-inner.third {
    background-color: #69e1ca;
    font-family: Inter, sans-serif;
  }

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

  .inner-dotted-line {
    height: 750px;
  }

  .inner-dotted-line.last-lin {
    height: 770px;
  }

  .inner-dotted-line.workshop-4 {
    height: 791px;
  }

  .inner-dotted-line._5-7 {
    height: 882px;
  }

  .inner-dotted-line._6-7 {
    height: 758px;
  }

  .inner-dotted-line._1-7 {
    height: 879px;
  }

  .inner-dotted-line._2-7 {
    height: 877px;
  }

  .inner-dotted-line._3-7 {
    height: 896px;
  }

  .inner-dotted-line._4-7 {
    height: 881px;
  }

  .link-blob {
    width: .8vw;
    top: -.1vw;
    left: -.3vw;
  }

  .utility-container {
    max-width: 22vw;
  }

  .utility-text-wrapper {
    margin-top: 1.3vw;
    margin-bottom: .62vw;
  }

  .utility-text-wrapper.bigger {
    margin-top: 0;
    margin-bottom: .95vw;
  }

  .utility-blob {
    width: 35vw;
  }

  .utility-blob.bigger {
    width: 45vw;
  }

  .text-field {
    padding: 1.2vw .75vw;
    font-size: .95vw;
  }

  .secondary-button {
    padding: .55vw 1.55vw;
    font-size: .95vw;
  }

  .grid {
    grid-template-columns: .5fr 1.25fr;
    margin-left: 522px;
    margin-right: 184px;
  }

  .column {
    text-align: right;
  }
}

@media screen and (max-width: 991px) {
  .hero {
    min-height: auto;
    margin-bottom: 40px;
  }

  .hero-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 47px;
  }

  .hero-container.gradient-hero {
    margin-top: 0;
    padding-top: 58px;
  }

  .hero-image-wrapper.left {
    width: 35vw;
    position: relative;
    left: 0;
  }

  .hero-image-wrapper.right {
    width: 35vw;
    position: relative;
    top: 10vw;
    right: 0;
  }

  .image {
    margin-top: 0;
  }

  .image.rotate {
    transform: none;
  }

  .image.rotate.rotate-on-mobile {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .image.rotate.rotate-on-mobile.exclusive-content {
    max-width: 290px;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    left: 444px;
  }

  .hero-content {
    margin-top: 28px;
    margin-bottom: 89px;
  }

  .section-name {
    margin-bottom: 14px;
  }

  .section-name-text {
    margin-bottom: 11px;
  }

  .section-name-text.footer-nav {
    align-self: auto;
  }

  .heading-1 {
    margin-bottom: -143px;
    font-size: 10vw;
  }

  .heading-1.smaller-h1.xs-h1 {
    font-size: 75px;
  }

  .hero-paragraph {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .primary-button {
    background-color: #67009e;
  }

  .primary-button.blue-purple-gradient.in-box.slim {
    margin: -5px -47px 27px -1px;
    padding-bottom: 10px;
    padding-left: 9px;
    padding-right: 12px;
    font-size: 20px;
  }

  .primary-button.blue-purple-gradient.space-add {
    margin-right: 143px;
  }

  .primary-button.blue-purple-gradient.mobile-portrait._1-regsiter {
    background-image: linear-gradient(308deg, #ac64d3, #e4b1bb);
  }

  .page-wrapper {
    margin-bottom: 52px;
  }

  .hero-blob.blob-1 {
    width: 60vw;
    margin-top: -32px;
    top: 19.3vw;
    right: -10vw;
  }

  .hero-blob.blob-2 {
    display: none;
  }

  .hero-blob.blob-3 {
    width: 60vw;
    margin-top: -11px;
    display: block;
    top: -41.3vw;
    left: -12vw;
  }

  .pattern-1.hero-pattern-1 {
    display: none;
  }

  .pattern-1.hero-pattern-4 {
    width: 24vw;
    margin-top: -62px;
    margin-left: 18px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    top: 327px;
    left: -79px;
    transform: translate(-40%, -40%);
  }

  .pattern-1.roadmap-pattern.smaller {
    width: 24vw;
  }

  .pattern-1.for-footer {
    width: 24vw;
    transform: translate(-50%, -25%)rotate(-80deg);
  }

  .pattern-1.loader-pattern.top {
    width: 24vw;
    transform: translate(-25%, 50%)rotate(-44deg);
  }

  .pattern-1.loader-pattern.bottom {
    width: 24vw;
  }

  .pattern-2.hero-pattern-2 {
    display: none;
  }

  .pattern-2.hero-pattern-3 {
    width: 24vw;
    margin-top: 110px;
    padding-top: 0;
    display: block;
    top: -211px;
    transform: translate(-20%, -130%)rotate(50deg);
  }

  .pattern-2.for-faq {
    width: 22vw;
    transform: translate(-20%, -60%)rotate(63deg);
  }

  .navbar {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .logo-wrapper {
    z-index: 999;
  }

  .navbar-inner {
    padding: 15px 30px 0;
  }

  .link-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .nav-link {
    padding: 6px;
    font-size: 20px;
  }

  .nav-menu {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
  }

  .navbar-button-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-left: 0;
    padding-bottom: 38px;
    display: flex;
  }

  .hero-paragraph-and-btn {
    display: none;
  }

  .hero-images {
    width: 100%;
    height: auto;
    margin-top: 24px;
    padding-left: 30px;
    padding-right: 30px;
    position: static;
  }

  .hero-mobile-text-and-btn {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 21vw;
    margin-bottom: -141px;
    padding-left: 0;
    padding-right: 30px;
    display: block;
  }

  .menu-button {
    width: 32px;
    height: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .menu-button.w--open {
    z-index: 999;
    background-color: rgba(0, 0, 0, 0);
  }

  .open-menu-icon {
    width: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .navbar-button-divider {
    width: 60%;
    height: 1px;
    background-color: #404756;
    margin-bottom: 38px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

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

  .section.collection-section {
    margin-top: 0;
    padding-bottom: 80px;
  }

  .section.for-roadmap {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.for-roadmap.for-template-page {
    margin-top: 0;
  }

  .section.for-faq {
    margin-bottom: -60px;
  }

  .section.for-template-page {
    margin-top: 0;
  }

  .section.light-blue-section {
    margin-top: 88px;
  }

  .section-title-container.for-collection {
    max-width: 65vw;
  }

  .heading-2 {
    font-size: 8vw;
    line-height: 100%;
  }

  .heading-2.h2-space {
    margin-bottom: 31px;
  }

  .collection-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .collection-info-container {
    max-width: 600px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    display: flex;
  }

  .collection-info-item {
    text-align: center;
    border-bottom-style: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
  }

  .collection-info-paragraph {
    max-width: 500px;
  }

  .collection-images {
    height: 79vw;
    position: relative;
    left: -7vw;
  }

  .collection-main {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-top: 42px;
  }

  .collection-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-left: 0;
    padding-left: 0;
  }

  .collection-row.first {
    bottom: -20vw;
  }

  .collection-row.third {
    top: -20vw;
  }

  .collection-image-wrapper {
    width: 27vw;
  }

  .collection-image-wrapper.left {
    right: -14vw;
  }

  .collection-image-wrapper.center {
    right: -7vw;
  }

  .collection-info-divider {
    width: 64px;
    height: 1px;
    background-color: rgba(64, 71, 86, .6);
    margin-bottom: 48px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .exclusive-content-inner {
    padding-top: 77px;
    padding-bottom: 20px;
  }

  .mobile-rarity-top-wave {
    display: none;
  }

  .roadmap-main.for-licenses {
    margin-bottom: 70px;
  }

  .roadmap-item {
    margin-top: 320px;
  }

  .roadmap-item.first {
    margin-top: 135px;
  }

  .roadmap-item.for-style-gudie {
    margin-top: 80px;
  }

  .roadmap-item.for-template-page {
    margin-top: 130px;
  }

  .roadmap.for-style-guide {
    padding-left: 44px;
  }

  .roadmap-text-content {
    margin-top: 16px;
    margin-left: -87px;
  }

  .roadmap-text-content.for-template-page {
    width: 100%;
    max-width: 260px;
  }

  .roadmap-text-content.roadmap-content-space {
    margin-top: 43px;
  }

  .roadmap-blob {
    width: 520px;
    transform: translate(-5%, 3%);
  }

  .roadmap-blob.for-template-page {
    width: 360px;
  }

  .roadmap-blob.mobile-blob {
    width: 520px;
  }

  .dotted-line {
    height: 540px;
  }

  .dotted-line.for-style-guide {
    height: 200px;
  }

  .dotted-line._4-7, .dotted-line._5-7 {
    height: 820px;
  }

  .dotted-line._6-7 {
    height: 638px;
  }

  .dotted-line._3-7 {
    height: 832px;
  }

  .dotted-line._2-7, .dotted-line._1-7 {
    height: 818px;
  }

  .roadmap-image-1 {
    width: 27vw;
    min-width: 22vw;
    margin-left: 21px;
    padding-left: 0;
    padding-right: 13px;
  }

  .roadmap-image-1.roadmap-image-5 {
    width: 180px;
    min-width: 210px;
  }

  .roadmap-image-2 {
    width: 24vw;
    min-width: 24vw;
  }

  .roadmap-image-2.roadmap-image-4 {
    min-width: 200px;
  }

  .roadmap-image-3 {
    width: 30vw;
    min-width: 30vw;
  }

  .roadmap-image-3.image-3-space {
    min-width: 220px;
  }

  .team-content-inner {
    padding-top: 120px;
  }

  .team-member {
    height: 630px;
  }

  .footer-header-container {
    align-self: flex-start;
    display: flex;
  }

  .navigation-links {
    margin-right: 133px;
  }

  .footer-heading {
    color: #020202;
    justify-content: space-between;
    font-weight: 700;
    display: flex;
  }

  .huge-text {
    font-size: 16vw;
  }

  .inner-dotted-line.last-lin {
    height: 136%;
  }

  .inner-dotted-line._5-7 {
    height: 820px;
  }

  .inner-dotted-line._6-7 {
    height: 634px;
  }

  .inner-dotted-line._1-7, .inner-dotted-line._2-7 {
    height: 818px;
  }

  .inner-dotted-line._3-7 {
    height: 832px;
  }

  .inner-dotted-line._4-7 {
    height: 820px;
  }

  .image-2 {
    display: none;
  }

  .grid {
    margin-left: 6px;
    margin-right: 0;
  }

  .container-4.aldar, .container-4.figma {
    display: none;
  }

  .column {
    text-align: right;
    padding-right: 20px;
  }

  .column-2 {
    padding-left: 20px;
  }

  .image-8 {
    display: none;
  }

  .container-7 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .hero {
    margin-top: auto;
  }

  .image {
    margin-top: 0;
  }

  .image.rotate.rotate-on-mobile.exclusive-content {
    object-fit: scale-down;
    display: none;
  }

  .hero-content {
    margin-top: 40px;
    margin-bottom: 105px;
  }

  .section-name.for-footer {
    display: none;
  }

  .section-name.section-name-space {
    margin-bottom: -16px;
  }

  .section-name.our-partners-spaace {
    margin-top: -9px;
    margin-bottom: -30px;
  }

  .section-name-text {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 38px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-name-text.less-space {
    margin-bottom: 20px;
  }

  .hero-paragraph {
    margin-top: -30px;
  }

  .paragraph {
    margin-top: 10px;
  }

  .paragraph.for-faq {
    max-width: 94%;
    padding-bottom: 24px;
  }

  .paragraph.teacher-details {
    padding-left: 16px;
  }

  .primary-button {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
    background-size: auto;
  }

  .primary-button.utility {
    margin-top: 20px;
  }

  .primary-button.blue-purple-gradient {
    margin-top: -8px;
  }

  .primary-button.blue-purple-gradient.in-box {
    margin-bottom: -115px;
  }

  .primary-button.blue-purple-gradient.in-box.slim {
    align-self: center;
    margin-top: 1px;
    margin-left: -6px;
    margin-right: -3px;
    padding-bottom: 10px;
    padding-left: 14px;
    padding-right: 15px;
  }

  .primary-button.blue-purple-gradient.space-add {
    margin-right: 142px;
  }

  .primary-button.blue-purple-gradient.landscape-mobile {
    margin-top: 5px;
    margin-bottom: 15px;
  }

  .hero-blob.blob-1 {
    top: 18.5vw;
  }

  .hero-blob.blob-3 {
    margin-top: -31px;
    top: -39.1vw;
  }

  .pattern-1.hero-pattern-4 {
    width: 28vw;
    top: 248px;
    left: -30px;
    transform: translate(-48%, -42%);
  }

  .pattern-1.roadmap-pattern.smaller, .pattern-1.for-footer {
    display: none;
  }

  .pattern-1.for-footer-2 {
    width: 28vw;
    display: block;
    top: 50%;
    right: 0;
    transform: translate(50%, -80%)rotate(143deg);
  }

  .pattern-1.loader-pattern.top {
    transform: translate(-25%, -25%)rotate(-44deg);
  }

  .pattern-2.hero-pattern-3 {
    width: 28vw;
    top: -118px;
  }

  .pattern-2.roadmap-pattern-2 {
    width: 32vw;
    display: none;
    transform: translate(35%, -95%)rotate(-40deg);
  }

  .pattern-2.for-faq {
    width: 26vw;
  }

  .navbar {
    padding-bottom: 0;
    position: -webkit-sticky;
    position: sticky;
  }

  .navbar-inner {
    padding: 10px 24px;
  }

  .link-wrapper {
    margin-bottom: 12px;
  }

  .nav-link {
    font-size: 18px;
  }

  .navbar-button-wrapper {
    margin-top: 24px;
    padding-bottom: 34px;
  }

  .hero-images {
    margin-top: -41px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-mobile-text-and-btn {
    margin-top: 31.7vw;
    margin-bottom: -187px;
    padding-left: 0;
    padding-right: 24px;
  }

  .navbar-button-divider {
    margin-bottom: 34px;
  }

  .close-menu-icon {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.collection-section {
    padding-top: 74px;
    padding-bottom: 60px;
  }

  .section.for-roadmap {
    padding-top: 90px;
    padding-bottom: 100px;
  }

  .section.for-team {
    min-height: 2600px;
    padding-top: 0;
  }

  .section.for-faq {
    padding-top: 0;
  }

  .section.for-template-page {
    padding-top: 90px;
  }

  .section.light-blue-section {
    margin-top: 121px;
    padding-top: 81px;
    padding-bottom: 49px;
  }

  .wide-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .wide-container.center {
    margin-top: -22px;
    padding-bottom: 0;
  }

  .wide-container.center.tech-for-tolerance {
    margin-top: 0;
  }

  .section-title-container {
    align-items: center;
    margin-top: 19px;
    padding-top: 0;
  }

  .heading-2 {
    text-align: center;
    font-size: 9vw;
  }

  .heading-2.faq-heading {
    margin-bottom: -1px;
  }

  .collection-images {
    height: 97vw;
  }

  .collection-row {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .collection-row.first {
    bottom: auto;
  }

  .collection-row.third {
    top: auto;
  }

  .collection-image-wrapper {
    width: 31vw;
  }

  .collection-info-divider {
    width: 54px;
  }

  .desktop-rarity-top-wave {
    display: none;
  }

  .exclusive-content-inner {
    padding-top: 40px;
    padding-bottom: 10px;
  }

  .exclusive-divider {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .exclusive-item-inner {
    min-height: 505px;
    position: relative;
  }

  .big-text.teacher-journey {
    padding-left: 16px;
  }

  .small-text {
    padding-top: 3px;
  }

  .small-text.teacher-journey {
    padding-left: 16px;
    font-size: 17px;
  }

  .exclusive-image-wrapper {
    position: absolute;
    right: 0;
    transform: translate(50%);
  }

  .absolute-wrapper, .desktop-rarity-bottom-wave {
    display: none;
  }

  .mobile-rarity-top-wave {
    width: 100%;
    display: block;
  }

  .mobile-rarity-bottom-wave {
    width: 100%;
    display: block;
    transform: rotateX(0)rotateY(180deg)rotateZ(180deg);
  }

  .roadmap-main {
    padding-bottom: 0;
  }

  .roadmap-main.for-licenses {
    flex-direction: column;
    align-items: center;
    margin-bottom: 70px;
  }

  .roadmap-item {
    margin-top: 60px;
  }

  .roadmap-item.first {
    margin-top: 56px;
  }

  .roadmap-item.for-style-gudie.first {
    margin-top: 48px;
  }

  .roadmap-item.for-template-page {
    text-align: center;
    margin-top: 210px;
  }

  .roadmap-item.for-template-page.first {
    margin-top: 120px;
  }

  .roadmap {
    align-items: flex-start;
    padding-left: 20vw;
  }

  .roadmap.for-roadmap {
    background-image: linear-gradient(188deg, #fddbe2, #fbf1e6);
    border-radius: 19px;
    padding-top: 18px;
    padding-bottom: 20px;
    padding-left: 24px;
  }

  .roadmap.for-roadmap.mobile-roadmap {
    background-image: linear-gradient(307deg, #fddbe2, rgba(251, 241, 230, .86) 77%);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 40px;
    padding: 23px;
  }

  .roadmap.for-template-page {
    align-items: center;
    padding-left: 0;
  }

  .roadmap-text-content {
    margin-left: 0;
  }

  .roadmap-text-content.for-template-page {
    max-width: 300px;
  }

  .roadmap-text-content.roadmap-content-space {
    margin-top: -22px;
    margin-left: 0;
  }

  .roadmap-text-content.roadmap-content-space.roadmap-space-m {
    margin-top: 0;
  }

  .roadmap-blob {
    margin-bottom: 12px;
    display: none;
    left: 67px;
    transform: translate(-17%, 3%);
  }

  .roadmap-blob.for-template-page {
    transform: translate(0%, 3%);
  }

  .roadmap-blob.roadmap-blob-5 {
    margin-bottom: 36px;
  }

  .roadmap-percentage {
    display: none;
  }

  .roadmap-percentage._100-with-space {
    margin-top: -59px;
    padding-bottom: 11px;
  }

  .dotted-line {
    height: 460px;
  }

  .roadmap-image-1, .roadmap-image-2, .roadmap-image-3, .desktop-team-top-wave {
    display: none;
  }

  .team-content-inner {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .team-members-grid {
    grid-row-gap: 46px;
    grid-template-rows: 598px 593px 617px;
    grid-template-columns: 1fr 1fr;
    margin-top: 28px;
  }

  .team-member {
    height: 600px;
    background-color: #fbf1e6;
  }

  .team-member-image {
    margin-left: 12px;
  }

  .ellipse {
    width: 290px;
  }

  .desktop-team-bottom-wave {
    display: none;
  }

  .mobile-team-top-wave {
    width: 100%;
    display: block;
  }

  .mobile-team-bottom-wave {
    display: block;
    position: relative;
    top: -1px;
    transform: rotateX(180deg)rotateY(0)rotateZ(0);
  }

  .frequent-questions-main {
    margin-top: 48px;
  }

  .faq-header {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .faq-question {
    width: 90%;
    font-size: 22px;
    line-height: 140%;
  }

  .plus-container {
    width: 16px;
    height: 16px;
  }

  .plus-vertical-line {
    width: 2px;
    height: 16px;
  }

  .plus-horizontal-line {
    width: 16px;
    height: 2px;
  }

  .desktop-footer-wave {
    display: none;
  }

  .footer-inner {
    padding-top: 80px;
  }

  .footer-top-divider.for-mobile {
    display: block;
  }

  .socials {
    grid-column-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 42vw auto;
  }

  .footer-link-text {
    font-weight: 400;
  }

  .footer-main-links {
    flex-direction: column;
    position: relative;
  }

  .navigation-links {
    grid-template-rows: auto auto;
    grid-template-columns: 42vw 1fr;
  }

  .footer-bottom-divider {
    margin-top: 100px;
  }

  .copyright-text {
    width: 42vw;
    margin-right: 0;
  }

  .footer-heading.for-mobile {
    justify-content: flex-start;
    margin-top: 120px;
    display: flex;
  }

  .footer-blob-image {
    width: 12vw;
    display: block;
    transform: translate(-60%, -10%);
  }

  .mobile-footer-image {
    width: 100%;
    display: block;
  }

  .huge-text {
    font-size: 11vw;
  }

  .inner-dotted-line.last-lin {
    height: 125%;
  }

  .utility-container {
    width: 100%;
  }

  .utility-container.for-password {
    max-width: 320px;
  }

  .utility-text-wrapper {
    margin-top: 14px;
    margin-bottom: 6px;
  }

  .utility-blob {
    width: 560px;
  }

  .image-2 {
    max-width: 250px;
    margin-top: 20px;
    display: block;
  }

  .image-3, .image-4, .image-5, .image-6 {
    display: block;
  }

  .container-3 {
    display: none;
  }

  .grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: -12px;
    margin-left: 8px;
    margin-right: 19px;
  }

  .image-7 {
    text-align: center;
    margin-top: 4px;
  }

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

  .italic-text {
    margin-left: -3px;
    padding-left: 0;
  }

  .column {
    display: none;
  }

  .image-8 {
    max-width: 50%;
    margin-top: 27px;
    display: block;
  }

  .heading-3 {
    font-family: Inter, sans-serif;
    overflow: scroll;
  }

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

  .container-6 {
    justify-content: space-between;
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .hero {
    margin-top: -43px;
    margin-bottom: 20px;
  }

  .hero-container {
    margin-top: 147px;
  }

  .hero-image-wrapper.left, .hero-image-wrapper.right {
    width: 38vw;
  }

  .image {
    margin-top: 0;
  }

  .image.rotate {
    margin-left: -2px;
    padding-top: 26px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-content {
    margin-top: 72px;
    margin-bottom: 36px;
  }

  .section-name {
    margin-bottom: 7px;
  }

  .section-name.section-name-space {
    margin-top: -78px;
    margin-bottom: 1px;
  }

  .section-name.section-teacher-space {
    margin-top: -66px;
  }

  .section-name.our-partners-spaace {
    margin-bottom: -30px;
  }

  .section-name-text {
    margin-top: 62px;
    margin-bottom: 19px;
    padding-top: 0;
    font-size: 16px;
  }

  .section-name-text.how-it-works {
    margin-top: -4px;
    margin-bottom: 4px;
  }

  .section-name-text.section-text-2 {
    margin-top: 29px;
  }

  .section-name-text.less-space {
    margin-bottom: 14px;
  }

  .heading-1 {
    margin-bottom: -93px;
    font-size: 15vw;
  }

  .heading-1.smaller-h1.xs-h1 {
    font-size: 70px;
  }

  .hero-paragraph {
    margin-bottom: 16px;
  }

  .paragraph {
    margin-top: 36px;
  }

  .paragraph.for-faq {
    padding-top: 0;
    padding-bottom: 16px;
  }

  .paragraph.for-faq.faq-space {
    margin-top: 11px;
    padding-top: 0;
    padding-bottom: 23px;
  }

  .paragraph.student-journey-paragarph {
    margin-top: 26px;
  }

  .paragraph.teacher-details {
    margin-top: -3px;
  }

  .paragraph.paragraph-space {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .primary-button {
    margin-top: 10px;
  }

  .primary-button.blue-purple-gradient {
    text-align: center;
    margin-top: -8px;
    margin-bottom: 23px;
  }

  .primary-button.blue-purple-gradient.in-box.slim {
    align-self: center;
    margin-left: 0;
    margin-right: 8px;
    padding-top: 11px;
    padding-left: 11px;
  }

  .primary-button.blue-purple-gradient.space-add {
    margin-left: -1px;
    margin-right: 46px;
    padding-left: 2px;
    padding-right: 0;
  }

  .primary-button.blue-purple-gradient.mobile-portrait {
    margin-top: 10px;
  }

  .hero-blob.blob-1 {
    width: 66vw;
    margin-top: -66px;
    top: 19.9vw;
    right: -11vw;
  }

  .hero-blob.blob-3 {
    width: 66vw;
    margin-top: -80px;
    margin-bottom: 26px;
    margin-left: -13px;
    padding-top: 0;
    padding-bottom: 0;
    top: -42.3vw;
    left: -13vw;
  }

  .section-blob {
    width: 32px;
  }

  .pattern-1.hero-pattern-4 {
    width: 34vw;
    margin-top: 221px;
    margin-left: -122px;
    top: -72px;
    left: 112px;
    transform: translate(-50%, -40%);
  }

  .pattern-1.for-footer-2 {
    width: 44vw;
    transform: translate(43%, -80%)rotate(143deg);
  }

  .pattern-1.loader-pattern.top {
    width: 32vw;
    transform: translate(-25%, 50%)rotate(-44deg);
  }

  .pattern-1.loader-pattern.bottom {
    width: 32vw;
  }

  .pattern-2.hero-pattern-3 {
    width: 34vw;
    margin-top: -336px;
    margin-left: -7px;
    top: 307px;
    left: -18.6016px;
    transform: translate(-23%, -130%)rotate(50deg);
  }

  .pattern-2.for-faq {
    width: 38vw;
  }

  .navbar {
    margin-top: 0;
    padding-bottom: 0;
    position: -webkit-sticky;
    position: sticky;
  }

  .logo-wrapper {
    width: 54px;
  }

  .navbar-inner {
    padding: 12px 16px;
    position: -webkit-sticky;
    position: sticky;
  }

  .hero-images {
    margin-top: 53px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-mobile-text-and-btn {
    margin-top: 33vw;
    padding-left: 0;
    padding-right: 16px;
  }

  .menu-button {
    width: 30px;
    height: 28px;
  }

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

  .section.collection-section {
    padding-top: 36px;
    padding-bottom: 34px;
  }

  .section.for-roadmap {
    padding-top: 80px;
    padding-bottom: 70px;
    display: block;
  }

  .section.for-team {
    padding-top: 0;
  }

  .section.for-faq {
    padding-top: 80px;
    padding-bottom: 111px;
  }

  .section.for-template-page {
    padding-top: 80px;
  }

  .section.light-blue-section {
    border-radius: 0;
    margin-top: 136px;
    margin-bottom: 21px;
    padding-top: 30px;
    padding-bottom: 34px;
  }

  .wide-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .wide-container.center {
    flex: 0 auto;
    margin-top: -48px;
  }

  .section-title-container {
    flex-wrap: nowrap;
  }

  .section-title-container.for-collection {
    max-width: 80vw;
  }

  .section-title-container.for-collection.tolerance {
    margin-top: -38px;
  }

  .section-title-container.align-left {
    padding-bottom: 0;
  }

  .heading-2 {
    margin-bottom: 23px;
    font-size: 11vw;
  }

  .heading-2.faq-heading {
    margin-bottom: -19px;
  }

  .heading-2.h2-space {
    margin-bottom: -8px;
  }

  .collection-content {
    margin-top: 47px;
  }

  .collection-info-container {
    margin-top: 16px;
  }

  .collection-info-item {
    padding-top: 8px;
    padding-bottom: 16px;
  }

  .collection-info-paragraph {
    margin-top: -9px;
  }

  .collection-main {
    margin-top: 2px;
  }

  .collection-row {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    margin-bottom: 5px;
  }

  .collection-row.first {
    bottom: auto;
  }

  .collection-row.third {
    top: auto;
  }

  .collection-info-divider {
    width: 48px;
    margin-bottom: 32px;
  }

  .exclusive-content-inner {
    background-image: linear-gradient(277deg, #86c6f1, rgba(117, 214, 218, .71) 65%, rgba(115, 216, 215, .67) 76%, rgba(110, 221, 208, .59) 92%, rgba(105, 225, 202, .51));
    border-radius: 0;
    padding-top: 31px;
  }

  .exclusive-item-inner {
    min-height: 320px;
  }

  .exclusive-item-text-content {
    max-width: 100%;
    padding-right: 0;
  }

  .big-text {
    font-size: 28px;
  }

  .big-text.student-journey {
    font-size: 26px;
  }

  .big-text.teacher-journey {
    font-size: 25px;
  }

  .tier-container {
    margin-top: 11px;
    margin-bottom: 18px;
  }

  .small-text {
    margin-top: 10px;
    padding-top: 17px;
    padding-bottom: 0;
  }

  .exclusive-image-wrapper {
    height: 316px;
    transform: translate(60%);
  }

  .mobile-rarity-top-wave {
    display: block;
  }

  .roadmap-main {
    flex-flow: column wrap;
    flex: 0 auto;
    order: 1;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }

  .roadmap-main.for-licenses {
    margin-bottom: 40px;
  }

  .roadmap-item {
    clear: none;
    flex-flow: row;
    margin-top: 0;
    display: block;
  }

  .roadmap-item.first {
    margin-top: 16px;
    display: block;
    position: static;
  }

  .roadmap-item.for-template-page {
    margin-top: 120px;
  }

  .roadmap-item.for-template-page.first {
    margin-top: 70px;
  }

  .roadmap {
    height: 240px;
    flex-direction: column-reverse;
    padding-left: 40px;
  }

  .roadmap.for-style-guide {
    height: 140px;
    justify-content: flex-end;
  }

  .roadmap.for-roadmap {
    height: auto;
    flex-direction: row-reverse;
    margin-top: 20px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .roadmap-text-content {
    max-width: 100%;
    background-color: #fbf1e6;
    background-image: linear-gradient(#fddbe2, #fbf1e6);
    border: 1px #000;
    border-radius: 20px;
    flex: 0 auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 10px 29px;
    font-family: Inter, sans-serif;
    display: block;
  }

  .roadmap-text-content.roadmap-content-space {
    margin-top: 12px;
    margin-bottom: 51px;
    margin-left: 0;
  }

  .roadmap-text-content.roadmap-content-space.roadnap-content-l-space {
    margin-bottom: -80px;
    padding-bottom: 39px;
  }

  .roadmap-text-content.roadmap-content-space.roadnap-content-l-space.roadmap-contemt-xl-space {
    margin-bottom: -57px;
  }

  .roadmap-text-content.roadmap-content-space.roadmap-space-m {
    margin-bottom: 46px;
    padding-bottom: 70px;
  }

  .roadmap-text-content.roadmap-space-5 {
    margin-bottom: -1px;
    padding-bottom: 0;
  }

  .roadmap-title-wrapper {
    margin-top: 14px;
    margin-bottom: 15px;
  }

  .roadmap-blob {
    display: none;
    transform: translate(-17%, 4.5%);
  }

  .roadmap-blob.mobile-blob {
    display: none;
  }

  .roadmap-percentage {
    display: none;
    position: relative;
    left: -44px;
  }

  .dotted-line {
    height: 460px;
    position: absolute;
    top: 16px;
  }

  .dotted-line.for-style-guide {
    height: 200px;
  }

  .team-content-inner {
    background-image: linear-gradient(278deg, rgba(35, 26, 214, .97), rgba(253, 219, 226, .6));
    margin-top: 19px;
    padding-top: 40px;
    padding-bottom: 35px;
  }

  .team-members-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .team-member {
    height: 530px;
    border-radius: 20px;
    align-items: flex-start;
  }

  .team-member-image {
    margin-left: 14px;
  }

  .faq-header {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .faq-question {
    padding-bottom: 0;
    font-size: 20px;
  }

  .footer-inner {
    padding-top: 60px;
  }

  .footer-link-text.footer-link-2 {
    margin-left: 33px;
  }

  .footer-link-text.about-text {
    margin-left: 34px;
    padding-left: 0;
  }

  .footer-bottom-divider {
    margin-top: 80px;
  }

  .copyright-text {
    padding-right: 12px;
  }

  .footer-heading {
    font-size: 7vw;
  }

  .footer-heading.for-mobile {
    margin-top: 100px;
  }

  .footer-blob-image {
    width: 14vw;
  }

  .huge-text {
    font-size: 16vw;
  }

  .utility-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .utility-text-wrapper {
    margin-top: 12px;
  }

  .utility-blob {
    width: 480px;
  }

  .grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-left: 8px;
    margin-right: -1px;
  }

  .image-7 {
    margin-top: 15px;
  }

  .image-7.more-space {
    margin-bottom: -22px;
  }

  .image-8 {
    max-width: 100%;
  }

  .heading-3, .heading-4 {
    font-size: 6vw;
  }
}

#w-node-_6de38557-582f-6f1d-d979-49e5ace0a313-10700166, #w-node-_12679476-a224-3101-012d-7be272e3aa2e-10700166, #w-node-e2f194b9-f3db-63ef-2bd7-fb95a11c9156-10700166, #w-node-e2f194b9-f3db-63ef-2bd7-fb95a11c9158-10700166, #w-node-_859c2f29-3174-1d78-8125-d140518f10dd-10700166, #w-node-_9745497a-f465-3e5b-09a7-791fc327b429-10700166, #w-node-d3836380-b3ce-aea7-0705-5a294a8992aa-10700166, #w-node-_3465905c-1cb2-2aa8-af03-41e85cb49ace-10700166, #w-node-c8867d3c-af1d-984b-6d50-6c290e4d087a-10700166, #w-node-bc75f70a-bb63-9e46-a448-95bd4a9bdfe2-10700166, #w-node-c8b1b834-b07d-0c63-75bd-3c052a52ed58-303b5bfd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-e2f194b9-f3db-63ef-2bd7-fb95a11c9156-10700166, #w-node-e2f194b9-f3db-63ef-2bd7-fb95a11c9158-10700166, #w-node-_859c2f29-3174-1d78-8125-d140518f10dd-10700166 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-e2f194b9-f3db-63ef-2bd7-fb95a11c9158-10700166 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e2f194b9-f3db-63ef-2bd7-fb95a11c9158-10700166 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e2f194b9-f3db-63ef-2bd7-fb95a11c9158-10700166 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}