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

@font-face {
  font-family: Rubik;
  src: url('../fonts/WP_Rubik-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

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

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

:root {
  --purple: #a964fe;
  --purple-action: #c587ff;
  --purple-light: #eb87ff;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.global-css, .clipboard-copy-js, .scroll-functionality-js {
  display: none;
}

.div-block-11 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-logo {
  width: 6.125rem;
  height: auto;
  position: relative;
}

.wpc2-name {
  font-family: Recoleta, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 120%;
}

.biege-hills-bg {
  background-image: url('../images/divider-beige.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 100%;
  width: 100%;
  height: 1.2vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-20 {
  margin-bottom: -8rem;
  padding-top: 1.25rem;
  position: relative;
}

.just-landed-in-london-front {
  width: 27.5rem;
  height: auto;
  display: block;
  position: absolute;
  inset: 8rem auto auto -18rem;
}

.button-slider-arrow {
  width: 1.5rem;
  height: auto;
}

.wpc2 {
  background-color: #e1d9ce;
  border-radius: 1rem;
  width: 100%;
  height: auto;
  padding: .5rem .5rem 1.75rem;
  position: relative;
}

.button {
  z-index: 8;
  color: #f9f2ff;
  cursor: pointer;
  background-color: #a964fe;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1.375rem;
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 100%;
  transition: all .4s;
  display: flex;
  position: relative;
  box-shadow: 0 .25rem #bf5eff;
}

.button:hover {
  background-color: #bf5eff;
}

.button.top-cta {
  box-shadow: none;
  min-width: 20rem;
}

.button.red {
  box-shadow: none;
  background-color: #5a220b;
}

.button.red:hover {
  background-color: #111;
}

.button.submit-button {
  width: 100%;
  box-shadow: 0 .25rem #bf5eff;
}

.p-24 {
  color: #111;
  font-size: 1.125rem;
}

.p-24.text-biege {
  color: #e1d9ce;
}

.p-24.text-biege.mw-800 {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.p-24.mw-720 {
  width: 100%;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}

.p-24.mw-640px {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.div-block-15 {
  width: 100%;
  height: 0;
  margin-top: -18rem;
}

.slide {
  width: 33%;
  padding-left: 2rem;
  padding-right: 2rem;
}

.h2-heading {
  color: #5a220b;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Recoleta, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 900;
  line-height: 100%;
}

.h2-heading.action-purple {
  color: #c587ff;
}

.h2-heading.action-purple.mw-830 {
  width: 100%;
  max-width: 51.875rem;
  margin-left: auto;
  margin-right: auto;
}

.h2-heading.action-purple.limit {
  max-width: 42.5rem;
}

.h2-heading.action-purple.mw-720 {
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}

.h2-heading.action-purple2 {
  color: #eb87ff;
}

.h2-heading.action-black {
  color: #111;
}

.progress-wrap {
  background-color: #e5c5ff;
  border-radius: .375rem;
  width: 100%;
  max-width: 22.5rem;
  height: .75rem;
  margin-bottom: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.slider-mask {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.red-hills-bg {
  background-image: url('../images/divider-red.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 100%;
  width: 100%;
  height: 1.2vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.grid3-g40 {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.brown-hills-bg {
  background-image: url('../images/divider-brown.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 100%;
  width: 100%;
  height: 1.2vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-10 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1rem;
  display: flex;
}

.imgfull-absolute {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.imgfull-absolute.kid {
  object-position: 50% 90%;
}

.biscuit-image {
  width: 100%;
  max-width: 40.3125rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.div-block-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

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

.container.relative {
  position: relative;
}

.container.relative.bigger {
  max-width: 86.25rem;
}

.container.full {
  max-width: 90rem;
  padding-left: 5rem;
  padding-right: 5rem;
}

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

.darkbeige-hills-bg {
  background-image: url('../images/divider-darkbeige.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 100%;
  width: 100%;
  height: 1.2vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.form--wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: 60rem;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-slider {
  color: #e7dbcb;
  cursor: pointer;
  background-color: #eb87ff;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  margin-top: 0;
  margin-bottom: 0;
  transition: all .4s;
  display: flex;
  top: 8.6875rem;
}

.button-slider:hover {
  background-color: #bf5eff;
}

.darkpurple-hills-bg {
  background-image: url('../images/divider-darkpurple.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 100%;
  width: 100%;
  height: 1.2vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.hero-paragraph {
  color: #e1d9ce;
  margin-bottom: 2rem;
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.pink-hills-bg {
  background-image: url('../images/divider-pink.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 100%;
  width: 100%;
  height: 1.2vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-12 {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

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

.just-landed-in-london {
  width: 100%;
  height: auto;
}

.wpc1-number {
  color: #e7dbcb;
  background-color: #bf5eff;
  border-radius: 9999rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  font-family: Recoleta, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 900;
  display: flex;
  position: absolute;
  bottom: .75rem;
  left: .75rem;
  right: auto;
  overflow: hidden;
}

.hero-button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  max-width: 45rem;
  display: flex;
}

.link-block {
  position: relative;
}

.h3-heading {
  color: #111;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Recoleta, Arial, sans-serif;
  font-size: 2rem;
  line-height: 120%;
}

.h3-heading.mwa {
  max-width: 18rem;
  margin-left: auto;
  margin-right: auto;
}

.div-block-4 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: left;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 52.5rem;
  display: flex;
}

.meet-your-wanderpal-wrap {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.wpc2-image-holder {
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0;
  margin-bottom: .5rem;
  padding-bottom: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5rem;
  display: flex;
  position: relative;
}

.hero-paragraph-small {
  color: #e1d9ce;
  margin-bottom: 0;
  font-family: Rubik, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.slots-taken-wrap {
  color: #111;
  text-align: center;
  background-color: #f9dcff;
  border-radius: .5rem;
  flex-flow: column;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 5rem 1.4375rem;
  font-family: Recoleta, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  position: relative;
}

.mywonderpals-map-dt {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: auto;
  position: absolute;
  inset: -1.25rem auto -1.25rem 0%;
}

.mywonderpals-map-dt.mobile {
  display: none;
}

.wpc1-image-holder {
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0;
  margin-bottom: .5rem;
  padding-bottom: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wpc1-image-holder.mb0 {
  margin-bottom: 0;
}

.wpc1-image-holder.x2 {
  margin-bottom: 1.5rem;
}

.progress {
  background-color: #eb87ff;
  border-radius: .375rem;
  width: 75%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.slider {
  background-color: #0000;
  width: 100%;
  height: auto;
  margin-bottom: 2.5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.section {
  position: relative;
}

.section.section-hero-r {
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  height: 69.8125rem;
  min-height: 103svh;
  padding-bottom: 4rem;
  display: flex;
}

.section.section-hero-r.full-height {
  height: 100svh;
}

.section.section-140 {
  padding-top: 8.75rem;
  padding-bottom: 8.75rem;
}

.section.section-140.red-bg {
  background-color: #5a220b;
}

.section.section-140.pink-bg {
  background-color: #eb87ff;
}

.section.section-140.brown-bg {
  background-color: #2c1106;
}

.section.section-140.brown-bg.thank-you-full {
  min-height: 100vh;
  padding-top: 5rem;
}

.section.section-140.darkbeige-bg {
  background-color: #c1c2b3;
}

.section.section-140.darkbeige-bg.pb-0 {
  padding-bottom: 0;
}

.section.section-140.pink2-bg {
  background-color: #ba8aea;
}

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

.section.section-100-0.darkpurple-bg {
  background-color: #170828;
}

.hero-heading {
  color: #a964fe;
  max-width: 30rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Recoleta, Arial, sans-serif;
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 100%;
}

.div-block-9 {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  color: #e1d9ce;
  text-align: center;
  flex-flow: column;
  align-items: center;
  font-size: 1rem;
  display: flex;
}

.early-access-wrap {
  z-index: 10;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #a251f4e6;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  transition: all .5s;
  position: fixed;
  inset: 0 auto auto 0%;
  transform: translate(0, -7rem);
}

.div-block-8 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  margin-bottom: 3.75rem;
  display: flex;
}

.pink2-hills-bg {
  background-image: url('../images/divider-pink2.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 100%;
  width: 100%;
  height: 1.2vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.pink3-hills-bg {
  background-image: url('../images/divider-pink3.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 100%;
  width: 100%;
  height: 1.2vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.pink4-hills-bg {
  background-image: url('../images/divider-pink4.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 100%;
  width: 100%;
  height: 1.2vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.wpc2-location {
  font-size: .875rem;
  line-height: 120%;
}

.grid-image-column {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  display: flex;
}

.grid-image-column.col-2 {
  padding-top: 3.9375rem;
}

.grid-image-column.col-3 {
  margin-top: -17.3125rem;
}

.hide-on-left {
  z-index: 2;
  background-color: #ba8aea;
  background-image: linear-gradient(90deg, #ba8aea, #0000);
  width: 5.5rem;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hide-on-left.hide-on-right {
  background-image: linear-gradient(90deg, #0000, #ba8aea);
  left: auto;
  right: 0;
}

.navbar-wrap {
  z-index: 9;
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: left;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 40rem;
  margin-bottom: 4.25rem;
  display: flex;
}

.embed-code {
  display: none;
}

.div-block-7 {
  margin-bottom: -7.5rem;
}

.text-block {
  color: #e1d9ce;
  font-family: Recoleta, Arial, sans-serif;
  font-size: 2rem;
}

.wpc2-text {
  color: #111;
  font-family: Recoleta, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 120%;
}

.div-block-5 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  margin-bottom: 3.75rem;
  display: flex;
}

.hide {
  display: none;
}

.form-span-number {
  color: #eb87ff;
  font-size: 2.25rem;
  font-weight: 500;
}

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

.form-block {
  margin: 0;
}

.ea-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-panel {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 40rem;
  display: flex;
  position: relative;
}

.div-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 31.9375rem 27.5625rem;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  display: grid;
}

.div-block-6 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  margin-bottom: 1.125rem;
  display: flex;
}

.input {
  text-align: center;
  background-color: #f0e3ff;
  border: 1px dashed #a964fe;
  border-radius: 1rem;
  width: 100%;
  height: 4.25rem;
  margin-bottom: 0;
  padding: 1.375rem;
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.page {
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 120%;
  position: relative;
  overflow: clip;
}

.hero-video-mobile {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hero-video-desktop {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-16 {
  display: none;
}

.p-20 {
  color: #111;
  font-size: 1.25rem;
}

.p-20.text-e7dbcb {
  color: #e7dbcb;
}

.p-20.text-biege {
  color: #e1d9ce;
}

.p-20.text-biege.bold {
  font-weight: 500;
}

.copy-icon {
  cursor: pointer;
  width: 1.5625rem;
  height: auto;
  display: block;
  position: absolute;
  inset: 1.375rem 1rem auto auto;
}

.div-block-21 {
  position: relative;
}

.celebration-time-cmon {
  width: 3.875rem;
  height: auto;
  margin-bottom: 1.5rem;
}

.p-16 {
  color: #e7dbcb;
  font-size: 1rem;
}

.div-block-22 {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  color: #e1d9ce;
  text-align: center;
  flex-flow: column;
  align-items: center;
  font-size: 1rem;
  display: flex;
}

.div-block-23 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  margin-bottom: 3.75rem;
  display: flex;
}

@media screen and (max-width: 991px) {
  .biege-hills-bg {
    background-size: auto;
    height: 20px;
  }

  .div-block-20 {
    margin-bottom: -25vw;
    padding-top: 0;
  }

  .just-landed-in-london-front {
    display: none;
  }

  .button {
    border-radius: 16px;
    padding: 24px;
    font-size: 18px;
    box-shadow: 0 4px #bf5eff;
  }

  .button.submit-button {
    box-shadow: 0 4px #bf5eff;
  }

  .p-24 {
    font-size: 16px;
  }

  .p-24.text-biege.mw-800, .p-24.mw-640px {
    max-width: none;
  }

  .div-block-15 {
    display: none;
  }

  .slide-nav-2 {
    z-index: 999;
  }

  .slide {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .h2-heading {
    font-size: 48px;
    line-height: 100%;
  }

  .h2-heading.action-purple.mw-830, .h2-heading.action-purple.limit, .h2-heading.action-purple.mw-720 {
    max-width: none;
  }

  .slider-mask {
    max-width: 312px;
  }

  .red-hills-bg {
    background-size: auto;
    height: 20px;
  }

  .grid3-g40 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .brown-hills-bg {
    background-size: auto;
    height: 20px;
  }

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

  .biscuit-image {
    max-width: none;
  }

  .div-block-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    margin-top: 0;
  }

  .container {
    max-width: none;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container.relative.bigger {
    max-width: none;
  }

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

  .darkbeige-hills-bg {
    background-size: auto;
    height: 20px;
  }

  .form--wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 48px;
  }

  .button-slider {
    width: 60px;
    height: 60px;
    inset: auto 16px 0% auto;
  }

  .button-slider.prev {
    right: 100px;
  }

  .darkpurple-hills-bg {
    background-size: auto;
    height: 20px;
  }

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

  .pink-hills-bg,
  .pink4-hills-bg,
  .pink3-hills-bg,
  .pink2-hills-bg {
    background-size: auto;
    height: 20px;
  }

  .div-block-12 {
    display: none;
  }

  .text-block-2 {
    margin-bottom: 14px;
  }

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

  .slide-grid-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .slide-grid-column.column-2 {
    margin-top: 60px;
  }

  .h3-heading {
    font-size: 24px;
  }

  .div-block-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    max-width: none;
  }

  .meet-your-wanderpal-wrap {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
  }

  .div-block-17 {
    margin-left: -16px;
    margin-right: -16px;
  }

  .wpc2-image-holder {
    border-radius: 8px;
    margin-bottom: 8px;
  }

  .navbar {
    margin-top: 46px;
  }

  .hero-paragraph-small {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
  }

  .slots-taken-wrap {
    max-width: none;
    padding: 16px;
  }

  .mywonderpals-map-dt {
    display: none;
  }

  .mywonderpals-map-dt.mobile {
    height: 110%;
    display: block;
    top: -2.5vw;
    bottom: 0;
  }

  .wpc1-image-holder {
    border-radius: 24px;
    margin-bottom: 8px;
  }

  .section.section-hero-r {
    height: auto;
    min-height: 103svh;
    padding-bottom: 70px;
  }

  .section.section-140 {
    padding-top: 67px;
    padding-bottom: 67px;
  }

  .section.section-140.brown-bg.thank-you-full {
    padding-top: 80px;
  }

  .section.map-section {
    padding-top: 85px;
  }

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

  .hero-heading {
    max-width: none;
    margin-bottom: 16px;
    font-size: 48px;
    line-height: 83.33%;
  }

  .div-block-9 {
    font-size: 16px;
  }

  .div-block-8 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-bottom: 24px;
  }

  .pink2-hills-bg {
    background-size: auto;
    height: 20px;
  }

  .hide-on-left {
    display: none;
  }

  .div-block-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    max-width: none;
    margin-bottom: 16px;
  }

  .div-block-7 {
    margin-bottom: -10vw;
  }

  .text-block {
    font-size: 24px;
  }

  .slide-grid {
    width: 57%;
    padding: 0 8px;
  }

  .div-block-5 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-bottom: 60px;
  }

  .form-span-number {
    font-size: 32px;
  }

  .form-email {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .ea-wrap {
    align-items: stretch;
  }

  .hero-panel {
    text-align: center;
    align-items: center;
    max-width: none;
  }

  .div-block {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
  }

  .div-block-6 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-bottom: 18px;
  }

  .input {
    border-radius: 16px;
    height: 68px;
    padding: 24px;
    font-size: 16px;
  }

  .page {
    font-size: 16px;
  }

  .hero-video-mobile {
    display: block;
  }

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

  .div-block-16 {
    margin-left: -16px;
    margin-right: -16px;
    display: block;
  }

  .p-20 {
    font-size: 16px;
  }

  .celebration-time-cmon {
    width: 64px;
    margin-bottom: 24px;
  }

  .div-block-22 {
    font-size: 16px;
  }

  .div-block-23 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 767px) {
  .slide-grid-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    margin-top: 16px;
  }

  .mywonderpals-map-dt.mobile {
    height: 100%;
  }
}


@font-face {
  font-family: 'Rubik';
  src: url('../fonts/WP_Rubik-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/WP_Rubik-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('../fonts/WP_Recoleta-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('../fonts/WP_Recoleta-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('../fonts/WP_Recoleta-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}