:root {
  --color--blue-50: #e9effd;
  --color--blue: #225ad6;
  --color--white: white;
  --color--white-50: #fdfdfd;
  --font--pf-display: "Playfair Display", sans-serif;
  --color--dark-600: #0f1623;
  --typography--h1: clamp(2rem, 1.5023vw + 1.6479rem, 3rem);
  --font--inter: Inter, sans-serif;
  --color--dark-400: #414652;
  --color--sky-blue: #e6f2ff;
  --typography--h2: clamp(1.75rem, 2.8169vw + .4648rem, 3rem);
  --typography--line-height--h2: clamp(2.375rem, 1.6901vw + 1.9789rem, 3.5rem);
  --fontweight--bold: 700;
  --fontweight--medium: 500;
  --color--dark-800: #090d15;
  --color--dark-200: #92959c;
  --color--transparent: transparent;
  --color--blue-200: #9bb7f6;
  --typography--h2-small: clamp(1.75rem, 2.8169vw + .4648rem, 2.5rem);
  --color--dark-300: #60646e;
  --_font-family---inter: Inter, sans-serif;
  --color--dark-700: #0c111c;
  --typography--h3: 1.75rem;
  --typography--h3-md: 1.5rem;
  --color--f7f8fb: #f7f8fb;
  --fontweight--normal: 400;
  --fontweight--semibold: 600;
  --color--black: #111827;
  --color--eef2fa: #eef2fa;
  --color--0f1623: #0f1623;
  --color--cbcbcb: #cbcbcb;
}

body {
  box-sizing: border-box;
  color: #333;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.container {
  width: 100%;
  max-width: 82.5rem;
  margin-left: auto;
  margin-right: auto;
}

.section-blue-hero {
  padding-top: .75rem;
  position: relative;
  overflow: visible;
}

.blue-nav {
  z-index: 9999;
  border: 1px solid var(--color--blue-50);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #fdfdfd;
  border-radius: 11.875rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 31.6875rem;
  margin-left: auto;
  margin-right: auto;
  padding: .75rem;
  transition: all .35s;
  display: flex;
}

.blue-nav:where(.w-variant-7afaeab7-38c0-f9cc-591d-4ecd1a64d3a8) {
  background-color: #0000;
  border-style: none;
  justify-content: center;
  max-width: 100%;
}

.nav-logo-block {
  width: 100%;
  max-width: 6.125rem;
  height: 2.625rem;
}

.nav-btn-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-btn-wrap:where(.w-variant-7afaeab7-38c0-f9cc-591d-4ecd1a64d3a8) {
  display: none;
}

.btn-primary {
  border: 1px solid var(--color--blue);
  background-color: var(--color--blue);
  color: var(--color--white);
  border-radius: 7.5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.25rem;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  display: inline-flex;
}

.btn-primary.is-form {
  z-index: 9;
  height: 3rem;
  color: var(--color--white-50);
  border-radius: 3.875rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.375rem;
  box-shadow: inset 0 4px 4px #ffffff63;
}

.btn-primary.is-form.ic-cta {
  height: 3.625rem;
  font-size: 1rem;
  position: static;
}

.btn-primary.is-form.ic-cta.full {
  width: 100%;
}

.btn-primary.is-form.buynow {
  padding-left: 2rem;
  padding-right: 2rem;
}

.btn-primary.is-form.is-hero {
  padding: .625rem 2rem;
  position: static;
}

.btn-primary.is-form.nav {
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 500;
  position: static;
}

.p-regular {
  font-family: var(--font--inter);
  color: var(--color--dark-400);
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}

.p-regular.text-white {
  color: var(--color--sky-blue);
}

.p-regular._w-500 {
  font-weight: 600;
}

.mt-12px {
  margin-top: .75rem;
}

.mt-32px {
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-top: 2rem;
  display: block;
}

