/* Pretendard + Inter unified font stack */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

body,
.heading-style-h2-2 {
  font-family: 'Pretendard Variable', Pretendard, Inter, sans-serif !important;
}

/* Global styles */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
}

*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
  outline: 0.125rem solid #4d65ff;
  outline-offset: 0.125rem;
}

.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
  margin-bottom: 0 !important;
}

.pointer-events-off {
  pointer-events: none;
}

.pointer-events-on {
  pointer-events: auto;
}

.container-medium,.container-small, .container-large {
  margin-right: auto !important;
  margin-left: auto !important;
}

.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .hide, .hide-tablet {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hide-mobile-landscape{
    display: none !important;
  }
}

@media screen and (max-width: 479px) {
  .hide-mobile{
    display: none !important;
  }
}

.margin-0 {
  margin: 0rem !important;
}

.padding-0 {
  padding: 0rem !important;
}

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

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

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

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

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

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

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

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

.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

:root {
  --black: #171717;
  --light-grey: #f8f8f8;
  --green: #b2d459;
  --white: white;
  --border-gray\<deleted\|variable-d65041a8\>: #c5c5c5;
  --grey: #f2f2f2;
  --grey\<deleted\|variable-305a1b7c\>: #818181;
}

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

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  color: var(--black);
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
}

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

