:root {
  --663399: #684a83;
  --hyper-blue: #4830e6;
  --white: white;
  --peru: #d4854fd1;
  --black: black;
  --black-2: #000000a3;
  --midnight-blue-2: #2f0557;
  --p2p-mario-orange: #f16934;
  --p2p-dark-blue: #052b3f;
  --p2p-soft-blues: #6acce0;
  --black-3: #00000094;
  --midnight-blue: #000026;
  --p2p-baby-blue: #4cc1f0;
  --p2p-orange: var(--p2p-dark-blue);
  --slate-blue: #695ad1;
  --p2p-pretty-pink: #ea559f;
  --p2p-gray: #d1d4db;
  --thistle: #e1cef1;
  --chocolate: #bf6a38;
  --sandy-brown: #f1aa794f;
  --plum: #ae94c0;
  --p2p-transparent-gray: #d0d1d3d1;
}

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

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-xxlarge, .margin-top.margin-medium {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-medium {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.margin-top.margin-medium.center {
  justify-content: space-between;
  align-items: center;
}

.margin-top.margin-medium {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.button {
  background-color: var(--p2p-mario-orange);
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: .75rem 5.9rem;
  text-decoration: none;
}

.button.is-secondary {
  border-color: var(--p2p-dark-blue);
  background-color: var(--p2p-soft-blues);
  box-shadow: 0 4px 7px -1px var(--black-3);
  transform-style: preserve-3d;
  border-radius: 13px;
  padding-left: 8.4rem;
  padding-right: 8.4rem;
  transform: translate3d(0, 0, -10px);
}

.button.is-secondary:hover {
  transform: translate3d(0, 0, -10px);
}

.padding-top, .padding-top.padding-xhuge, .padding-top.padding-medium, .padding-top.padding-medium {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

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

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-medium, .margin-bottom.margin-xsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xxsmall, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-xxlarge, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin: 0 0 24px;
}

.margin-bottom.margin-xsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xxlarge {
  margin: 0 0 33px;
}

.margin-bottom.margin-xxsmall, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-xxlarge, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.menu-icon4_line-middle-top {
  z-index: 2;
  width: 24px;
  height: 2px;
  position: absolute;
  inset: 0;
}

.button-2 {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-2.is-navbar17-button {
  z-index: 1;
  background-color: var(--p2p-dark-blue);
  z-index: 1;
  background-color: var(--p2p-dark-blue);
  padding: .5rem 4rem;
  position: relative;
}

.menu-icon4_line-middle-base {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  width: 24px;
  height: 2px;
  position: absolute;
}

.menu-icon4_line-middle {
  background-color: var(--midnight-blue);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
}

.navbar17_menu-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 4.5rem;
  display: flex;
  position: relative;
}

.navbar17_logo-link {
  z-index: 2;
  padding-left: 0;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.text-size-large {
  font-size: 1.25rem;
}

.menu-icon4_line-bottom {
  background-color: var(--midnight-blue);
  width: 24px;
  height: 2px;
}

.navbar17_bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  min-width: 100vw;
  min-height: 4.5rem;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.navbar17_menu {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  font-family: niveau-grotesk;
  transition: height .5s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: auto;
}

.menu-icon4_line-top {
  background-color: var(--midnight-blue);
  width: 24px;
  height: 2px;
  padding-bottom: 0;
  padding-right: 0;
}

.navbar17_social-link {
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.navbar17_link {
  border-style: solid;
  border-width: 1px;
  border-color: black black var(--p2p-baby-blue);
  width: 100%;
  min-width: 100vw;
  color: var(--p2p-soft-blues);
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: .5rem 5%;
  font-family: Inria Serif, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.navbar17_link:hover {
  background-color: var(--p2p-mario-orange);
  color: var(--white);
}

.navbar17_link.w--current {
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.menu-icon4 {
  background-color: var(--midnight-blue);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.navbar17_container {
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar17_links-wrapper {
  border-top: var(--\<unknown\|relume-variable-divider-width\>) solid var(--\<unknown\|relume-variable-color-scheme-1-border\>);
  flex-direction: column;
  flex: 1;
  font-size: 2.5rem;
  display: flex;
}

.navbar17_menu-button {
  z-index: 1;
  padding: 0;
}

.navbar17_menu-button.w--open {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
}

.navbar17_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  display: flex;
}

.navbar17_wrapper {
  grid-column-gap: 1rem;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.menu-icon4_wrapper {
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  display: flex;
}

.navbar17_component {
  border-bottom: 0px solid var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  background-color: var(--white);
  width: 100%;
  min-height: 4.5rem;
  box-shadow: 0 2px 5px 5px var(--black-2);
  color: var(--white);
  align-items: center;
  padding: 2px 5%;
  display: flex;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.max-width-large.align-center {
  color: var(--p2p-soft-blues);
  font-family: neue-haas-grotesk-display, sans-serif;
}

.padding-global-3 {
  padding-bottom: 18px;
  padding-left: 5%;
  padding-right: 5%;
}

.heading-style-h2 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.2;
}

.footer12_top-wrapper {
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  place-items: center stretch;
}

.footer12_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 17px;
  display: flex;
}

.footer12_component {
  background-color: var(--white);
  padding-bottom: 18px;
  font-family: Inria Sans, sans-serif;
  box-shadow: inset 0 -2px 3px 6px #0003;
}

.footer12_credit-text {
  font-size: .875rem;
}

.footer12_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: flex;
}

.footer12_menu-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  margin-top: 14px;
  margin-bottom: 14px;
}

.padding-bottom, .padding-bottom.padding-xxlarge, .padding-bottom.padding-medium, .padding-bottom.padding-xxlarge, .padding-bottom.padding-medium {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.heading-style-h1-3 {
  color: var(--p2p-pretty-pink);
  text-transform: uppercase;
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}

.footer12_link {
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.footer12_social-link {
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.padding-vertical, .padding-vertical.padding-xxlarge, .padding-vertical.padding-xsmall, .padding-vertical.padding-xxlarge {
  padding-left: 0;
  padding-right: 0;
}

.footer12_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.divider-horizontal {
  width: 100%;
  height: var(--\<unknown\|relume-variable-divider-width\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-border\>);
}

.text-style-tagline {
  color: var(--midnight-blue-2);
  justify-content: center;
  align-items: center;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.text-style-tagline.text-color-white {
  font-family: Inria Serif, sans-serif;
}

.text-style-tagline.text-color-white.portfolio-headers {
  color: var(--p2p-orange);
  margin-bottom: 20px;
  font-size: .6em;
  line-height: 1em;
}

.text-align-center-5 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-size-medium-8 {
  font-size: 1.1rem;
  line-height: 1.275em;
}

.layout408_card-content {
  background-color: var(--midnight-blue);
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  display: flex;
}

.padding-section-large-8 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.button-group-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.layout408_card-content-top {
  margin-bottom: 14px;
}

.layout408_card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 7px solid var(--p2p-baby-blue);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  align-items: stretch;
  height: 80vh;
  margin-bottom: 10vh;
  display: grid;
  position: sticky;
  top: 10%;
  overflow: hidden;
}

.layout408_card.card-1 {
  background-color: var(--white);
  background-color: var(--white);
  border-style: solid;
  font-family: neuzeit-grotesk, sans-serif;
}

.section_layout408 {
  outline-color: var(--white);
  outline-offset: 0px;
  background-color: #0000;
  outline-width: 3px;
  outline-style: none;
}

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

.layout408_image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
}

.layout408_image {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
}

.heading-style-h3 {
  color: var(--p2p-pretty-pink);
  font-family: PT Serif, serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.collection-list-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 10px;
}

.paragraph-2 {
  color: var(--white);
  font-size: 1.1em;
  font-weight: 400;
}

@media screen and (min-width: 1280px) {
  .project-img {
    max-width: none;
  }
}

@media screen and (min-width: 1440px) {
  .btn-text-effect {
    text-transform: none;
    font-family: Madras, Arial, sans-serif;
    font-weight: 400;
  }

  .footer {
    background-color: var(--white);
  }

  .portfolio-card-wrapper {
    border: 1px solid var(--midnight-blue-2);
    background-color: var(--white);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80% 80%;
    height: 350px;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    grid-template-columns: 1fr 1fr;
  }

  .arrow-button {
    flex-direction: row-reverse;
  }

  .portfolio-card-wrapper {
    background-size: contain;
    height: 450px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 46px;
    line-height: 52px;
  }

  h2 {
    font-size: 40px;
    line-height: 46px;
  }

  h3 {
    font-size: 34px;
    line-height: 40px;
  }

  h4 {
    font-size: 28px;
    line-height: 34px;
  }

  h5 {
    font-size: 22px;
    line-height: 28px;
  }

  h6 {
    font-size: 16px;
    line-height: 24px;
  }

  .container {
    align-items: center;
  }

  .section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 104px;
    padding-bottom: 104px;
    display: block;
  }

  .section.section-bg-color {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .filled-btn.submit {
    margin-top: 0;
  }

  .btn-text, .btn-text-effect {
    font-size: 18px;
    line-height: 22px;
  }

  .nav-menu {
    background-color: var(--hyper-blue);
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50vw;
    padding: 80px 16px 16px;
  }

  .menu-button {
    background-color: var(--peru);
    border-radius: 50%;
    flex-direction: column;
    margin-right: 0;
    padding: 28px 24px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .menu-button.bg-mobile {
    background-color: var(--white);
    background-color: var(--white);
    border-radius: 0%;
    padding: 31px 15px;
  }

  .burger-menu {
    width: 32px;
  }

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

  .project-img {
    color: var(--663399);
  }

  .numbers-wrapper {
    width: 100%;
  }

  .numbers-block {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .text-field {
    border-radius: 0;
  }

  .utility-page-content {
    width: 50%;
  }

  ._404-wrapper {
    display: flex;
  }

  ._404 {
    flex-direction: row;
  }

  ._404-text {
    max-width: 83.334%;
    margin-top: 120px;
  }

  ._404-backdrop {
    font-size: 240px;
    line-height: 240px;
  }

  ._404-subtext {
    margin-bottom: 32px;
  }

  .paragraph {
    font-size: .9em;
    font-style: normal;
    line-height: 1.11rem;
  }

  .arrow-button {
    justify-content: flex-start;
  }

  .slider-prev {
    width: 70px;
  }

  .portfolio-card-wrapper {
    margin-bottom: 40px;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .d-75-card-wrapper {
    justify-content: flex-end;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .d-64-card-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .header156_text-wrapper {
    align-self: center;
  }

  .header156_component {
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

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

  .heading-style-h1 {
    font-size: 3.25rem;
  }

  .header156_content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .header156_image-wrapper.is-image1 {
    top: -10%;
  }

  .header156_image-wrapper.is-image3 {
    left: -30%;
  }

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

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .menu-icon4_line-middle-top {
    z-index: 2;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0;
  }

  .menu-icon4_line-middle-base {
    background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
  }

  .menu-icon4_line-middle {
    background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .menu-icon4_line-bottom {
    background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar17_bottom {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .menu-icon4_line-top {
    background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar17_link {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .menu-icon4 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .navbar17_container {
    grid-auto-columns: 1fr;
  }

  .navbar17_menu-button {
    margin-left: -.5rem;
    padding: 0;
  }

  .navbar17_menu-button.w--open {
    background-color: var(--\<unknown\|relume-variable-transparent\>);
  }

  .menu-icon4_wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .banner16_heading-wrapper {
    text-align: center;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .footer12_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h1-3 {
    font-size: 3.25rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-section-large, .padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .layout423_image {
    object-fit: cover;
  }

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

  .layout423_card {
    width: 100%;
  }

  .padding-section-large-5 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h4-2 {
    font-size: 1.75rem;
  }

  .header142_image-wrapper3 {
    top: 10%;
    left: 30%;
  }

  .header142_image-wrapper4 {
    top: 5%;
    right: 20%;
  }

  .header142_image-wrapper6 {
    max-width: 25%;
  }

  .padding-section-large-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .header142_image-wrapper5 {
    top: 10%;
  }

  .header142_image-wrapper1 {
    bottom: 10%;
  }

  .header142_image-wrapper2 {
    top: -5%;
    left: 5%;
  }

  .header142_image-wrapper7 {
    max-width: 15%;
    bottom: 5%;
  }

  .header142_image-wrapper8 {
    bottom: -5%;
  }

  .header142_component {
    height: 100svh;
  }

  .heading-style-h1-5 {
    font-size: 3.25rem;
  }

  .padding-section-large-7 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .layout408_card-content {
    padding: 2rem;
  }

  .padding-section-large-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h3 {
    font-size: 2.25rem;
  }

  .padding-section-large-9 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h2-2 {
    font-size: 2.75rem;
  }

  .gallery15_slide {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .padding-section-large-10 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h2-3 {
    font-size: 2.75rem;
  }

  .layout411_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .heading-style-h2-4 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 44px;
    line-height: 50px;
  }

  h2 {
    font-size: 38px;
    line-height: 44px;
  }

  h3 {
    font-size: 32px;
    line-height: 38px;
  }

  h4 {
    font-size: 26px;
    line-height: 32px;
  }

  h5 {
    font-size: 20px;
    line-height: 26px;
  }

  h6 {
    font-size: 14px;
    line-height: 22px;
  }

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

  .container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

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

  .section.section-bg-color {
    padding: 14px;
  }

  .menu-button.bg-mobile {
    background-color: var(--white);
    background-color: var(--white);
    border-radius: 0%;
    padding-left: 17px;
    padding-right: 17px;
  }

  .section-title {
    font-size: 30px;
    line-height: 36px;
  }

  .numbers-value {
    font-size: 42px;
    line-height: 48px;
  }

  .numbers-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer {
    flex-direction: column;
    padding-left: 32px;
    padding-right: 32px;
  }

  .copyright-block {
    margin-bottom: 8px;
  }

  .copyright-text {
    text-align: center;
    margin-bottom: 8px;
  }

  ._404-text {
    margin-top: 120px;
  }

  ._404-subtext {
    margin-top: 8px;
    margin-bottom: 24px;
  }

  .protected-icon {
    height: 40px;
  }

  .paragraph {
    font-size: 1em;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .portfolio20_item-link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .layout485_content {
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

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

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .header156_content-bottom {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .header156_image {
    aspect-ratio: 2 / 3;
  }

  .header156_content-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .header156_image-wrapper.is-image1 {
    top: -5%;
  }

  .header156_image-wrapper.is-image2 {
    top: 10%;
  }

  .header156_image-wrapper.is-image3 {
    bottom: 30%;
  }

  .header156_image-wrapper.is-image4 {
    bottom: 10%;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .button-2.is-navbar17-button {
    padding: .25rem 1rem;
  }

  .navbar17_menu-wrapper {
    padding-top: 4rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .navbar17_link {
    font-size: 2rem;
  }

  .navbar17_links-wrapper {
    font-size: 1.5rem;
  }

  .navbar17_component {
    min-height: 4rem;
  }

  .banner16_image-wrapper {
    height: 4rem;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .footer12_top-wrapper {
    grid-row-gap: 3rem;
  }

  .footer12_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer12_credit-text {
    margin-top: 1.25rem;
  }

  .footer12_menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h1-3 {
    font-size: 2.5rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial4_client {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .testimonial4_client-info {
    margin-bottom: 1rem;
  }

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

  .text-size-medium-3 {
    font-size: 1rem;
  }

  .faq11_answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

  .faq11_icon-wrapper {
    width: 1.75rem;
  }

  .faq11_question {
    padding: 1rem 1.25rem;
  }

  .faq11_content {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .layout517_card {
    grid-template-columns: 1fr;
    width: 90%;
    padding: 1.5rem;
  }

  .text-size-medium-5 {
    font-size: 1rem;
  }

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

  .layout423_card {
    grid-template-columns: 1fr;
    width: 100%;
    padding: 1.5rem;
  }

  .text-size-medium-6 {
    font-size: 1rem;
  }

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

  .heading-style-h4-2 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .text-size-medium-7 {
    font-size: 1rem;
  }

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

  .text-size-medium-8 {
    font-size: 1rem;
  }

  .heading-style-h1-5 {
    font-size: 2.5rem;
  }

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

  .layout408_card-content {
    padding: 1.5rem;
  }

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

  .layout408_card {
    grid-template-columns: 1fr;
    height: auto;
    margin-bottom: 0;
    position: static;
  }

  .layout408_image-wrapper {
    height: auto;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .form_field-2col.is-mobile-1col {
    grid-template-columns: 1fr;
  }

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

  .text-size-medium-9 {
    font-size: 1rem;
  }

  .heading-style-h2-2 {
    font-size: 2.25rem;
  }

  .gallery15_slider {
    padding-bottom: 3rem;
  }

  .text-size-medium-10 {
    font-size: 1rem;
  }

  .gallery15_slide {
    padding-left: 0;
    padding-right: 0;
  }

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

  .heading-style-h2-3 {
    font-size: 2.25rem;
  }

  .layout411_mobile-image-wrapper {
    background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5ecd6c9f1dfd952702fc8db4/678a8027588e3960d7b7401a_6191a88a1c0e39463c2bf022_placeholder-image.svg");
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    width: 100%;
    margin-top: 2.5rem;
    padding: 10%;
    display: block;
  }

  .text-size-medium-11 {
    font-size: 1rem;
  }

  .layout411_content {
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .layout411_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .layout411_mobile-image {
    position: static;
  }

  .heading-style-h2-4 {
    font-size: 2.25rem;
  }

  .layout411_desktop-sticky-images {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 42px;
    line-height: 48px;
  }

  h2 {
    font-size: 36px;
    line-height: 42px;
  }

  h3 {
    font-size: 30px;
    line-height: 36px;
  }

  h4 {
    font-size: 24px;
    line-height: 30px;
  }

  h5 {
    font-size: 18px;
    line-height: 24px;
  }

  .container {
    flex: 0 auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 16px;
  }

  .section {
    height: auto;
    margin-bottom: 77px;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .section.section-bg-color {
    padding: 9px;
  }

  .filled-btn.submit {
    white-space: normal;
    white-space: normal;
    width: 100%;
    margin-right: 0;
    display: inline-block;
    position: static;
    overflow: visible;
  }

  .filled-btn-text-wrapper {
    height: 23px;
  }

  .btn-text, .btn-text-effect {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }

  .nav-menu {
    background-color: var(--white);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80vw;
    position: absolute;
  }

  .brand.w--current {
    flex-direction: row;
    display: block;
  }

  .nav-link {
    color: var(--hyper-blue);
  }

  .menu-button.bg-mobile {
    background-color: var(--white);
    background-color: var(--white);
    border-radius: 0%;
    padding: 24px 8px 0;
  }

  .line-1 {
    border: 1px solid var(--white);
  }

  .line-1.dark {
    color: var(--black);
    background-color: #000;
    border-color: #000;
  }

  .burger-menu {
    background-color: var(--white);
  }

  .navbar.transparent {
    flex-direction: row;
    justify-content: center;
    display: flex;
  }

  .logo-line {
    margin-left: -17px;
    margin-right: 15px;
  }

  .line-2 {
    border: 1px solid var(--white);
  }

  .line-2.dark {
    border-color: var(--black);
    background-color: var(--black);
    border-color: var(--black);
    background-color: var(--black);
  }

  .line-3 {
    border: 1px solid var(--white);
  }

  .line-3.dark {
    border-color: var(--black);
    background-color: var(--black);
    color: var(--black);
    border-color: var(--black);
    background-color: var(--black);
  }

  .text-bg-accent {
    font-size: 12px;
  }

  .section-title {
    margin-left: 16px;
    font-size: 22px;
    line-height: 30px;
  }

  .numbers-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 19px;
    padding-bottom: 10px;
    display: flex;
    position: static;
    inset: 0 0% 0%;
  }

  .copyright-link {
    font-weight: 400;
  }

  .nav-link-wrap {
    margin-bottom: 8px;
  }

  .utility-page-content {
    width: 80%;
  }

  ._404-text {
    font-size: 30px;
    line-height: 36px;
  }

  ._404-backdrop {
    font-size: 168px;
    line-height: 126px;
  }

  ._404-subtext {
    max-width: 100%;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
  }

  .protected-icon {
    height: 32px;
  }

  .item {
    align-self: flex-start;
    margin-right: .6em;
  }

  .paragraph {
    text-align: center;
    flex-direction: row;
    margin-bottom: 1em;
    font-size: 1em;
  }

  .portfolio-card-wrapper {
    height: auto;
    padding: 10px;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .d-75-card-wrapper {
    width: 250px;
    margin-left: 0;
    margin-right: 0;
  }

  .d-64-card-wrapper {
    width: 275px;
  }

  .portfolio20_item-link {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .layout485_content {
    height: auto;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .header156_content-wrapper {
    grid-template-columns: 1fr;
  }

  .header156_image-wrapper.is-image1 {
    top: -2%;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .footer12_menu-wrapper {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

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

  .layout423_image {
    object-fit: scale-down;
    margin-top: 0;
  }

  .collection-list {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .header142_image-wrapper3 {
    max-width: 18%;
    top: 8%;
  }

  .header142_image-wrapper4 {
    max-width: 25%;
    top: -2%;
  }

  .header142_image-wrapper6 {
    right: -5%;
  }

  .header142_image-wrapper5 {
    max-width: 20%;
  }

  .header142_image-wrapper1 {
    bottom: 5%;
  }

  .header142_image-wrapper2 {
    max-width: 30%;
    left: 2%;
  }

  .header142_image-wrapper7 {
    max-width: 18%;
    right: 32%;
  }

  .header142_image-wrapper8 {
    max-width: 18%;
    bottom: -2%;
  }

  .layout411_content {
    height: auto;
  }

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