.hero-glow {
  filter: blur(24px);
  pointer-events: none;
  background-image: linear-gradient(#ffffffde 78%, #287bf74d);
  border-radius: 113rem;
  width: 100%;
  max-width: 113rem;
  height: 113rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -942px 0% auto;
}

.hero-glow.is-contact {
  top: -954px;
}

.blue-hero-content-wrapper {
  z-index: 20;
  position: relative;
}

.h2-heading {
  font-family: var(--font--pf-display);
  font-size: var(--typography--h2);
  line-height: var(--typography--line-height--h2);
  text-align: center;
}

.footer {
  margin-top: 8.75rem;
  position: relative;
}

.footer.is-cta {
  padding-top: 9.85rem;
}

.footer-content-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.fotter-content-left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  max-width: 19.6875rem;
  display: flex;
}

.footer-content-right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: right;
  flex-flow: column;
  align-self: flex-end;
  width: 100%;
  max-width: 15rem;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.footer-logo-block {
  width: 100%;
  max-width: 8.375rem;
  height: 3.625rem;
}

.legal-link-block {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  font-family: var(--font--inter);
  color: var(--color--dark-200);
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: none;
  display: flex;
}

.footer-link {
  color: var(--color--dark-200);
  text-decoration: none;
}

.footer-big-logo {
  width: 100%;
  max-width: 31.25rem;
  height: 12.7rem;
  position: absolute;
  inset: auto 0% -5% 33%;
}

.footer-big-logo-img {
  object-fit: contain;
}

.cross-icon {
  object-fit: cover;
}

.wait-list-popup-wrapper {
  z-index: 999999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #555860cc;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: none;
  position: fixed;
  inset: 0%;
}

.hero-sub-text-block {
  text-align: center;
  max-width: 60ch;
  margin-left: auto;
  margin-right: auto;
}

.contact-us-content-wrap {
  width: 100%;
  max-width: 35.7rem;
  margin-left: auto;
  margin-right: auto;
}

.contact-us-form-block {
  border: 1px solid var(--color--blue-200);
  background-color: var(--color--white);
  border-radius: 1rem;
  margin-bottom: 0;
  padding: 20px;
}

.contact-form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.field-label {
  font-family: var(--font--inter);
  color: var(--color--dark-600);
  margin-bottom: 6px;
  font-weight: 500;
  line-height: 1.4em;
}

.form-field {
  height: 3.125rem;
  min-height: 3.125rem;
  font-family: var(--font--inter);
  border: 1px solid #bbcff9;
  border-radius: .75rem;
  margin-bottom: 0;
  padding: 14px;
  font-size: 1rem;
  line-height: 1.4em;
}

.form-field.message {
  align-items: flex-start;
  height: 7.3125rem;
  min-height: 7.3125rem;
  display: inline-flex;
}

.field-block {
  text-align: left;
}

.dual-field {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.popup-form-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: flex-start;
  width: 100%;
  max-width: 42rem;
  display: flex;
}

.popup-form-block {
  background-color: var(--color--white);
  border-radius: 1.5rem;
  width: 100%;
  padding-top: 48px;
  padding-bottom: 48px;
}

