@font-face {
  font-family: Font;
  src: url('../fonts/font.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basiersquare webfont;
  src: url('../fonts/basiersquare-regular-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #181818;
  --aw-blue: #303468;
  --white: #fff;
  --beige: #d9d5c2;
  --cb-gray: #4f4e65;
  --grey: #afafaf;
}

body {
  color: #333;
  background-color: #000;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

p {
  margin-bottom: 0;
}

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

.body {
  background-color: #fff;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.body.dfinity {
  background-color: #bebfc4;
}

.body.blearn, .body.about-us {
  background-color: #000;
}

.body.cb {
  background-color: #f2f1ea;
}

.herostage {
  grid-row-gap: 112px;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1280px;
  padding-top: 176px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.aboutushero {
  flex-direction: column;
  align-items: center;
  max-width: 1151px;
  padding-top: 128px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.aboutusstory {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1280px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.caption {
  color: #888;
  text-align: center;
  letter-spacing: -1px;
  width: auto;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.caption.about {
  letter-spacing: -.5px;
}

.p1 {
  color: #888;
  letter-spacing: -1px;
  align-self: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.p1.white {
  color: #fff;
}

.p1.white.center, .p1.center {
  text-align: center;
}

.p1.company {
  margin-bottom: 0;
}

.p1.aw {
  color: var(--aw-blue);
}

.p1.strangeblue {
  opacity: .6;
  color: var(--black);
  letter-spacing: -.04em;
  mix-blend-mode: luminosity;
}

.p1.opacity {
  color: #fff6;
  margin-bottom: 0;
}

.p1.grey {
  color: #a3a3a3;
}

.p1.tradable {
  color: #65779d;
}

.p1.black {
  color: var(--black);
}

.p1.tradable-light {
  color: #91a4cc;
}

.lottie-animation {
  display: block;
}

.ourphoto {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 72px;
  margin-bottom: 64px;
  display: flex;
}

.navlink {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  height: 100%;
  color: var(--black);
  letter-spacing: -.01px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px;
  padding-right: 20px;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 16px;
  line-height: 16px;
  display: flex;
}

.navlink.twitter {
  padding-right: 8px;
}

.h1 {
  color: var(--black);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.h1.white {
  color: #fff;
}

.workswrapepr {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1280px;
  margin-top: 112px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.project-card {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  background-color: #fff4d4;
  border-radius: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  height: 600px;
  padding: 48px 32px;
  text-decoration: none;
  display: flex;
}

.project-card.dfinity {
  background-color: #cdced3;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.project-card.dfinity:hover {
  background-color: #c1c3c9;
}

.project-card.cb {
  background-color: #f0e4cf;
}

.project-card.cb:hover {
  background-color: #f3dfbd;
}

.project-card.aw {
  background-color: #d5ccfc;
}

.project-card.blearn {
  background-color: #c8f166;
  display: none;
}

.project-card.blearn:hover {
  background-color: #b9e84b;
}

.project-card.td {
  background-color: #e0eaef;
  display: none;
}

.project-card.td:hover {
  background-color: #dae4e9;
}

.project-card.lqty {
  background-color: #c8e7ff;
}

.project-card.lqty:hover {
  background-color: #c2e1f8;
}

.project-introduction {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1280px;
  padding-top: 80px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.projectheadlinewrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
  grid-auto-columns: 1fr;
  align-items: baseline;
  padding-bottom: 24px;
  display: grid;
}

.projectdescriptionwrapper {
  flex-direction: column;
  display: flex;
}

.projectcover {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 75vh;
  display: flex;
}

.projectcover.thingy {
  grid-row-gap: 50px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 1280px;
  height: auto;
  margin-top: 124px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.tag {
  border: 1px solid #666;
  border-radius: 6px;
  width: auto;
  height: 28px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.tag.white {
  border-color: #fff6;
}

.tag.aw {
  border-color: var(--black);
}

.tag.on-dark {
  color: var(--white);
}

.tagswrapper {
  grid-column-gap: 8px;
  justify-content: flex-end;
  display: flex;
}

.tagtext {
  text-align: left;
  width: auto;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.tagtext.white {
  color: #fff;
}

.tagtext.aw {
  color: var(--black);
}

.projectlink {
  background-color: #000;
  border-radius: 6px;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-top: 48px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.projectlink.blearn {
  background-color: #825ffd;
}

.projectlink.archway {
  background-color: #8f6ff6;
}

.projectlink.tradable {
  background-color: #fbb45d;
}

.projectlink.lqty {
  color: var(--white);
  background-color: #405ae5;
}

.stak {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 10px 16px 14px 20px;
  display: flex;
}

.stak.w--current {
  padding-top: 12px;
  padding-left: 20px;
}

.buttontext {
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  align-self: center;
  width: 100%;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.buttontext.tradable {
  color: #02092e;
}

.projectimages {
  width: 100%;
  max-width: 1280px;
  margin-top: 144px;
  padding-left: 96px;
  padding-right: 96px;
}

.dfinity-homepage {
  grid-row-gap: 96px;
  border-radius: 32px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.courses-covers {
  border-radius: 32px;
  margin-top: 144px;
}

.server-block {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #383838;
  border-radius: 32px;
  flex-direction: column;
  align-items: center;
  height: auto;
  margin-top: 144px;
  padding-bottom: 96px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.serverdescriptionwrapper {
  width: 60%;
  margin-top: 32px;
}

.blearnlogo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto 160px auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.lottie-animation-4 {
  max-width: 340px;
}

.lottie-nodes {
  max-width: 380px;
}

.blearn-homepage {
  margin-top: 144px;
}

.course-page {
  margin-top: 144px;
  position: relative;
}

.quote-image {
  flex-direction: column;
  align-items: center;
  max-width: 1280px;
  margin-top: 144px;
  display: flex;
  position: static;
}

.quote-image.aw {
  margin-top: 104px;
}

.quote-image.td {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.quote-image.gap-xm {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.quote {
  color: #fff;
  text-align: center;
  letter-spacing: -1px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 58px;
}

.quote.black {
  color: var(--black);
  letter-spacing: -1px;
}

.quote.beige {
  color: var(--beige);
}

.quote.aw {
  color: var(--aw-blue);
}

.quotewrapper {
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 80%;
  height: 100%;
  display: flex;
}

.categories {
  margin-top: 144px;
  position: relative;
}

.end {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 600px;
  margin-top: 96px;
  display: flex;
  position: relative;
}

.end.cb {
  background-color: #0e0d29;
  border: 2px solid #56ae81;
  border-radius: 32px;
  height: 40vh;
}

.image-33 {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.blearnconclusion {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  display: flex;
}

.project-preview-description-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.footer-content-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-top: 96px;
  padding-bottom: 16px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.nav-links-wrapper {
  grid-column-gap: 0px;
  align-items: center;
  height: 100%;
  display: flex;
}

.image-40 {
  border-radius: 32px;
}

.image-41 {
  margin-top: -80px;
}

.background-video-4 {
  z-index: 0;
  border-radius: 12px;
  width: 1150px;
  height: 641px;
}

.image-45 {
  height: 187px;
}

.image-46 {
  height: 68px;
}

.cb-homepage {
  position: static;
}

.cb-graphics {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 144px;
  display: grid;
  position: static;
}

.image-47 {
  border: 2px solid #0e0d29;
  border-radius: 32px;
}

.cb-lusd-page {
  margin-top: 144px;
  position: static;
}

.image-52 {
  border: 2px solid #0e0d29;
  border-radius: 32px;
}

.bootsrap-animation {
  width: 70%;
  margin-top: -16px;
}

.image-53 {
  position: absolute;
  inset: -4% auto auto 29%;
}

.image-54 {
  position: absolute;
  inset: 7% 19% auto auto;
}

.image-55 {
  position: absolute;
  inset: auto auto 12% 11%;
}

.image-56 {
  position: absolute;
  inset: auto 11% 17% auto;
}

.cb-icons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 144px;
  display: grid;
  position: static;
}

.stak-things {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.image-58 {
  width: 100%;
}

.thingy-shot {
  flex-direction: column;
  align-items: center;
  margin-top: 96px;
  display: flex;
}

.thingy-shots {
  max-width: 1280px;
  margin-top: 124px;
  padding-left: 96px;
  padding-right: 96px;
}

.image-59 {
  height: 100%;
}

.image-60 {
  border-radius: 32px;
  max-width: 70%;
  transform: rotate(4deg);
}

.image-61 {
  border-radius: 24px;
  width: 30%;
  margin-top: 40px;
  transform: rotate(-4deg);
}

.background-video-5 {
  border-radius: 32px;
  width: 60vw;
  height: 45vw;
  transform: rotate(5deg);
}

.h0 {
  color: var(--black);
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-top: 32px;
  margin-bottom: 0;
  font-family: Font, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
}

.h0.white {
  color: #fff;
  margin-top: 0;
  margin-bottom: 96px;
  font-size: 64px;
  line-height: 64px;
}

.image-62 {
  width: 30%;
}

.image-63 {
  height: 24px;
}

.navlink-bottom {
  color: var(--black);
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
}

.navlink-bottom.on-dark {
  color: var(--white);
}

.video-shot {
  flex-direction: column;
  align-items: center;
  margin-top: 96px;
  display: flex;
}

.image-64 {
  padding-top: 72px;
}

.image-65 {
  transform: rotate(-20deg);
}

.image-66 {
  display: none;
}

.cb-card-wrapper {
  background-color: #fff;
  border: 2px solid #0e0d2a;
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.lottie-animation-8 {
  display: none;
}

.circles-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -5vh;
  display: grid;
}

.project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cb-cover-wrapper {
  grid-column-gap: 64px;
  justify-content: center;
  align-items: center;
  margin-top: -10vh;
  display: flex;
}

.image-68 {
  width: 60%;
}

.headline-text-wrapper {
  flex-direction: column;
  display: flex;
}

.image-69 {
  max-width: 90%;
  margin-top: -48px;
}

.blearn-preview-image-mobile {
  display: none;
}

.image-71 {
  border-radius: 32px;
}

.blearn-home-page-mobile, .image-72 {
  display: none;
}

.image-73 {
  border-radius: 32px;
}

.image-75, .image-76 {
  display: none;
}

.companies {
  grid-column-gap: 0px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.our-background {
  grid-row-gap: 32px;
  flex-direction: column;
  margin-top: 80px;
  margin-bottom: 96px;
  display: flex;
}

.video-stage {
  grid-row-gap: 96px;
  background-color: var(--black);
  border-radius: 32px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-top: 144px;
  padding: 144px 96px;
  display: flex;
}

.video-wrapper {
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.text-wrapper {
  width: 80%;
}

.social-links-wrapper {
  grid-column-gap: 24px;
  display: flex;
}

.aw-poster {
  background-image: url('../images/archway-ad.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 24px;
  height: 80vh;
}

.aw-hero-section {
  border-radius: 24px;
  margin-top: 144px;
  overflow: hidden;
}

.aw-hero-section.mobile {
  display: none;
}

.aw-illustration, .aw-components {
  justify-content: center;
  margin-top: 164px;
  display: flex;
}

.aw-section {
  background-color: var(--aw-blue);
  border-top-left-radius: 720px;
  border-top-right-radius: 720px;
  flex-direction: column;
  align-items: center;
  max-width: 1280px;
  margin-top: 144px;
  padding-top: 128px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.aw-sitescreen-dao {
  max-width: 1216px;
  margin-top: 144px;
}

.aw-sitescreen-dao.mobile {
  display: none;
}

.logo-aw-wrapper {
  justify-content: center;
}

.aw-screenapp {
  max-width: 1216px;
  margin-top: 128px;
  margin-bottom: -164px;
}

.footer-aw {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  margin-top: 164px;
  padding-top: 144px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.home-tags {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 20px;
  display: flex;
}

.work-info {
  flex-direction: column;
  width: 100%;
  display: flex;
}

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

.project-logo.dfinity {
  width: 280px;
}

.hero-headline {
  color: #cdccc6;
  text-align: left;
  letter-spacing: -.03rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 51px;
  font-weight: 400;
  line-height: 56px;
}

.text-span-2 {
  color: var(--black);
}

.work-name-title {
  color: var(--black);
  letter-spacing: -.04rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.navigation {
  z-index: 999;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 16px 0% auto;
}

.nav-bar-wrapper {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background-color: #1414140a;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 424px;
  min-height: 48px;
  max-height: 48px;
  display: flex;
}

.nav-bar-wrapper.on-dark {
  background-color: #ffffff1a;
}

.nav-panel {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.cta-button {
  min-height: 44px;
  color: var(--white);
  letter-spacing: -.01rem;
  background-image: linear-gradient(#323232, #141414);
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  padding: 6px 20px 8px;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  box-shadow: -12px 9px 9px #0000000d, -3px 4px 6px #0000001a, -1px 1px 4px #00000024, inset 0 1px 1px #ffffff26;
}

.logos-wrapper {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  display: flex;
}

.image-77 {
  mix-blend-mode: normal;
}

.hello-stak {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #419175;
  border-radius: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  min-height: 648px;
  padding: 48px 64px 48px 48px;
  text-decoration: none;
  display: flex;
}

.hello-stak.thingy {
  background-color: var(--black);
  padding-right: 48px;
}

.hello-stak-img-wrapper {
  margin-top: 8px;
}

.stak-skills-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  display: flex;
}

.stak-skills {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.stak-skills-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.stak-email {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.chaching {
  width: 310px;
  height: 44px;
  color: var(--black);
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  padding: 10px 21px 14px;
  font-size: 20px;
  display: flex;
}

.stak-thingy-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  max-width: 420px;
  display: flex;
}

.stak-thingy-wrapper {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.avatars-wrapper {
  display: flex;
}

.blearn-animation {
  width: 250px;
}

.avatars {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.avatars.sasha {
  margin-right: -4px;
}

.avatars.thingy {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 16px;
  display: flex;
}

.avatars-miniatures {
  display: block;
}

.td-3d {
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-top: 144px;
  padding: 96px;
  display: flex;
}

.td-offers {
  grid-column-gap: 144px;
  grid-row-gap: 144px;
  text-align: center;
  background-color: #e0eaef;
  background-image: url('../images/setka.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  padding: 144px 96px;
  display: flex;
}

.td-pages-dem {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  background-color: #000;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin-top: 144px;
  padding-top: 144px;
  padding-bottom: 144px;
  display: flex;
}

.td-poster {
  background-image: url('../images/iPhone-14-Pro-10-Standard-Mockup-1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 24px;
  height: 80vh;
}

.max-width {
  width: 100%;
  max-width: 748px;
  margin-top: 72px;
  margin-bottom: 64px;
}

.aboutus-img {
  object-fit: cover;
  border-radius: 12px;
  max-width: none;
  max-height: none;
  overflow: hidden;
}

.avatar-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  max-width: none;
  display: flex;
}

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

.td-hero-animation {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  display: flex;
}

._3d-max-width {
  max-width: 555px;
}

.td-icons {
  flex-flow: column;
  max-width: 1280px;
  margin-top: 144px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.width-200 {
  width: 100%;
  max-width: 200px;
}

.hero-logo.icp {
  min-width: 200px;
}

.hero-logo.liquity {
  height: 28px;
}

.hero-logo.tomahawk {
  height: 15px;
}

.hero-logo.archway {
  height: 24px;
}

.hero-logo.tradable {
  height: 20px;
}

.flex-vertical-m {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

._2-columns {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  display: grid;
}

.lqty-card {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  display: grid;
}

.lqty-channel-wrap {
  background-color: #68d681;
  border-radius: 24px;
  padding: 104px 96px 96px;
}

.gray-bg {
  background-color: #f8f9fa;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 24px 64px;
  display: flex;
}

.gray-bg.min-h {
  min-height: 710px;
}

.gray-bg.card {
  padding-top: 64px;
  padding-bottom: 48px;
}

.div {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  margin-top: 144px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.lqty-desert-bg {
  background-image: url('../images/desert-bg_1desert-bg.avif');
  background-position: 0 0;
  background-size: cover;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 1182px;
  display: flex;
}

.image-78 {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

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

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

.border-radius-xm {
  border-radius: 24px;
  overflow: hidden;
}

.raz-shadow {
  box-shadow: 0 16px 32px #1010400d, 0 0 4px #1010400a;
}

.position-cards {
  background-color: #f8f9fa;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 710px;
  padding: 24px;
  display: flex;
}

.mobile {
  display: none;
}

.lqty-logo-anima {
  width: 100%;
  max-width: 360px;
}

.nav-icon-thingy {
  display: flex;
}

.navlink-on-dark {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  height: 100%;
  color: var(--white);
  letter-spacing: -.01px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px;
  padding-right: 20px;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 16px;
  line-height: 16px;
  display: flex;
}

.navlink-on-dark.w--current {
  padding-right: 20px;
}

.navlink-on-dark.twitter {
  padding-right: 8px;
}

.logo-link {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.videoplayer-lqty {
  outline-offset: -1px;
  border-radius: 24px;
  outline: 2px solid #fff;
  overflow: hidden;
}

.lqty-tab-group {
  background-color: #f8f9fa;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 24px 64px;
  display: flex;
}

.michael-svoboda-avatar {
  max-height: 100px;
}

.border-radius-12 {
  border-radius: 12px;
  overflow: hidden;
}

.thingy-card-img-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.thingy-post-card {
  max-width: 610px;
}

.typedjs-repeats, .typedjs-simple {
  display: inline;
}

.typedjs-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.typedjs-multiple {
  color: #000;
  display: inline;
}

.typedjs-multiple.heading-small {
  color: #000;
  font-size: 48px;
  line-height: 48px;
}

.text-field {
  background-color: #28272980;
  border: 1px solid #28272980;
  border-radius: 4rem;
}

.text-field.typedjs-input {
  color: #fbf9fc;
  margin-bottom: -.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  display: inline-block;
}

.text-color-grey {
  color: #00000080;
}

.typedjs-cursor {
  display: inline;
}

.form-block {
  margin-bottom: 0;
}

.tips-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: none;
}

.typedjs-smart, .typedjs-fade {
  display: inline;
}

.typedjs-no-cursor {
  height: 1.5rem;
}

.loader-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.typed-anima {
  width: 100%;
}

.code-embed {
  margin-bottom: 0;
  padding-left: 4px;
  font-size: 8px;
  line-height: 8px;
}

.image-80 {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

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

.name {
  letter-spacing: -.1px;
  font-family: Basiersquare webfont, sans-serif;
  font-size: 16px;
}

.name.white {
  color: var(--white);
}

.div-block {
  margin-top: 72px;
  margin-bottom: 64px;
}

.navigation-copy, .navigation-copy-2 {
  z-index: 999;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 16px 0% auto;
}

.thingy-shot-copy {
  flex-direction: column;
  align-items: center;
  margin-top: 96px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .herostage {
    grid-row-gap: 64px;
    padding-top: 128px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .aboutusstory {
    padding-left: 24px;
    padding-right: 24px;
  }

  .ourphoto {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .workswrapepr {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
    margin-top: 64px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .project-introduction {
    grid-template-columns: .5fr 1fr;
    padding-left: 48px;
    padding-right: 48px;
  }

  .projectcover {
    height: 70vh;
  }

  .projectcover.thingy {
    margin-top: 80px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .projectimages {
    margin-top: 96px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .server-block {
    padding-bottom: 96px;
    padding-left: 0;
    padding-right: 0;
  }

  .blearn-homepage, .course-page {
    margin-top: 48px;
  }

  .quote-image {
    margin-top: 96px;
  }

  .quote-image.gap-xm {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .quote {
    letter-spacing: -1px;
  }

  .quotewrapper {
    width: 90%;
  }

  .categories {
    margin-top: 96px;
  }

  .end {
    margin-top: 48px;
  }

  .end.cb {
    height: 65vh;
    margin-top: 64px;
  }

  .footer-content-wrapper {
    padding-left: 48px;
    padding-right: 48px;
  }

  .image-40 {
    width: 100%;
  }

  .image-41 {
    width: 60%;
    margin-top: -64px;
  }

  .background-video-4 {
    width: 88vw;
    height: 49vw;
  }

  .image-46 {
    height: 48px;
  }

  .cb-graphics {
    grid-column-gap: 24px;
    margin-top: 64px;
    position: static;
  }

  .image-47, .image-49 {
    border-radius: 24px;
  }

  .cb-lusd-page {
    margin-top: 96px;
  }

  .image-52 {
    border-radius: 24px;
  }

  .cb-icons {
    grid-template-columns: 1fr 1fr;
    margin-top: 96px;
  }

  .thingy-shots {
    padding-left: 48px;
    padding-right: 48px;
  }

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

  .image-61 {
    width: 60%;
  }

  .background-video-5 {
    width: 90vw;
    height: 67vw;
  }

  .image-62 {
    width: 50%;
  }

  .image-65 {
    align-self: center;
  }

  .things-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .project-info {
    flex-direction: column;
    display: flex;
  }

  .cb-cover-wrapper {
    grid-row-gap: 48px;
    flex-direction: column;
  }

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

  .video-stage {
    grid-row-gap: 64px;
    border-radius: 0;
    margin-top: 96px;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .aw-section {
    padding-left: 48px;
    padding-right: 48px;
  }

  .aw-screenapp {
    margin-bottom: -128px;
  }

  .footer-aw {
    margin-top: 128px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .hero-headline {
    font-size: 40px;
    line-height: 40px;
  }

  .nav-panel {
    padding-left: 48px;
    padding-right: 48px;
  }

  .logos-wrapper {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .hello-stak {
    min-height: auto;
    padding: 32px;
  }

  .hello-stak.thingy {
    padding-right: 32px;
  }

  .stak-skills-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .stak-skills {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .stak-skills-block {
    align-items: center;
  }

  .stak-thingy-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .td-3d {
    margin-top: 96px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .td-offers {
    padding: 96px 48px;
  }

  .td-pages-dem {
    margin-top: 96px;
    padding: 96px 48px;
  }

  .avatar-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .td-icons {
    margin-top: 96px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .hero-logo.icp {
    min-width: auto;
  }

  .flex-vertical-m {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  ._2-columns {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .lqty-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .lqty-channel-wrap {
    padding: 64px 48px 48px;
  }

  .gray-bg {
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .gray-bg.min-h {
    min-height: auto;
  }

  .div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 96px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .lqty-desert-bg {
    min-height: 960px;
    padding: 64px;
  }

  .image-79 {
    width: 100%;
  }

  ._3-columns {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .position-cards {
    min-height: auto;
  }

  .lqty-tab-group {
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .loader-wrapper {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .herostage {
    grid-row-gap: 40px;
    padding-top: 104px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navlink {
    padding-bottom: 1px;
    padding-left: 8px;
    font-size: 14px;
    line-height: 16px;
  }

  .workswrapepr {
    grid-template-columns: 1fr;
    margin-top: 48px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .project-card {
    border-radius: 12px;
    height: 540px;
    padding: 32px 24px;
  }

  .project-card.lqty {
    padding-left: 0;
    padding-right: 0;
  }

  .project-introduction {
    flex-direction: column;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    overflow: hidden;
  }

  .projectheadlinewrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 40px;
    display: flex;
  }

  .projectdescriptionwrapper {
    width: 100%;
  }

  .projectcover {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70vh;
    display: flex;
    overflow: visible;
  }

  .projectcover.thingy {
    padding-left: 24px;
    padding-right: 24px;
  }

  .tag {
    justify-content: flex-start;
    align-items: center;
  }

  .tagtext {
    font-size: 14px;
    line-height: 20px;
  }

  .projectlink.blearn {
    background-color: #825ffd;
  }

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

  .projectimages {
    margin-top: 64px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .dfinity-homepage {
    grid-row-gap: 64px;
  }

  .courses-covers {
    border-radius: 12px;
  }

  .server-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    height: auto;
    padding-bottom: 80px;
  }

  .blearnlogo {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .blearn-homepage, .quote-image {
    margin-top: 64px;
  }

  .quote-image.aw {
    margin-top: 96px;
  }

  .quote, .quote.black {
    font-size: 32px;
    line-height: 40px;
  }

  .quotewrapper {
    width: 80%;
  }

  .end {
    height: 400px;
  }

  .end.cb {
    border-radius: 12px;
    height: 60vh;
  }

  .footer-content-wrapper {
    margin-top: 64px;
    padding-bottom: 4px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .image-40 {
    width: 100%;
  }

  .image-41 {
    width: 60%;
    margin-top: -48px;
  }

  .background-video-4 {
    width: 90vw;
  }

  .image-46 {
    display: block;
  }

  .cb-graphics {
    grid-template-columns: 1fr;
  }

  .image-47 {
    border-radius: 12px;
  }

  .cb-lusd-page {
    margin-top: 48px;
  }

  .image-52 {
    border-radius: 12px;
  }

  .bootsrap-animation {
    width: 80%;
    display: none;
  }

  .cb-icons {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .h0.white {
    font-size: 32px;
    line-height: 32px;
  }

  .image-62 {
    width: 60%;
  }

  .image-63 {
    height: 20px;
  }

  .navlink-bottom {
    font-size: 14px;
  }

  .cb-card-wrapper {
    border-radius: 12px;
  }

  .lottie-animation-8 {
    margin-top: -34px;
    display: block;
  }

  .circles-wrapper {
    grid-column-gap: 7px;
    width: 200%;
  }

  .project-info {
    grid-column-gap: 0px;
    grid-row-gap: 64px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .cb-cover-wrapper {
    width: 60vh;
  }

  .image-70 {
    width: 50%;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .companies {
    grid-template-columns: 1fr 1fr;
  }

  .our-background.mobile {
    grid-row-gap: 24px;
    display: none;
  }

  .video-stage {
    grid-row-gap: 48px;
    justify-content: center;
    padding-top: 48px;
    padding-bottom: 64px;
  }

  .text-wrapper {
    width: 100%;
  }

  .social-links-wrapper {
    grid-column-gap: 12px;
  }

  .aw-poster {
    background-position: 48%;
    background-repeat: no-repeat;
    background-size: 240%;
    border-radius: 12px;
    height: 120vw;
  }

  .aw-hero-section {
    border-radius: 12px;
    margin-top: 96px;
    display: none;
  }

  .aw-hero-section.mobile {
    display: block;
  }

  .aw-illustration, .aw-components {
    margin-top: 96px;
  }

  .aw-section {
    margin-top: 96px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .aw-sitescreen-dao {
    margin-top: 96px;
    display: none;
  }

  .aw-sitescreen-dao.mobile {
    display: block;
  }

  .aw-screenapp {
    margin-top: 64px;
    margin-bottom: -128px;
  }

  .footer-aw {
    margin-top: 128px;
    padding-top: 96px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .home-tags {
    margin-top: 4px;
  }

  .work-info.lqty {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-headline {
    font-size: 36px;
    line-height: 44px;
  }

  .nav-bar-wrapper {
    max-width: 330px;
    min-height: 36px;
    max-height: 36px;
  }

  .nav-panel {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .cta-button {
    max-width: 120px;
    min-height: 34px;
    font-size: 14px;
  }

  .logos-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
  }

  .hello-stak {
    flex: none;
    padding: 24px;
  }

  .hello-stak.thingy {
    padding-right: 24px;
  }

  .stak-skills-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .stak-skills {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .chaching {
    width: 100%;
  }

  .stak-thingy-block {
    width: auto;
    margin-bottom: 8px;
  }

  .stak-thingy-wrapper {
    flex-direction: column;
  }

  .avatars-wrapper {
    display: none;
  }

  .td-3d {
    margin-top: 64px;
    padding: 64px 24px;
  }

  .td-offers {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding: 48px 24px;
  }

  .td-pages-dem {
    margin-top: 64px;
    padding: 64px 24px;
  }

  .td-poster {
    background-position: 48%;
    background-repeat: no-repeat;
    background-size: 240%;
    border-radius: 12px;
    height: 120vw;
  }

  .td-icons {
    flex-flow: column;
    margin-top: 64px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .flex-vertical-m {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  ._2-columns {
    grid-template-columns: 1fr;
  }

  .lqty-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .lqty-channel-wrap {
    border-radius: 12px;
    padding: 32px 24px 24px;
  }

  .gray-bg {
    padding: 24px 16px 16px;
  }

  .div {
    margin-top: 64px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .lqty-desert-bg {
    border-radius: 12px;
    min-height: auto;
  }

  .image-78 {
    max-width: 96%;
  }

  ._3-columns {
    grid-template-columns: 1fr;
  }

  .border-radius-xm {
    border-radius: 12px;
  }

  .position-cards {
    background-color: #0000;
    padding: 0;
  }

  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .img-w100 {
    width: 100%;
  }

  .lqty-logo-anima {
    height: auto;
  }

  .nav-icon-thingy {
    display: none;
  }

  .navlink-on-dark {
    padding-left: 8px;
    font-size: 14px;
    line-height: 16px;
  }

  .logo-link.archway {
    display: flex;
  }

  .logo-link.lqty {
    display: none;
  }

  .videoplayer-lqty {
    border-radius: 12px;
  }

  .lqty-tab-group {
    padding: 24px 16px 16px;
  }

  .lottie-animation-9 {
    border: 1px solid #edeff2;
    border-radius: 12px;
  }

  .thingy-card-img-wrap {
    grid-template-columns: 2fr;
  }

  .tips-container {
    grid-template-columns: 1fr 1fr;
    position: relative;
  }

  .loader-wrapper {
    border-bottom: 1px solid #141314;
    border-right-style: solid;
    flex-direction: column-reverse;
    justify-content: center;
  }

  .name {
    font-size: 14px;
    line-height: 16px;
  }
}

@media screen and (max-width: 479px) {
  .herostage {
    padding-left: 20px;
    padding-right: 28px;
  }

  .aboutushero {
    padding-left: 24px;
    padding-right: 24px;
  }

  .aboutusstory {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .caption {
    font-size: 14px;
    line-height: 20px;
  }

  .lottie-animation {
    width: 100%;
    margin-top: 16px;
  }

  .ourphoto {
    height: 100%;
  }

  .navlink.twitter {
    display: none;
  }

  .workswrapepr {
    padding-left: 20px;
    padding-right: 20px;
  }

  .project-card {
    grid-row-gap: 24px;
    height: 80vh;
    padding: 24px 20px;
  }

  .project-introduction {
    padding-left: 20px;
    padding-right: 20px;
  }

  .projectheadlinewrapper {
    justify-content: flex-start;
  }

  .projectcover {
    justify-content: center;
    height: 65vh;
  }

  .projectcover.thingy {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tag {
    text-align: center;
  }

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

  .projectlink {
    margin-top: 32px;
  }

  .stak, .stak.w--current {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 10px;
    padding-left: 8px;
  }

  .buttontext {
    text-align: left;
    letter-spacing: -.3vw;
    font-size: 6vw;
    line-height: 8vw;
  }

  .projectimages {
    margin-top: 64px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .courses-covers {
    width: 160%;
    max-width: 160%;
  }

  .server-block {
    border-radius: 12px;
    margin-top: 64px;
    padding-bottom: 48px;
  }

  .serverdescriptionwrapper {
    width: 80%;
  }

  .blearn-homepage {
    margin-top: 96px;
  }

  .quote.black {
    font-size: 5vh;
    line-height: 6vh;
  }

  .quotewrapper {
    width: 95%;
  }

  .end.cb {
    border-width: 1px;
    border-radius: 12px;
    height: 46vh;
  }

  .image-33 {
    top: -28px;
  }

  .blearnconclusion {
    width: 100%;
    height: auto;
  }

  .footer-content-wrapper {
    text-align: left;
    flex-direction: row;
    margin-top: 64px;
    padding-top: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-40 {
    border-radius: 12px;
  }

  .image-41 {
    width: 80%;
  }

  .background-video-4 {
    border-radius: 4px;
    width: 90vw;
    height: 50vw;
    position: relative;
  }

  .image-45 {
    width: 50vw;
  }

  .image-46 {
    width: 64vw;
    display: block;
  }

  .cb-graphics {
    grid-row-gap: 32px;
  }

  .image-47 {
    border-width: 1px;
    border-radius: 12px;
    display: none;
  }

  .image-49 {
    border-width: 1px;
    border-radius: 12px;
  }

  .image-52 {
    border-width: 1px;
    border-radius: 12px;
    display: none;
  }

  .image-53 {
    width: 50px;
    top: -9%;
    left: 17%;
  }

  .image-54 {
    width: 42px;
    top: -9%;
    right: 12%;
  }

  .image-55 {
    bottom: 11%;
  }

  .image-56 {
    bottom: 10%;
  }

  .cb-icons {
    margin-top: 48px;
  }

  .stak-things {
    flex-direction: column;
    display: flex;
  }

  .image-58 {
    order: 1;
  }

  .thingy-shot {
    margin-top: 24px;
  }

  .thingy-shots {
    margin-top: 64px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-60 {
    border-radius: 12px;
  }

  .image-61 {
    border-radius: 12px;
    width: 100%;
  }

  .background-video-5 {
    border-radius: 12px;
  }

  .h0.white {
    margin-bottom: 32px;
    font-size: 4.5vh;
    line-height: 4.5vh;
  }

  .navlink-bottom {
    align-self: center;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
  }

  .video-shot {
    margin-top: 48px;
  }

  .image-65 {
    max-width: 70%;
  }

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

  .image-66 {
    border: 2px solid #0e0d29;
    border-radius: 24px;
    display: block;
  }

  .cb-card-wrapper {
    border-radius: 24px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .lottie-animation-8 {
    width: 80%;
    margin-top: -41px;
  }

  .image-67 {
    width: 100%;
  }

  .project-info {
    flex-direction: column;
    display: flex;
  }

  .cb-cover-wrapper {
    grid-row-gap: 24px;
    width: 100%;
  }

  .image-68 {
    width: 80%;
  }

  .image-69 {
    display: none;
  }

  .blearn-preview-image-mobile {
    width: 100%;
    margin-top: -7vh;
    display: block;
  }

  .image-71 {
    display: none;
  }

  .blearn-home-page-mobile, .image-72 {
    border-radius: 12px;
    display: block;
  }

  .image-73, .image-74 {
    display: none;
  }

  .image-75 {
    display: block;
  }

  .image-76 {
    border: 2px solid var(--black);
    border-radius: 24px;
    display: block;
  }

  .companies {
    grid-template-columns: 1fr;
  }

  .our-background.mobile {
    grid-row-gap: 24px;
    margin-top: 72px;
    margin-bottom: 64px;
  }

  .video-stage {
    grid-row-gap: 48px;
    margin-top: 64px;
    padding: 32px 20px 64px;
  }

  .text-wrapper {
    width: 90%;
  }

  .aw-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .aw-screenapp {
    margin-bottom: -64px;
  }

  .footer-aw {
    margin-top: 64px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .work-info.lqty {
    padding-left: 20px;
    padding-right: 20px;
  }

  .project-logo.lqty {
    padding-left: 12px;
    padding-right: 12px;
  }

  .hero-headline {
    font-size: 30px;
    line-height: 38px;
  }

  .navigation {
    display: none;
  }

  .nav-bar-wrapper {
    max-width: 282px;
  }

  .nav-panel {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-button {
    min-width: 120px;
  }

  .logos-wrapper {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1.75fr 1fr;
  }

  .hello-stak {
    padding: 20px;
  }

  .hello-stak.thingy {
    padding-bottom: 32px;
    padding-right: 20px;
  }

  .avatars-wrapper {
    display: none;
  }

  .avatars-miniatures {
    border-radius: 20px;
    width: 22px;
  }

  .td-3d, .td-offers, .td-pages-dem, .td-icons, .div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lqty-desert-bg {
    min-height: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navlink-on-dark.twitter {
    display: none;
  }

  .logo-link.archway {
    display: flex;
  }

  .logo-link.lqty {
    display: none;
  }

  .tips-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .navigation-copy {
    display: flex;
  }

  .navigation-copy-2 {
    display: block;
  }

  .thingy-shot-copy {
    margin-top: 24px;
    display: none;
  }
}

#w-node-_69a4d41f-6abe-a20e-6bae-9ee5e91c0d9a-7899612a {
  justify-self: end;
}

#w-node-bbeebe9c-5a00-2b26-0152-2d73b98658c1-7899612e {
  align-self: center;
}

#w-node-_6a7a92ec-6d43-641f-ec0a-139704166f70-7899612e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7c17e594-52a3-28bc-e8af-95866236ac2d-7899612e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-d314cbc8-65aa-d5fd-f59a-ff6b6b38a4ff-7899612e {
  align-self: start;
}

#w-node-_1d3b659c-003c-7b24-181c-8841a5c4fbf4-7899612f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5715707d-014a-148e-4187-ce4af49abf3d-7899612f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b710fb6f-d07e-801a-1988-bd32aa768655-7899612f {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_62f88ce0-1fb2-6e77-f866-55c322006d3f-7899612f {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_6fcdeb22-1c6c-d4fe-7b3f-82cab80aa1e8-78996130 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad1532af-dba4-6e5d-6011-fb5f6708c83f-78996131 {
  place-self: center end;
}

#w-node-_462ecb3b-3077-1442-0394-ec4ea1080d5b-78996131 {
  align-self: center;
}

#w-node-_38a09a9d-b0c5-0902-97de-9452c035090c-78996131, #w-node-_4d90cc41-4a8a-a5ba-df45-20a44be817e8-78996131 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8f7e3a7f-6607-e8c9-c50f-a607dc38f543-78996131 {
  place-self: center;
}

#w-node-_47a39feb-7af3-d4d8-8752-9ab3c9feb661-78996131 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad1532af-dba4-6e5d-6011-fb5f6708c83f-78996133 {
  place-self: center end;
}

#w-node-_38a09a9d-b0c5-0902-97de-9452c035090c-78996133, #w-node-_38a09a9d-b0c5-0902-97de-9452c035090c-78996134, #w-node-_38a09a9d-b0c5-0902-97de-9452c035090c-78996135 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_69a4d41f-6abe-a20e-6bae-9ee5e91c0d9a-7899612a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-_7b7b47cc-2eaa-ed4b-acb7-eae0172738fa-78996133, #w-node-_7b7b47cc-2eaa-ed4b-acb7-eae0172738fa-78996134, #w-node-_7b7b47cc-2eaa-ed4b-acb7-eae0172738fa-78996135 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-bbeebe9c-5a00-2b26-0152-2d73b98658c1-7899612e {
    align-self: center;
  }

  #w-node-_6a7a92ec-6d43-641f-ec0a-139704166f70-7899612e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7c17e594-52a3-28bc-e8af-95866236ac2d-7899612e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_5715707d-014a-148e-4187-ce4af49abf3d-7899612f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b710fb6f-d07e-801a-1988-bd32aa768655-7899612f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_62f88ce0-1fb2-6e77-f866-55c322006d3f-7899612f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8f7e3a7f-6607-e8c9-c50f-a607dc38f543-78996131 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Font';
  src: url('../fonts/font.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basiersquare webfont';
  src: url('../fonts/basiersquare-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}