a.w--current {
  border-radius: .4375rem;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

img {
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .1875rem solid var(--black);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

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

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

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

.form-message-error {
  border-radius: .4375rem;
  margin-top: .75rem;
  padding: .75rem;
}

.utility-component {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-form-block {
  background-color: var(--light-grey);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 5rem;
  display: flex;
}

.utility-form {
  background-color: var(--green);
  border-radius: 3rem;
  flex-direction: column;
  align-items: stretch;
  padding: 5rem;
  display: flex;
}

.main-wrapper.max-width-full {
  border: 1px #000;
  flex-flow: wrap;
  order: -1;
  justify-content: center;
  align-items: center;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-xlarge {
  margin: 4rem;
}

.padding-xxsmall {
  padding: .5rem;
}

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

.margin-top.margin-xxsmall {
  margin: .5rem 0 0;
}

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

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

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

.weight-medium {
  font-weight: 500;
}

.text-size-medium {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 400;
  display: block;
}

.text-size-medium.max-width-small {
  max-width: 35rem;
}

.text-quote {
  border-left: .1875rem solid #000;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

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

.heading-style-h2.weight-medium {
  font-weight: 500;
}

.styleguide-heading {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  border-radius: 1rem;
  justify-content: flex-start;
  align-self: stretch;
  margin-bottom: 2rem;
  padding: .5rem 1rem;
  font-size: 2rem;
  position: static;
  top: 0;
}

.styleguide-grid-colors {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.heading-style-h6 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

.styleguide-item-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  align-items: center;
  display: flex;
}

.icon-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.styleguide-empty-space {
  z-index: -1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  position: relative;
}

.styleguide-icon-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

.heading-style-h5.weight-medium {
  font-weight: 500;
}

.heading-style-h1 {
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.2;
}

.heading-style-h1.weight-normal.max-width-large {
  max-width: 50rem;
}

.heading-style-h1.weight-medium {
  font-weight: 500;
}

.text-size-tiny {
  font-size: .75rem;
}

.button {
  grid-column-gap: .5rem;
  border: 1px solid #616264;
  background-color: #616264;
  color: var(--white);
  text-align: center;
  text-transform: none;
  border-radius: 100rem;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  transition: color .35s;
  display: flex;
}

.button:hover {
  color: var(--green);
}

.button.w--current {
  border-radius: 100rem;
}

.button.is-navbar {
  background-color: #5dc3df;
  border-color: #5dc3df;
}

.button.is-alternate {
  border-style: solid;
  border-color: var(--white);
  background-color: var(--white);
  color: #000;
}

.button.is-alternate:hover {
  border-color: var(--green);
  background-color: var(--green);
}

.weight-normal {
  font-weight: 400;
}

.heading-style-h4 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
}

.text-italic {
  font-style: italic;
}

.icon-xxsmall {
  width: 1rem;
  height: 1rem;
}

.styleguide-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 1rem;
  display: grid;
}

.styleguide-item.is-stretch {
  grid-row-gap: 1rem;
  justify-items: stretch;
}

.icon-xlarge {
  width: 6.5rem;
  height: 6.5rem;
}

.weight-light {
  font-weight: 300;
}

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

.text-size-regular.max-width-medium {
  display: flex;
}

.weight-xbold {
  font-weight: 800;
}

.text-right {
  text-align: right;
  width: 100%;
}

.weight-bold {
  font-weight: 700;
}

.heading-style-h3 {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.heading-style-h3.weight-medium {
  font-weight: 500;
}

.icon-large {
  width: 5rem;
  height: 5rem;
}

.form-input {
  border: 1px solid var(--border-gray\<deleted\|variable-d65041a8\>);
  background-color: var(--white);
  color: var(--black);
  border-radius: 100rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem .5rem 1rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: border-color .3s;
}

.form-input:hover, .form-input:focus {
  border: 1px solid var(--black);
}

.form-input::placeholder {
  color: #7c7c7c;
}

.styleguide-button-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  white-space: normal;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  grid-auto-flow: row;
  place-items: center start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  display: grid;
}

.styleguide-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-bottom: 4rem;
}

.styleguide-color {
  justify-content: center;
  align-items: center;
  padding-bottom: 8rem;
  display: flex;
}

.styleguide-color.is-black {
  background-color: var(--black);
  color: var(--black);
}

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

.styleguide-color.is-grey {
  background-color: var(--grey);
}

.styleguide-color.is-green {
  background-color: var(--green);
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: stretch;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
  align-items: center;
}

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

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

.weight-semibold {
  font-weight: 600;
}

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

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

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

.styleguide-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.styleguide-subheading {
  z-index: 3;
  background-color: var(--grey);
  color: var(--black);
  margin-bottom: 2rem;
  padding: .5rem 1rem;
  font-size: 2rem;
  position: static;
  top: 2rem;
}

.text-allcaps {
  text-transform: uppercase;
}

.text-align-center {
  text-align: center;
  width: 100%;
  padding-top: 0;
}

.styleguide-colors {
  flex-direction: column;
  display: flex;
}

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

.styleguide-elements {
  background-color: var(--grey);
  border-radius: 3rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 3rem;
}

.icon-small {
  width: 2rem;
  height: 2rem;
}

.styleguide-typography {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

.rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.rich-text h2, .rich-text h3, .rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

.rich-text h5, .rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

.rich-text p {
  margin-bottom: 1rem;
}

.rich-text a {
  text-decoration: underline;
}

.rich-text figcaption {
  border-left: 2px solid var(--black);
  text-align: left;
  margin-top: .5rem;
  padding-left: .5rem;
  font-size: .875rem;
}

.icon-medium {
  width: 3rem;
  height: 3rem;
}

.text-size-large {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3;
}

.padding-global {
  padding-top: 6rem;
  padding-left: 5%;
  padding-right: 5%;
  display: block;
}

.padding-global.is-2rem {
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: block;
}

.section-padding-large {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.section-padding-large.smaller-padding-mobile {
  display: block;
}

.text-span {
  text-transform: none;
}

.button-secondary {
  grid-column-gap: .5rem;
  border: 1px solid var(--black);
  color: var(--black);
  text-align: center;
  background-color: #0000;
  border-radius: 100rem;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  transition: color .3s, border-color .35s, background-color .35s;
  display: flex;
}

.button-secondary:hover {
  border-color: var(--black);
  background-color: var(--black);
  color: var(--white);
}

.button-secondary.is-alternate {
  border-color: var(--white);
  color: var(--white);
}

.button-secondary.is-alternate:hover {
  border-color: var(--green);
  background-color: var(--green);
  color: var(--black);
}

.button-link {
  grid-column-gap: .5rem;
  border: 1px none var(--black);
  color: var(--black);
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: .25rem 0;
  font-size: .875rem;
  line-height: 1;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.button-link:hover {
  color: #5e5e5e;
}

.button-link.is-alternate {
  color: var(--white);
}

.button-link.is-alternate:hover {
  color: var(--green);
}

.styleguide-logo {
  width: 100px;
}

.background-grey {
  background-color: var(--grey);
}

.button-wrapper {
  display: flex;
}

.button-arrow {
  color: var(--grey\<deleted\|variable-305a1b7c\>);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.4rem;
  display: flex;
}

.button-arrow.is-white {
  color: var(--white);
}

.utility-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--black);
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  padding: .25rem 1rem;
  transition: color .3s;
  display: flex;
}

.utility-button:hover {
  color: var(--green);
}

.utility-button.w--current {
  border-radius: 100rem;
}

.styleguide-classes {
  border: 2px solid var(--black);
  border-radius: 3rem;
  padding: 3rem;
}

.styleguide-label {
  color: #1d1d1d;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #0000;
  padding: .25rem .5rem .25rem 0;
  font-size: .75rem;
  display: inline-block;
}

.container-small {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}

.styleguide-spacing {
  border: 1px dashed #d3d3d3;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-large {
  object-fit: fill;
  width: 100%;
  max-width: 65rem;
}

.max-width-large.align-center {
  flex-flow: wrap;
  display: block;
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.padding-bottom, .padding-bottom.padding-large, .padding-bottom.padding-small, .padding-bottom.padding-huge {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

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

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

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

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

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

.padding-0 {
  padding: 0;
}

.padding-tiny {
  padding: .25rem;
}

.padding-xsmall {
  padding: 1rem;
}

.padding-small {
  padding: 1.5rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 7rem;
}

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

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

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

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

.margin-0 {
  margin: 0;
}

.margin-tiny {
  margin: .25rem;
}

.margin-xxsmall {
  margin: .5rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 7rem;
}

.hide {
  display: none;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.button-text-item {
  text-transform: none;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  font-size: 1rem;
  font-family: Inter, sans-serif;
  line-height: 1.1;
  display: flex;
}

.button-text-item.text-black {
  color: var(--black);
}

.button-text-item.is-small {
  font-size: .875rem;
}

.text-colour-green {
  color: var(--green);
}

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

.section-client-logos {
  display: none;
}

.text-colour-grey {
  color: var(--grey);
}

.navbar-on-page {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.background-green {
  background-color: var(--green);
}

.navbar-link {
  color: #fff;
  border-radius: 100rem;
  padding: .5rem .75rem;
  font-size: .9375rem;
  font-family: Inter, sans-serif;
  text-transform: uppercase;
  transition: background-color .3s;
}

.navbar-link:hover {
  background-color: var(--green);
  color: var(--black);
}

.navbar-link.w--current {
  color: #f48276;
  font-weight: 500;
  font-size: 1rem;
}

.navbar-link.w--current:hover {
  background-color: transparent;
  color: #f48276;
}

/* GNB active by data-page — webflow.js override 방지 */
[data-page="about-us"] a[href*="about-us"].navbar-link,
[data-page="web"] a[href*="/web"].navbar-link,
[data-page="net"] a[href*="/net"].navbar-link,
[data-page="shop"] a[href*="/shop"].navbar-link,
[data-page="portfolio"] a[href*="portfolio"].navbar-link,
[data-page="contact"] a[href*="contact"].navbar-link {
  color: #f48276 !important;
  font-weight: 500;
}

.navbar-menu-button {
  padding: 0;
}

.navbar-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: linear-gradient(135deg, rgba(30,40,60,0.92) 0%, rgba(45,58,80,0.88) 100%);
  border: 1px solid rgba(255,255,255,0.5);
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
  border-radius: 100rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 105rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem;
  display: flex;
  position: relative;
}

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

/* Phone call modal */
.phone-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.phone-modal-overlay.is-active {
  display: flex;
}

.phone-modal {
  background-color: #fff;
  border-radius: 1rem;
  padding: 2.5rem 2rem 2rem;
  max-width: 24rem;
  width: 90%;
  text-align: center;
  position: relative;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.15);
}

.phone-modal-icon {
  width: 3rem;
  height: 3rem;
  margin: 0 auto 1rem;
  border-radius: 50%;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.phone-modal-message {
  font-size: 1rem;
  line-height: 1.6;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.phone-modal-close {
  display: inline-block;
  padding: .625rem 1.5rem;
  background-color: #616264;
  color: #fff;
  border: none;
  border-radius: 100rem;
  font-size: .875rem;
  cursor: pointer;
  transition: color .35s;
}

.phone-modal-close:hover {
  color: var(--green);
}

.navbar-logo-link {
  padding-left: 0;
  float: none;
  display: flex;
  align-items: center;
}

.navbar-component {
  background-color: #0000;
  align-items: center;
  margin-top: 1.5rem;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-menu-link-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-logo {
  width: 5.5rem;
  margin-left: 23px;
}

.navbar-button-wrapper {
  grid-column-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  right: 0;
}

.navbar-menu {
  align-items: center;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.header-image-wrapper {
  border-radius: 3rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.header-image {
  object-fit: cover;
  border-radius: 3rem;
  width: 100%;
  height: 100%;
}

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

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

.tagline-pill {
  background-color: var(--green);
  border-radius: 100rem;
  margin-bottom: 1rem;
  padding: .35rem .75rem;
  font-size: .875rem;
  line-height: 1.3;
  display: inline-block;
}

.services-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  display: grid;
}

.service-name {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

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

.service-description {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding-bottom 0.4s ease;
  padding-bottom: 0;
}

.service-accordion-3.is-open .service-description {
  max-height: 2000px;
  padding-bottom: 1.5rem;
}

.accordion-icon-wrapper-2 {
  transition: transform 0.3s ease;
}

.service-accordion-3.is-open .accordion-icon-wrapper-2 {
  transform: rotate(45deg);
}

.service-content .heading-style-h4 {
  font-size: 1.2rem;
}

.service-content .text-size-medium-3 {
  font-size: 1.2rem;
}

.service-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.text-weight-semibold {
  font-weight: 600;
}

.service-image-wrapper {
  border-radius: 2rem;
  overflow: hidden;
}

.service-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section-services {
  margin-left: 5%;
  margin-right: 5%;
}

.team-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  justify-items: center;
  display: grid;
}

.team-item {
  background-color: var(--light-grey);
  border-radius: 2rem;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
}

.team-image-wrapper {
  border-radius: 1.5rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.team-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-member-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.team-member-wrapper .text-size-medium {
  font-size: .8rem;
  color: #666;
}

.team-socials {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  background-color: var(--green);
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: auto;
  padding: .25rem 1rem;
  display: flex;
}

.team-social-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.member-info-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--white);
  border-radius: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
}

.section-team .padding-global {
  padding-bottom: 0;
}

.section-values .padding-global {
  padding-top: 0;
}

.footer-component .padding-top.padding-xxlarge {
  padding-top: 0;
}

.step-list {
  display: flex;
  flex-direction: column;
}

.step-item {
  display: flex;
  gap: 1.5rem;
}

.step-number-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

.step-circle {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #e8edf2;
  color: #4a5568;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.step-line {
  width: 2px;
  flex: 1;
  background-color: #e0e4e8;
  margin: .5rem 0;
}

.step-content {
  padding-bottom: 2rem;
}

.step-item:last-child .step-content {
  padding-bottom: 0;
}

.step-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: .5rem;
  line-height: 1.4;
}

.step-desc {
  font-size: .95rem;
  color: #555;
  line-height: 1.6;
}

.benefit-cards {
  display: flex;
  gap: 1rem;
}

.benefit-card {
  flex: 1;
  border-radius: 1rem;
  padding: 1.5rem;
  color: #fff;
  text-align: center;
}

.benefit-card-black {
  background: linear-gradient(135deg, #3d3225 0%, #5a4a3a 100%);
}

.benefit-card-dark {
  background: linear-gradient(135deg, #3d3225 0%, #5a4a3a 100%);
}

.benefit-card-green {
  background: linear-gradient(135deg, #3d3225 0%, #5a4a3a 100%);
}

.benefit-card-label {
  font-size: .85rem;
  margin-bottom: .5rem;
  white-space: nowrap;
}

.benefit-card-value {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.benefit-card-unit {
  font-size: 1.5rem;
  font-weight: 600;
}

.team-section-header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
  display: flex;
}

.projects-component {
  flex-direction: column;
  align-items: center;
  display: block;
}

.project-list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.project-item {
  border: 1px solid var(--light-grey);
  background-color: var(--light-grey);
  border-radius: 2rem;
  padding: 1rem;
  transition: border-color .3s;
}

.project-item:hover {
  border: 1px solid var(--black);
}

.project-item-link {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.project-image-wrapper {
  border-radius: 1.5rem;
  width: 100%;
  overflow: hidden;
}

.project-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.project-title-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 1.5rem 1.25rem;
  display: flex;
}

.project-item-content-top {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.project-tag-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 1rem;
  display: flex;
}

.project-tag {
  background-color: var(--green);
  border-radius: 100rem;
  padding: .25rem .75rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.project-tag.w--current {
  border-bottom: 2px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.project-button-wrapper {
  margin-top: 1.5rem;
  display: flex;
}

.project-section-header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
  display: flex;
}

.footer-top-wrapper {
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: start;
}

.footer-left-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-logo-link {
  padding-left: 0;
}

.footer-form-block {
  max-width: 35rem;
  margin-bottom: 0;
}

.footer-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: .75rem;
  display: grid;
}

.input-form {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--green);
  background-color: var(--white);
  color: var(--black);
  border-radius: 100rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem .5rem 1rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: border-color .3s;
}

.input-form:hover {
  border-bottom: 2px solid var(--black);
}

.input-form:focus {
  border-color: #000 #000 var(--black);
  border-bottom-style: solid;
}

.input-form::placeholder {
  color: #0009;
}

.input-form.is-text-area {
  border-radius: 1rem;
  min-height: 11.5rem;
  padding: 1rem;
}

.success-message {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  padding: 1.5rem;
}

.error-message {
  border: 2px solid var(--white);
  border-radius: 1rem;
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.footer-menu-wrapper {
  grid-column-gap: 6rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content max-content;
  align-items: start;
}

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

.footer-link {
  border-radius: 100rem;
  padding: .5rem .75rem;
  font-size: .875rem;
  text-decoration: none;
  transition: background-color .3s;
}

.footer-link:hover {
  background-color: var(--green);
}

.footer-link.w--current {
  border-radius: 100rem;
}

.footer-social-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--green);
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.social-icon {
  background-color: var(--black);
  border-radius: 100rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  display: flex;
}

.footer-line-divider {
  background-color: var(--black);
  width: 100%;
  height: 1px;
}

.footer-credit-text {
  font-size: .875rem;
}

.footer-logo {
  width: 9.5rem;
}

.newsletter-footer-wrapper {
  background-color: var(--green);
  border-radius: 2rem;
  padding: 1.5rem;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-span-6, .influx, .webflow {
  color: var(--black);
  font-weight: 500;
  text-decoration: underline;
}

.footer-address {
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  padding: .5rem .75rem;
  font-size: .875rem;
  text-decoration: none;
}

.footer-contact-icon {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
  vertical-align: middle;
}

.footer-link-with-icon {
  display: flex;
  align-items: center;
}

.footer-address-with-icon {
  display: flex;
  align-items: flex-start;
}

.footer-social-links-row {
  display: flex;
  flex-direction: column;
}

.footer-links-list-title {
  margin-bottom: 1rem;
  padding-left: .75rem;
}

.section-subpage-hero-header {
  padding-top: 4rem;
}

.subpage-header-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.subpage-header-image-wrapper {
  border-radius: 3rem;
  overflow: hidden;
}

.subpage-header-image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 3rem;
  width: 100%;
  height: 100%;
}

.stats-component {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.stats-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.stats-item {
  background-color: var(--white);
  border-radius: 2rem;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.stats-item.is-green {
  background-color: var(--green);
}

.stats-item.is-dark {
  background-color: var(--black);
  color: var(--white);
}

.stat-number {
  font-size: 5rem;
  font-weight: 600;
  line-height: 1.3;
}

.stat-image-wrapper {
  border-radius: 2rem;
  height: 100%;
  overflow: hidden;
}

.stat-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section-stat {
  margin-left: 5%;
  margin-right: 5%;
}

.stats-component-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.section-cta {
  display: none;
}

.cta-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: block;
  overflow: hidden;
}

.cta-card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--light-grey);
  border-radius: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 2rem;
  display: grid;
  overflow: hidden;
}

.cta-card-conent {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem;
  display: flex;
}

.cta-image-wrapper {
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.cta-image {
  border-radius: 1.5rem;
  width: 100%;
  height: 100%;
}

.values-component {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 6rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}


.values-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.values-item {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--green);
  border-radius: 2rem;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.values-item.is-grey {
  background-color: var(--grey);
}

.section-contact {
  margin-top: 4rem;
}

.contact-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.contact-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-icon {
  background-color: var(--black);
  color: var(--green);
  border-radius: 100rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  display: flex;
}

.contact-form-block {
  background-color: var(--green);
  border-radius: 3rem;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
  padding: 2rem;
}

.contact-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-field-wrapper {
  position: relative;
}

.form-field-label {
  margin-bottom: .5rem;
  padding-left: 1rem;
  font-weight: 400;
}

.success-text {
  font-weight: 600;
}

.error-text {
  color: #e23939;
}

.form-field-2col {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-button-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.blogs-component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.blogs-list-wrapper {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  padding-right: 0;
  display: flex;
}

.blogs-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.blog-item {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 2rem;
  padding: 1rem;
  transition: border-color .3s;
}

.blog-item:hover {
  border: 1px solid var(--black);
}

.blog-item.is-light-grey {
  background-color: var(--light-grey);
}

.blog-item-link {
  border-style: none;
  border-width: 1px;
  border-radius: 0;
  flex-direction: column;
  height: 100%;
  display: flex;
}

.blog-image-wrapper {
  background-color: var(--white);
  border-radius: 1.5rem;
  width: 100%;
  overflow: hidden;
}

.blog-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-title-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 1.5rem 1.25rem .5rem;
  display: flex;
}

.blog-button-wrapper {
  margin-top: 1.5rem;
  display: flex;
}

.section-case-study-header {
  margin-top: 4rem;
}

.case-study-header-content-wrapper {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.case-study-tags-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  margin-bottom: 1.5rem;
  display: flex;
}

.case-study-information-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-study-header-image-wrapper {
  border-radius: 3rem;
  flex: 1;
  width: 100%;
  height: 85vh;
  overflow: hidden;
}

.case-study-header-image {
  object-fit: cover;
  border-radius: 3rem;
  width: 100%;
  height: 100%;
}

.section-case-study-details {
  margin-left: 5%;
  margin-right: 5%;
}

.case-study-details-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}

.section-blog-header {
  margin-top: 4rem;
}

.blog-header-content-wrapper {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-date-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.blog-date {
  background-color: var(--green);
  border-radius: 100rem;
  padding: .25rem .75rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.blog-date.w--current {
  border-bottom: 2px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.blog-header-image-wrapper {
  border-radius: 3rem;
  flex: 1;
  width: 100%;
  height: 85vh;
  overflow: hidden;
}

.blog-header-image {
  object-fit: cover;
  border-radius: 3rem;
  width: 100%;
  height: 100%;
}

.section-blog-details {
  margin-left: 5%;
  margin-right: 5%;
}

.blog-details-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}

.blog-section-header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
  display: flex;
}

.pricing-card-list-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.pricing-card-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 1.25rem;
  flex-flow: column;
  padding: 1.7rem;
  display: flex;
  box-shadow: 0 0 8px #0000000f;
}

.pricing-description-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.heading-style-h2-2 {
  font-family: Inter, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.pricing-feature-list-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.pricing-features-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  padding-left: 0;
  display: flex;
}

.pricing-features-list.padding-bottom2 {
  text-align: left;
}

.icon-pricing-list-item {
  width: 1.25rem;
}

.pricing-card-wrapper {
  border-radius: 1.25rem;
  justify-content: flex-start;
  align-items: stretch;
  box-shadow: 0 0 8px #0000001f;
}

.pricing-card-wrapper.is-popular {
  background-color: #0e121b;
  border-radius: 1.25rem;
  padding: .125rem;
  box-shadow: 0 0 8px #0000001f;
}

.pricing-label {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.pricing-label.text-align-center.text-size-medium.text-weight-medium.text-color-alternate {
  color: var(--green);
}

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

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #0000;
  background-image: linear-gradient(#0e121b 40%, #6d7a97);
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding: .6875rem 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  transition: background-position .3s;
  display: flex;
  box-shadow: inset 0 0 12px #fff6;
}

.button-2:hover {
  background-image: linear-gradient(0deg, #0e121b 40%, #6d7a97);
}

.button-2.is-secondary {
  color: #111729;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e3e8ef;
}

.button-2.is-secondary:hover {
  background-color: #f1f4f8;
}

.button-2.is-small {
  padding: .5625rem 1.5rem;
  font-size: .875rem;
}

.padding-global-2 {
  padding-top: 4rem;
  padding-left: 5%;
  padding-right: 5%;
}

.padding-global-2.is-2rem {
  padding-left: 2rem;
  padding-right: 2rem;
}

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

.button-3 {
  grid-column-gap: .5rem;
  color: #fff;
  text-align: center;
  text-transform: none;
  background-color: #616264;
  border: 1px solid #616264;
  border-radius: 100rem;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  transition: color .35s;
  display: flex;
}

.button-3:hover {
  color: #b2d459;
}

.button-3.w--current {
  border-radius: 100rem;
}

.feature-item-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.padding-global-3 {
  padding-left: 15px;
  padding-right: 15px;
}

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

.padding-global-4.is-2rem {
  padding-left: 2rem;
  padding-right: 2rem;
}

.text-size-medium-3 {
  font-size: 1.25rem;
  font-weight: 400;
}

.text-size-medium-3.max-width-small {
  max-width: 35rem;
}

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

.accordion-icon-wrapper-2 {
  background-color: #b2d459;
  border-radius: 100rem;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-left: 1.5rem;
  padding: 4px;
  display: flex;
}

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

.services-component-wrapper-3 {
  background-color: #f8f8f8;
  border-radius: 3rem;
  max-width: 105rem;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
}

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

.padding-global-5.is-2rem {
  padding-left: 2rem;
  padding-right: 2rem;
}

.button-text-item-4 {
  text-transform: none;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.1;
  display: flex;
}

.tagline-pill-4 {
  background-color: #b2d459;
  border-radius: 100rem;
  margin-bottom: 1rem;
  padding: .35rem .75rem;
  font-size: .875rem;
  line-height: 1.3;
  display: inline-block;
}

.service-accordion-3 {
  border: 1px solid #171717;
  border-radius: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  transition: background-color .3s;
}

.service-accordion-3:hover {
  background-color: #f2f2f2;
}

.button-text-item-5 {
  text-transform: none;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.1;
  display: flex;
}

.stats-section-header-2 {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
  display: flex;
}

.project-item-2 {
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  border-radius: 2rem;
  padding: 1rem;
  transition: border-color .3s;
}

.project-item-2:hover {
  border: 1px solid #171717;
}

.projects-component-2 {
  flex-direction: column;
  align-items: center;
}

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

.project-tag-2 {
  background-color: #b2d459;
  border-radius: 100rem;
  padding: .25rem .75rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.project-tag-2.w--current {
  border-bottom: 2px solid;
}

.div-block-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .heading-style-h2.weight-medium {
    object-fit: fill;
  }

  .text-size-regular {
    flex: 1;
  }

  .button-secondary {
    object-fit: fill;
  }

  .navbar-logo {
    width: 5.5rem;
  }

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

      .feature-item-wrapper {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

          }

@media screen and (max-width: 991px) {
  .hero-video {
    display: none !important;
  }

  .hero-image-mobile {
    display: block !important;
  }

  h1 {
    font-size: 6.5vw;
  }

  h2 {
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

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

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

  .text-size-medium {
    justify-content: flex-start;
    align-items: center;
  }

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

  .styleguide-icon-list {
    grid-auto-flow: row;
  }

  .heading-style-h1 {
    font-size: 6.5vw;
  }

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

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

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

  .section-contact .section-padding-large {
    padding-top: 1.4rem;
  }

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

  .padding-bottom.padding-huge {
    padding-bottom: 6rem;
  }

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

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

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

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

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

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

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .hide-tablet {
    display: none;
  }

            .menu-icon-line-bottom {
    background-color: var(--black);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-link {
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar-link:hover {
    background-color: var(--grey);
  }

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

  .navbar-menu-button {
    padding: 0;
  }

  .navbar-menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon-line-top {
    background-color: var(--black);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-container {
    padding-right: 1.5rem;
  }

  .navbar-component {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .navbar-component .w-nav-overlay {
    left: 5%;
    right: 5%;
    width: auto;
  }

  .navbar-menu-link-wrapper {
    border: 1px none var(--\<unknown\|relume-variable-border-color-1\>);
    background-color: var(--light-grey);
    flex-direction: column;
    width: 100%;
    padding: 2rem;
  }

  .menu-icon-line-middle {
    background-color: var(--black);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar-button-wrapper {
    display: none;
  }

  .navbar-menu {
    position: static;
    left: auto;
    transform: none;
    background-color: var(--grey);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-radius: 2rem;
    justify-content: center;
    width: 100%;
    margin-top: 1rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .menu-icon-line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .header-image-wrapper, .header-image {
    border-radius: 2rem;
  }

      .service-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .team-list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .team-section-header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

    .project-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .project-item {
    border-radius: 1.5rem;
  }

  .project-image-wrapper {
    border-radius: 1rem;
  }

  .project-image {
    aspect-ratio: 1;
  }

  .project-title-wrapper {
    padding: 1.25rem 1rem;
  }

  .project-section-header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

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

  .subpage-header-component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .section-subpage-hero-header {
    padding-top: 0;
  }

  .section-subpage-hero-header + .section-projects > .padding-global,
  .section-subpage-hero-header + .section-values {
    padding-top: 4rem;
  }

  .section-subpage-hero-header ~ .section-values .values-component {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-subpage-hero-header ~ .section-values .margin-bottom.margin-large {
    margin-bottom: 0;
  }

  .subpage-header-image-wrapper {
    border-radius: 2rem;
    position: relative !important;
    min-height: 50vw !important;
    align-self: auto !important;
  }

  .subpage-header-image-wrapper .subpage-header-image {
    border-radius: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .stats-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .stat-number {
    font-size: 4rem;
  }

    .stats-component-wrapper {
    border-radius: 2rem;
  }

  .cta-card {
    border-radius: 2rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
    padding-left: 2rem;
  }

  .cta-card-conent {
    padding: 0 0 2rem;
  }

  .values-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

            .contact-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .contact-form-block {
    border-radius: 2rem;
  }

  .blogs-list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .blog-item {
    border-radius: 1.5rem;
  }

  .blog-image-wrapper {
    border-radius: 1rem;
  }

  .blog-image {
    aspect-ratio: 3 / 2;
  }

  .blog-title-wrapper {
    padding-top: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .case-study-header-content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1.5fr;
  }

  .case-study-header-image-wrapper, .case-study-header-image, .case-study-details-wrapper {
    border-radius: 2rem;
  }

  .blog-header-content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .blog-header-image-wrapper, .blog-header-image, .blog-details-wrapper {
    border-radius: 2rem;
  }

  .blog-section-header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

    .pricing-card-list-wrapper {
    grid-template-columns: 1fr;
  }

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

  .pricing-features-list {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

                    .feature-item-wrapper {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

          .feature-title {
    max-width: 700px;
  }

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

  .services-component-wrapper-3, .service-accordion-3 {
    border-radius: 2rem;
  }

  .stats-section-header-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .project-item-2 {
    border-radius: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 6.5vw;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

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

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .utility-form-block {
    padding: 3rem;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

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

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

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

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

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

  .heading-style-h6 {
    font-size: 1.125rem;
  }

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

  .heading-style-h1 {
    font-size: 6.5vw;
  }

  .button {
    padding: .25rem 1rem;
  }

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

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

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

  .section-padding-large {
    padding: 4rem 1rem;
  }

  .section-contact .section-padding-large {
    padding-top: 0.6rem;
  }

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

  .padding-bottom.padding-huge {
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

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

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

  .padding-xsmall {
    padding: .75rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

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

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

  .margin-large {
    margin: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

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

            .navbar-container {
    min-height: 4rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .navbar-component {
    margin-top: 1.25rem;
  }

  .navbar-menu-link-wrapper {
    padding: 1.25rem;
  }

      .service-name {
    padding: 1rem 1.25rem;
  }

    .service-description {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

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

  .team-image-wrapper {
    height: 100%;
  }

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

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

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

  .footer-credit-text {
    margin-top: 1.5rem;
  }

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

  .subpage-header-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .section-subpage-hero-header {
    padding-top: 0;
  }

  .section-subpage-hero-header + .section-projects > .padding-global,
  .section-subpage-hero-header + .section-values {
    padding-top: 3rem;
  }

  .section-subpage-hero-header ~ .section-values .values-component {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-subpage-hero-header ~ .section-values .margin-bottom.margin-large {
    margin-bottom: 0;
  }

  .subpage-header-image-wrapper {
    position: relative !important;
    min-height: 50vw !important;
    align-self: auto !important;
  }

  .subpage-header-image-wrapper .subpage-header-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .stats-list {
    grid-template-columns: 1fr;
  }

  .stat-number {
    font-size: 3.5rem;
  }

  .cta-component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .cta-card-conent {
    padding: 2rem;
  }

  .values-list {
    flex: 1;
    grid-template-columns: 1fr;
  }

      .contact-component, .blogs-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .case-study-header-content-wrapper, .blog-header-content-wrapper {
    grid-template-columns: 1fr;
  }

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

    .button-3 {
    padding: .25rem 1rem;
  }

                    .feature-item-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

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

    .accordion-icon-wrapper-2 {
    width: 1.75rem;
  }

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

@media screen and (max-width: 479px) {
  .benefit-cards {
    flex-direction: column;
  }

  h1 {
    font-size: 1.8rem;
  }

  h2 {
    text-transform: none;
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.3rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .utility-component {
    padding: 3%;
  }

  .utility-form-block {
    padding: 1.5rem;
  }

  .utility-form {
    border-radius: 1.5rem;
    padding: 3rem 1rem;
  }

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

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

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

  .styleguide-grid-colors {
    grid-template-columns: 1fr;
  }

  .heading-style-h6 {
    font-size: .875rem;
  }

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

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

  .button {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .button.is-form {
    text-align: center;
    flex: 1;
    justify-content: center;
    align-items: center;
  }

  .button.is-navbar {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

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

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

  .button-group {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

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

  .padding-global.is-2rem {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-padding-large.smaller-padding-mobile {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .section-contact .section-padding-large {
    padding-top: 0.6rem;
  }

  .button-secondary {
    padding: .5rem 1rem;
  }

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

  .padding-bottom.padding-huge {
    padding-bottom: 4rem;
  }

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

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

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

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

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

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

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

              .navbar-link:hover {
    background-color: var(--grey);
  }

  .navbar-container {
    min-height: auto;
    padding: .25rem 1rem .25rem .75rem;
  }

  .section-hero-header .padding-global {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .desktop-br {
    display: none;
  }

  .navbar-logo {
    width: 5.5rem;
  }

  .navbar-button-wrapper {
    display: none;
  }

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

  .footer-menu-wrapper .footer-link-list:first-child {
    display: none;
  }

  .footer-social-link .text-size-small {
    display: none;
  }

  .footer-social-links-row {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
  }

  .footer-address br {
    display: none;
  }

  .footer-bottom .footer-credit-text:last-child {
    display: none;
  }

  .header-image-wrapper {
    border-radius: 1rem;
    height: 40vh;
  }

  .header-image {
    border-radius: 1rem;
  }

        .service-description {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .service-component {
    grid-template-columns: 1fr;
    padding-bottom: 1rem;
  }

  .service-image-wrapper {
    aspect-ratio: 1;
    border-radius: 1rem;
  }

  .team-list {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

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

  .project-item {
    border-radius: 1.5rem;
  }

  .project-image-wrapper {
    border-radius: 1rem;
  }

  .project-title-wrapper {
    padding: 1rem .5rem;
  }

  .project-section-header {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

      .footer-top-wrapper {
    grid-row-gap: 48px;
  }

  .footer-form {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .input-form.is-text-area {
    border-radius: 1rem;
    min-height: 15rem;
  }

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

  .footer-link {
    padding-left: 0;
  }

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

  .newsletter-footer-wrapper {
    border-radius: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer-address, .footer-links-list-title {
    padding-left: 0;
  }

  .subpage-header-component {
    grid-template-columns: 1fr;
  }

  .section-subpage-hero-header {
    padding-top: 0;
  }

  .section-subpage-hero-header + .section-projects > .padding-global,
  .section-subpage-hero-header + .section-values {
    padding-top: 3rem;
  }

  .section-subpage-hero-header ~ .section-values .values-component {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-subpage-hero-header ~ .section-values .margin-bottom.margin-large {
    margin-bottom: 0;
  }

  .subpage-header-image-wrapper {
    border-radius: 1rem;
    position: relative !important;
    min-height: 50vw !important;
    align-self: auto !important;
  }

  .subpage-header-image-wrapper .subpage-header-image {
    border-radius: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .stats-list {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .stats-item {
    border-radius: 1rem;
  }

  .stat-image-wrapper {
    z-index: 20;
    border-radius: 1rem;
    width: 100%;
    overflow: visible;
  }

  .stat-image {
    aspect-ratio: 1;
    border-radius: 1rem;
    display: block;
    overflow: clip;
  }

  .stats-component-wrapper {
    border-radius: 1rem;
  }

  .cta-card {
    border-radius: 1rem;
    grid-template-columns: 1fr;
    padding: 1.5rem;
  }

  .cta-card-conent {
    padding: 0 0 2rem;
  }

  .cta-image-wrapper {
    border-radius: 1rem;
  }

  .cta-image {
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 1rem;
  }

  .values-list {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .values-item {
    border-radius: 1rem;
  }

            .contact-component {
    grid-template-columns: 1fr;
  }

  .contact-form-block {
    border-radius: 1rem;
    padding: 1rem;
  }

  .form-field-2col {
    grid-template-columns: 1fr;
  }

  .form-button-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

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

  .blog-item {
    border-radius: 1.5rem;
  }

  .blog-image {
    aspect-ratio: 1;
  }

  .blog-title-wrapper {
    padding-top: 1rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .case-study-header-image-wrapper {
    border-radius: 1rem;
    height: 55vh;
  }

  .case-study-header-image {
    border-radius: 1rem;
  }

  .blog-header-image-wrapper {
    border-radius: 1rem;
    height: 55vh;
  }

  .blog-header-image, .blog-details-wrapper {
    border-radius: 1rem;
  }

          .pricing-card-inner {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    padding: 1.25rem;
  }

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

  .pricing-features-list {
    grid-template-columns: 1fr;
  }

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

    .button-2 {
    background-image: linear-gradient(#0e121b 27%, #0000), radial-gradient(circle closest-corner at 50% 200%, #6d7a97, #0e121b 76%);
  }

  .button-2:hover {
    background-image: linear-gradient(#0e121b 40%, #0000), radial-gradient(circle at 50% 600%, #6d7a97 73%, #0e121b);
  }

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

  .padding-global-2.is-2rem {
    padding-left: 1rem;
    padding-right: 1rem;
  }

    .button-3 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

                          .feature-item-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

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

  .padding-global-4.is-2rem {
    padding-left: 1rem;
    padding-right: 1rem;
  }

      .services-component-wrapper-3 {
    border-radius: 1rem;
  }

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

  .padding-global-5.is-2rem {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-client-logos {
    display: none;
  }

  .section-hero-header .section-padding-large {
    padding-bottom: 0rem !important;
  }

  .section-padding-large-4 {
    padding-top: 1.5rem !important;
  }

  .service-accordion-3 {
    border-radius: 1rem;
  }

  .project-item-2 {
    border-radius: 1.5rem;
  }

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

#w-node-ed0eba12-1def-54f2-f589-3ad9cdc3ff92-cdc3ff8c {
  align-self: stretch;
}

#w-node-ed0eba12-1def-54f2-f589-3ad9cdc3ffa7-cdc3ff8c {
  justify-self: end;
}

#w-node-c718d996-64e2-fd48-91d6-4ec75582b6ad-5582b6a9 {
  justify-self: center;
}

#w-node-c718d996-64e2-fd48-91d6-4ec75582b6b5-5582b6a9 {
  justify-self: end;
}

#w-node-_9054d520-bbae-05c9-1d88-6966d184ff1d-9d282902 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc86205-9d282903 {
  justify-self: start;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc86207-9d282903 {
  justify-self: center;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc8621b-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86220-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86225-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8622a-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8622f-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86234-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc8623a-9d282903 {
  justify-self: start;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc8623f-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86244-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86249-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8624e-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86253-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86258-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc86294-9d282903 {
  justify-self: start;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc86299-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8629e-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862a3-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862a8-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862ad-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862b8-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862bd-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862c2-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862c7-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862cc-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862d1-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc862d7-9d282903 {
  justify-self: start;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc862dd-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862e7-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862f1-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc862f6-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86310-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86315-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8631a-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc86320-9d282903 {
  justify-self: start;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc86322-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc86350-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8636a-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86389-9d282903 {
  justify-self: start;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc86393-9d282903, #w-node-f1cc2e50-bb6e-19b0-b619-db69598c4a08-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8638e-9d282903, #w-node-_69697395-c964-230e-7019-6949a42c6a9a-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc863da-9d282903 {
  justify-self: start;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc863dd-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc863e1-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc863e4-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc863ea-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc863ed-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc863f3-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc863fe-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86407-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8640a-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8640f-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86415-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86418-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86420-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86423-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8642b-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8642e-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc86438-9d282903, #w-node-_336be75c-ab2b-838b-5642-972b6cc8643b-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_336be75c-ab2b-838b-5642-972b6cc864d0-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea71-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea73-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea74-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea76-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea78-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea79-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea7b-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea7d-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea7e-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea80-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea82-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea83-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea85-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea87-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea88-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea8a-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea8c-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea8d-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea8f-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea91-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea92-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea94-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea95-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea97-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea98-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea9a-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea9b-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea9d-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fea9e-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaa0-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaa1-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaa3-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaa4-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaa6-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaac-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaae-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaaf-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feab1-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feab3-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feab4-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feab6-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feab8-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feab9-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feabb-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feabd-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feabe-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feac0-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feac2-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feac3-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feac5-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaca-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feacd-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feacf-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4fead2-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4fead7-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feadc-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feae1-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feae6-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaeb-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaed-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaee-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaf0-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaf1-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaf3-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaf4-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaf6-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaf7-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaf9-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feafa-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feafc-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feafd-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feaff-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb00-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb02-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb03-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb05-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb06-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb08-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb09-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb0b-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb0c-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb0e-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb0f-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb11-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb12-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb14-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb15-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb17-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb18-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb1a-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb1b-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb1d-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb1e-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb20-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb21-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb23-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb24-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb26-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb27-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb29-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb2a-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb2c-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb2d-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb32-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb35-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb37-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb3a-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb3f-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb44-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb49-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb4e-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb53-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb55-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb56-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb58-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb59-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb5b-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb5c-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb5e-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb5f-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb61-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb62-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb64-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb65-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb67-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb68-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb6a-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb6b-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb6d-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb6e-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb70-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb71-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb73-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb74-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb76-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb77-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb79-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb7a-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb7c-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb7d-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb7f-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb80-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb82-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb83-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb85-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb86-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb88-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb89-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb8b-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb8c-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb8e-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb8f-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb91-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb92-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb94-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb95-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb9a-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb9c-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feb9d-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feba1-9d282903, #w-node-d2094e8f-ced3-180f-efa9-c25f1f4feba3-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feba4-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feba8-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4feba9-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4febad-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4febae-9d282903 {
  justify-self: start;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4febb2-9d282903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4febb3-9d282903 {
  justify-self: start;
}

#w-node-c53cecd5-a3b1-7ec8-7932-d94b08f93777-9d282905 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_07b304bf-b03b-074e-59aa-1a451efb6187-9d282905, #w-node-_9a09751f-2db9-3d64-1319-0fa4a27e6e4a-9d282905, #w-node-ffb105b8-229b-3b08-682c-81ac1497a6cc-9d282905, #w-node-_33c4e206-b576-47b6-4720-d53c51f36d03-9d282905, #w-node-ea535a53-93cb-f12d-69e6-4570f0a51307-9d282905, #w-node-d32b95cc-fe8c-8998-36e7-fe07bb00efe3-9d282905 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5e73b729-bbe1-c93e-0326-062008d42601-9d282907 {
  align-self: start;
}

#w-node-_5e73b729-bbe1-c93e-0326-062008d4261b-9d282907 {
  justify-self: start;
}

#w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aa9e-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aaa2-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aaa4-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aaa6-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aaa8-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aaae-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aab0-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aab2-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aab4-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aab9-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aabb-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aabd-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aabf-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aac4-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aac6-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aac8-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aaca-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aacf-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aad1-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aad3-9d282908, #w-node-_8874c25c-dbbb-05f0-f1f6-5cb672c5aad5-9d282908, #w-node-_28f3f102-ae29-bef4-8fe5-1c61ce30bbec-9d282908, #w-node-_28f3f102-ae29-bef4-8fe5-1c61ce30bbee-9d282908, #w-node-_28f3f102-ae29-bef4-8fe5-1c61ce30bbf0-9d282908, #w-node-_28f3f102-ae29-bef4-8fe5-1c61ce30bbf2-9d282908, #w-node-_12ef0ca3-d2fe-6bc2-c844-944bcb786c1b-9d282908, #w-node-_12ef0ca3-d2fe-6bc2-c844-944bcb786c1d-9d282908, #w-node-_12ef0ca3-d2fe-6bc2-c844-944bcb786c1f-9d282908, #w-node-_12ef0ca3-d2fe-6bc2-c844-944bcb786c21-9d282908, #w-node-_180cb7ff-022e-fea6-841c-023229416ea3-9d282909, #w-node-_180cb7ff-022e-fea6-841c-023229416ea4-9d282909 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_180cb7ff-022e-fea6-841c-023229416eb4-9d282909 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_180cb7ff-022e-fea6-841c-023229416ec1-9d282909, #w-node-_180cb7ff-022e-fea6-841c-023229416ec7-9d282909, #w-node-_83cee6c6-a079-22b6-3077-bc05845099f7-9d28290b, #w-node-_83cee6c6-a079-22b6-3077-bc05845099f8-9d28290b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-be942a2b-625f-6004-6bf6-ad7ba8c5574d-9d2828fe, #w-node-be942a2b-625f-6004-6bf6-ad7ba8c55762-9d2828fe, #w-node-be942a2b-625f-6004-6bf6-ad7ba8c55777-9d2828fe, #w-node-_76cdbccc-f7f3-d713-d7ea-e5cd46be3f03-9d2828fe {
    order: -9999;
  }

  #w-node-ed0eba12-1def-54f2-f589-3ad9cdc3ffa7-cdc3ff8c {
    justify-self: auto;
  }

  #w-node-c53cecd5-a3b1-7ec8-7932-d94b08f93777-9d282905 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c53cecd5-a3b1-7ec8-7932-d94b08f93777-9d282905 {
    grid-column: span 1 / span 1;
  }

  #w-node-c53cecd5-a3b1-7ec8-7932-d94b08f9378f-9d282905 {
    order: 9999;
  }

  #w-node-_28288841-f49c-4d79-4a6c-456228a3dad8-9d282908 {
    order: -9999;
  }
}

/* 한국어 플랜 설명 PC 여백 */
@media screen and (min-width: 992px) {
  html[lang="ko-KR"] .pricing-description-wrapper {
    padding-left: 15%;
    padding-right: 15%;
  }
}

/* 영문 베이직/커스텀 설명 자간 축소 (PC) */
@media screen and (min-width: 992px) {
  html[lang="en"] [data-i18n="web_setup_basic_desc"],
  html[lang="en"] [data-i18n="web_host_basic_desc"] {
    letter-spacing: -0.05em;
  }
  html[lang="en"] [data-i18n="web_setup_custom_desc"],
  html[lang="en"] [data-i18n="web_host_custom_desc"] {
    letter-spacing: -0.03em;
  }
}