.popup-form-c-upper {
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.popup-logo-block {
  width: 4rem;
  height: 4rem;
  margin-bottom: 1.5rem;
}

.pop-c-form-block {
  background-color: var(--color--white);
  width: 100%;
  margin-bottom: 0;
  padding: 0;
}

.popup-form {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  max-width: 23.75rem;
  margin-left: auto;
  margin-right: auto;
}

.pop-form-field {
  height: 3.125rem;
  min-height: 3.125rem;
  font-family: var(--font--inter);
  text-align: center;
  border: 1px solid #bbcff9;
  border-radius: 3.875rem;
  margin-bottom: 0;
  padding: 14px;
  font-size: 1rem;
  line-height: 1.4em;
}

.join-popup-cros-btn {
  cursor: pointer;
  border-radius: 100%;
  flex: none;
  width: 3rem;
  height: 3rem;
}

.form-title-wrapper {
  flex-flow: column;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.h2-small {
  font-family: var(--font--pf-display);
  font-size: var(--typography--h2-small);
  font-weight: 600;
  line-height: 1.2em;
}

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

.h2-small._w-bold {
  font-weight: var(--fontweight--bold);
}

.h2-small._w-bold.dark-800 {
  color: var(--color--dark-800);
}

.popup-field-block {
  margin-bottom: 1.25rem;
}

.popup-form-success {
  background-color: #0000;
  width: 100%;
  padding: 0;
}

.success-text-block {
  margin-top: .75rem;
  margin-bottom: 1.5rem;
}

.success-details-items {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.success-details-items.mt-24px {
  margin-top: 1.5rem;
}

.s-details-item {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  font-family: var(--font--inter);
  color: var(--color--dark-400);
  flex-flow: column;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4em;
  display: flex;
}

.s-details-item.horizontal {
  flex-flow: row;
}

.item-dot {
  background-color: var(--color--dark-300);
  border-radius: 100%;
  flex: none;
  width: 5px;
  height: 5px;
  display: none;
}

.text-block {
  font-family: var(--font--inter);
  font-weight: 500;
  line-height: 1.4em;
}

.success-content {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.success-content.is-contact {
  max-width: 23.8rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 32px;
}

.buynow-btn-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  font-family: var(--_font-family---inter);
  color: var(--color--dark-600);
  text-align: center;
  flex-flow: column;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  font-weight: 500;
  display: flex;
}

.nav-wrapper {
  z-index: 99;
  width: 100%;
  margin-top: 1.25rem;
  display: inline-block;
  position: relative;
  inset: 0% 0% auto;
}

.s-item-subtitle {
  font-family: var(--font--pf-display);
  color: var(--color--dark-600);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4em;
}

.item-text-block {
  max-width: 27.5rem;
}

.n-join-button {
  border: 1px solid var(--color--blue);
  background-color: var(--color--transparent);
  width: 100%;
  color: var(--color--blue);
  border-radius: 7.5rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  display: none;
}

.n-join-button:hover {
  background-color: var(--color--blue-50);
}

.n-join-button.is-cta {
  display: block;
}

.n-cta-btn {
  border: 1px solid var(--color--blue);
  background-color: var(--color--transparent);
  width: auto;
  color: var(--color--blue);
  border-radius: 7.5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.25rem;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  transition: all .35s ease-in-out;
}

.n-cta-btn:hover {
  background-color: var(--color--blue-50);
}

.form-btn-wrap {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .wait-list-form-wrapper {
    display: block;
  }

  .hero-glow {
    top: -944px;
  }

  .video-slider-wrap {
    height: 47.5rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .section-padding.top-100px {
    padding-top: 7.3rem;
  }

  .mobile-screen-block {
    margin-left: auto;
    margin-right: auto;
  }

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

  .hero-glow {
    top: -931px;
  }

  .work-content-wrapper {
    max-width: 32rem;
  }

  .video-slider-wrap {
    height: 45.8rem;
    padding-top: 0;
  }

  .mobile-lottie {
    width: 16rem;
  }

  .contact-us-content-wrap {
    max-width: 40rem;
  }

  .t-mobile-screen-block {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-upper-right-content {
    grid-column-gap: 2.8rem;
    grid-row-gap: 2.8rem;
  }
}

@media screen and (min-width: 1920px) {
  .padding-global {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-blue-hero {
    width: 100%;
    overflow: visible;
  }

  .hero-glow {
    max-width: 100%;
    top: -911px;
  }

  .section-work {
    padding-top: 20px;
  }

  .work-content-wrapper {
    max-width: 35rem;
  }

  .y-com-logo-block {
    width: 100%;
    max-width: 5rem;
    height: 5rem;
  }

  .footer-big-logo {
    left: 38%;
  }

  .video-source {
    display: block;
  }

  .video-slider-wrap {
    padding-top: 2rem;
  }

  .wait-list-popup-wrapper {
    display: none;
  }

  .contact-us-content-wrap {
    max-width: 40rem;
  }

  .success-popup {
    display: none;
  }

  .quick-start-hero {
    width: 100%;
    overflow: visible;
  }

  .about-heading-block {
    max-width: 30rem;
  }

  .shop-btn {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .section-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global.is-slider {
    padding-left: 0%;
    padding-right: 0%;
  }

  .section-blue-hero {
    height: auto;
  }

  .y-com-content-wrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .y-com-social-blocks {
    grid-template-columns: 1fr 1fr;
  }

  .footer {
    text-align: center;
  }

  .footer-big-logo {
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .mobile-lottie {
    width: 15rem;
    height: auto;
  }

  .buynow-btn-wrap {
    margin-top: 0;
  }

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

  .section-padding-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .footer-upper-right-content {
    grid-template-columns: 1fr 1fr;
  }

  .quick-start-hero {
    height: auto;
  }

  .important-notes-block {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-y-5rem {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .user-guide-content-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .ug-title-block {
    max-width: 20rem;
  }

  .st-session-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .st-session-left-c-wrap {
    max-width: 20rem;
  }

  .test-qa-block, .test-solution-wrap {
    padding-left: 2rem;
  }

  .fs-cookie-popup {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    max-width: 95%;
    display: none;
  }

  .shop-hero-content {
    flex-flow: column;
  }

  .shop-gallery-c-block {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .product-c-faq-block {
    display: none;
  }

  .what-blue-do-c-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
  }

  .wbd-text-block {
    margin-bottom: 2rem;
  }

  .wbd-image-block {
    height: 29.3rem;
    margin-top: 4rem;
  }

  .wbd-iimage {
    object-fit: cover;
  }

  .meet-card-column {
    grid-template-columns: 1fr 1fr;
  }

  .meet-card {
    padding-bottom: 1.25rem;
  }

  .meet-card-image-wrap {
    margin-top: 7rem;
  }

  .choice-card-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .choice-list-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .choice-image-block {
    max-width: 22rem;
  }

  .faq-all {
    width: auto;
  }

  .y-com-items {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .section-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-global {
    padding-left: 3%;
    padding-right: 3%;
  }

  .padding-global.is-slider {
    padding-left: 0%;
    padding-right: 0%;
  }

  .section-blue-hero {
    height: auto;
  }

  .work-slider-card {
    max-width: 22rem;
    height: 30rem;
    min-height: 30px;
  }

  .swiper.meet-bud, .swiper-wrapper.meet-card-column, .swiper-wrapper.meet-card-column {
    overflow: visible;
  }

  .y-com-social-blocks {
    grid-template-columns: 1fr;
  }

  .footer {
    margin-top: 0;
  }

  .footer.qg {
    margin-top: 2rem;
  }

  .legal-link-block {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .video-slider-wrap {
    height: 40rem;
    padding-top: 2rem;
  }

  .popup-cross-button {
    width: 2rem;
    height: 2rem;
  }

  .popup-form-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .join-popup-cros-btn {
    width: 2rem;
    height: 2rem;
  }

  .success-details-items {
    flex-flow: wrap;
    justify-content: center;
  }

  .splide__list.work-slider-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .y-bottom-sub {
    font-size: 1.25rem;
  }

  .legal-title-block {
    padding: 2rem;
  }

  .footer-bottom-text-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .footer-content-upper {
    flex-flow: column;
  }

  .legal-section {
    padding-top: 8.3rem;
  }

  .legal-rich-text {
    margin-top: 2rem;
  }

  .footer-upper-right-content {
    grid-template-columns: 1fr 1fr;
  }

  .quick-start-hero {
    height: auto;
  }

  .important-notes-block {
    padding-bottom: 1.5rem;
  }

  .p-lg {
    font-size: 1rem;
  }

  .important-notes-list-wrap {
    margin-top: 2rem;
  }

  .user-guide-content-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .ug-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .ug-screens-wrapper {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    flex-flow: column;
    margin-top: 1.5rem;
    display: flex;
  }

  .ug-screens-block {
    display: none;
  }

  .ug-button-wrapper {
    order: -9999;
    margin-top: 0;
  }

  .download-app-subtext {
    margin-top: 1rem;
  }

  .qr-code-block {
    margin-top: 2.5rem;
  }

  .qr-content-wrapper {
    padding-bottom: 2rem;
  }

  .st-session-wrapper {
    flex-flow: column;
    margin-top: 4rem;
  }

  .st-session-left-c-wrap {
    max-width: 100%;
  }

  .installation-guide-wrapper {
    margin-top: 3.5rem;
  }

  .in-guide-image-block {
    display: none;
  }

  .mobile-in-guide-image-wrapper {
    display: block;
  }

  .test-qa-block {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
  }

  .test-block-first {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .test-block-second {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 1.5rem;
  }

  .quick-guide-cta {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .mb-ug-screen {
    display: block;
  }

  .fs-cookie-popup {
    flex-direction: column;
    margin-bottom: 2%;
    padding: 15px;
  }

  .button-wrapper {
    grid-column-gap: 10px;
    margin-top: 10px;
  }

  .preferences-container {
    min-width: 300px;
    max-width: 80vw;
  }

  .cookie-para {
    padding-bottom: 1rem;
  }

  .section-shop-hero {
    margin-top: 3rem;
  }

  .shop-hero-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .shop-gallery-block {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    flex-flow: wrap-reverse;
    height: auto;
  }

  .small-lightbox-c-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    max-width: 100%;
  }

  .big-light-box-c-block {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .s-light-box-item {
    max-width: 7rem;
    height: 7rem;
  }

  .big-light-box-item {
    height: 30rem;
  }

  .wbd-image-block {
    border-radius: 1.25rem;
    height: 17.625rem;
    margin-top: 3rem;
  }

  .s-cta-block {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .meet-card-column {
    grid-template-columns: 1fr;
    display: flex;
    overflow: scroll;
  }

  .meet-card {
    flex: none;
    width: 100%;
  }

  .meet-card-image-wrap {
    margin-top: 5rem;
  }

  .steps-card-block {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    grid-template-columns: 1fr;
  }

  .step-card-descrition {
    border-bottom: 1.5px solid var(--color--blue-50);
    width: 100%;
    padding-bottom: 3.125rem;
  }

  .basics-cards-wrap {
    flex-flow: column;
  }

  .basic-image-wrap {
    width: 100%;
    height: 25rem;
  }

  .choice-card-wrap {
    flex-flow: column;
    padding: 1rem;
  }

  .choice-image-block {
    max-width: 100%;
  }

  .shipping-wrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .shif-block {
    border-bottom: 1.5px solid var(--color--blue-50);
    border-right-style: none;
    padding-bottom: 3.125rem;
  }

  .shif-block.border-left {
    border-bottom-style: none;
    padding-bottom: 0;
  }

  .shif-wrap, .faq-wrapper {
    flex-flow: column;
  }

  .faq-button-block {
    margin-top: 1.5rem;
  }

  .faq-item-title-2 {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .section-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section-padding.top-0 {
    padding-bottom: 4rem;
  }

  .section-padding.top-100px {
    padding-top: 4rem;
  }

  .padding-global.is-slider {
    padding-left: 0%;
    padding-right: 0%;
  }

  .section-blue-hero {
    padding-top: 1rem;
  }

  .blue-nav {
    padding: .5rem;
  }

  .btn-primary.is-form.nav {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .h1-heading {
    font-size: 2rem;
  }

  .p-regular {
    margin-bottom: 0;
    font-size: .875rem;
  }

  .mt-12px {
    margin-top: .6rem;
  }

  .mt-32px {
    margin-top: 1.5rem;
  }

  .mt-32px.is-20 {
    margin-top: 1.25rem;
  }

  .hero-glow {
    max-width: 89.4375rem;
    height: 89.0625rem;
    inset: auto 0% 77px;
  }

  .work-content-wrapper {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    padding-left: 0%;
    padding-right: 0%;
  }

  .work-content-wrapper.mt-32px {
    max-width: 100%;
  }

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

  .p-md {
    font-size: 1rem;
    line-height: 153%;
  }

  .p-md.text-white-50, .p-md.text-dark-2, .p-md.text-white-50, .p-md.text-dark-2 {
    font-size: 1rem;
  }

  .mt-56px {
    margin-top: 2rem;
  }

  .work-slider-card {
    border-radius: 1.5rem;
    width: 100%;
    max-width: 18.5rem;
    height: 28.125rem;
    min-height: 28.125rem;
  }

  .slider-bg-image-block {
    object-fit: cover;
  }

  .slider-content-wrapper {
    height: 28.125rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .swiper-wrapper.video-sliders {
    height: 100%;
  }

  .y-com-content-wrap {
    border-radius: 2rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .y-com-logo-block {
    max-width: 2.75rem;
    height: 2.75rem;
  }

  .y-com-social-blocks {
    grid-template-columns: 1fr;
  }

  .y-com-social-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .social-icon-block {
    max-width: 2.5rem;
    height: 2.5rem;
  }

  .y-com-social-links {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    border-radius: 1.5rem;
    justify-content: space-around;
    max-width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .footer {
    margin-top: 5rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer.is-cta {
    padding-top: 4.55rem;
  }

  .footer-content-right {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .legal-link-block {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    text-align: right;
    flex-flow: column;
    align-items: flex-start;
  }

  .footer-link.left {
    text-align: left;
    text-align: left;
  }

  .footer-big-logo {
    height: 8.75rem;
  }

  .video-cupper-content {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .video-slider-wrap {
    height: 26rem;
    margin-top: 0;
    padding-top: 0;
  }

  .btn-transparent {
    padding: .5625rem .875rem;
    font-size: .875rem;
    font-weight: 500;
  }

  .popup-video-block {
    border-radius: 1rem;
  }

  .popup-video-box {
    flex-flow: column;
    align-items: flex-end;
  }

  .popup-cross-button {
    order: -1;
  }

  .hero-title-block {
    max-width: 16rem;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-sub-text-block {
    max-width: 50ch;
  }

  .contact-us-form-block {
    padding: 16px;
  }

  .contact-form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .form-field {
    height: 2.75rem;
    min-height: 2.75rem;
    font-size: .875rem;
  }

  .dual-field {
    grid-template-columns: 1fr;
  }

  .popup-form-wrap {
    flex-flow: column;
    align-items: flex-end;
  }

  .popup-form-block {
    padding: 32px 16px;
  }

  .popup-form-c-upper {
    width: 100%;
    max-width: 100%;
  }

  .pop-c-form-block {
    padding: 0;
  }

  .popup-form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pop-form-field {
    height: 3rem;
    min-height: 3rem;
    font-size: .875rem;
  }

  .join-popup-cros-btn {
    order: -1;
  }

  .success-text-block {
    margin-bottom: 1.25rem;
  }

  .success-details-items {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
  }

  .success-details-items.mt-24px {
    flex-flow: column;
  }

  .s-details-item.horizontal {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    flex-flow: column;
  }

  .success-content.is-contact {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .splide__list.work-slider-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .nav-wrapper {
    margin-top: 1.5rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .y-comb-link-block {
    max-width: 4.6875rem;
    height: 4.6875rem;
  }

  .item-text-block {
    font-size: .875rem;
  }

  .n-join-button {
    font-size: .875rem;
    font-weight: 500;
    display: none;
  }

  .n-cta-btn {
    padding: .5625rem .875rem;
    font-size: .875rem;
    font-weight: 500;
  }

  .video-mockup-block {
    max-width: 19.3rem;
    height: 10.625rem;
    margin-left: auto;
    margin-right: auto;
  }

  .video-box {
    max-width: 16.7rem;
    height: 8.4rem;
    margin-left: auto;
    margin-right: auto;
    top: 10%;
    left: 0%;
  }

  .video-mockup-wrapper {
    width: 100%;
  }

  .video-mockup-screen {
    object-fit: contain;
  }

  .y-com-logo-box {
    border-radius: .8rem;
    width: 2.5rem;
    height: 2.5rem;
  }

  .ycombination-logo-wraper {
    border-radius: 1.25rem;
  }

  .p-xl {
    font-size: 1.25rem;
  }

  .mobile-video-wrappee {
    margin-top: 1.5rem;
  }

  .hero-txt-wrap {
    margin-bottom: 1rem;
  }

  .waitlist-form-field-3.sub-email {
    padding-right: 9.7625rem;
  }

  .y-soc-link-item {
    flex: none;
    width: 2rem;
    height: 2rem;
  }

  .y-bottom-area {
    width: 100%;
    margin-top: 2.5rem;
  }

  .y-bottom-sub-title {
    margin-bottom: 1rem;
  }

  .wht-sub-text {
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
  }

  .legal-title-block {
    padding: 2rem;
  }

  .footer-content-box {
    border-radius: 1.25rem;
    padding: 2rem .75rem;
  }

  .footer-upper-right-content {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .p-regular-2.light-gray {
    white-space: normal;
    white-space: normal;
  }

  .toltip-icon-block {
    right: 8.8rem;
  }

  .toltip-msg-box {
    font-size: .625rem;
  }

  .tooltip-msg {
    line-height: 118%;
  }

  .tooltip-alert-block {
    max-width: 16rem;
    display: none;
    position: absolute;
    left: 25px;
  }

  .toltip-arrow-icon-block {
    right: 41%;
  }

  .p-large._w-medium.dark-600 {
    font-size: 1rem;
  }

  .footer-eleven-logo {
    height: auto;
  }

  .quick-start-hero {
    padding-top: 1rem;
  }

  .quick-start-hero.is-hero {
    padding-top: 4rem;
  }

  .st-dugnle-card, .test-qa-block {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .end-s-list {
    margin-bottom: 0;
    padding-left: 20px;
  }

  .test-solution-wrap {
    padding: 3rem 1rem 2rem;
  }

  .h3-md {
    font-size: 1.25rem;
  }

  .quick-guide-cta {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .guick-guide-cta-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .fs-cookie-popup {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    margin-bottom: 0;
    margin-left: 0%;
    margin-right: 0%;
    padding: 15px;
    display: none;
  }

  .cookie-tag {
    margin-bottom: 2px;
  }

  .close-button {
    top: 10px;
    right: 10px;
  }

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

  .fs-preferences-manager-wrapper {
    align-items: flex-start;
    padding-top: 5vw;
    overflow: scroll;
  }

  .privacy-title {
    margin-bottom: 10px;
  }

  .preferences-container {
    padding: 15px;
  }

  .cookie-deny-button {
    top: 0;
    right: 0;
  }

  .p-button-wrapper {
    grid-column-gap: .3125rem;
    grid-row-gap: .3125rem;
    flex-flow: column;
  }

  .shop-gallery-block {
    height: auto;
  }

  .small-lightbox-c-block {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .big-light-box-c-block {
    height: 23rem;
  }

  .s-light-box-item {
    max-width: 5rem;
    height: 5rem;
  }

  .big-light-box-item {
    height: 100%;
  }

  .what-blue-do-c-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .wbd-c-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .wbd-right-c-item {
    align-items: flex-start;
  }

  .wbd-image-block {
    margin-top: 2rem;
  }

  .s-cta-block {
    padding: 2.5rem 1rem;
  }

  .cta-button {
    padding-top: .875rem;
    padding-bottom: .875rem;
  }

  .cta-p-block {
    margin-bottom: 2.1875rem;
  }

  .cta-gradiant {
    display: none;
  }

  .about-video-wrapper {
    flex-flow: column;
    align-items: flex-end;
  }

  .about-video {
    border-radius: 1rem;
  }

  .about-heading-block {
    margin-bottom: 1.5rem;
    padding-left: 10px;
    padding-right: 10px;
  }

  .meet-card {
    padding: .625rem;
  }

  .h3-heading {
    font-size: var(--typography--h3-md);
  }

  .meet-card-text-wrap {
    white-space: nowrap;
    padding: .875rem .875rem .875rem .375rem;
  }

  .meet-card-image-wrap {
    max-width: 100%;
    height: 12.9rem;
    margin-top: 3.4375rem;
  }

  .meet-card-image {
    object-fit: contain;
  }

  .steps-card-block {
    grid-column-gap: 4.5rem;
    grid-row-gap: 4.5rem;
  }

  .step-card-descrition {
    border-bottom-style: none;
    padding-bottom: 0;
  }

  .basic-image-wrap {
    border-radius: 1.5rem;
    height: 13.4375rem;
    overflow: hidden;
  }

  .choice-card-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .choice-list-wrap {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
  }

  .c-icon-block {
    flex: none;
  }

  .c-list-block {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .choice-image-block {
    height: 13.625rem;
  }

  .shipping-wrap {
    padding: 2.5rem 1rem;
  }

  .shif-block {
    padding-bottom: 3.125rem;
  }

  .faq-all {
    align-items: center;
  }

  .y-com-items {
    grid-template-columns: 1fr;
  }

  .y-com-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-radius: 1.5rem;
    height: 10rem;
    padding: 1rem;
  }

  .y-com-item._3 {
    padding-top: 1rem;
  }
}