/*
Theme Name: Nova X - Webflow HTML website template
Theme URI:
Description: Converted from Webflow by WF2WP Converter
Version: 1.0.1775873268027
Author:
Text Domain: wf2wp
*/

/* === Webflow Project CSS (yudais-groovy-site-8a2491.webflow.css) === */
:root {
  --black: #171717;
  --light-grey: #f8f8f8;
  --green: #cbfb45;
  --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;
}

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

.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 {
  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 {
  font-size: 1.25rem;
  font-weight: 400;
}

.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 var(--black);
  background-color: var(--black);
  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-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);
  height: auto;
  min-height: 2.75rem;
  color: var(--black);
  border-radius: 100rem;
  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: flex-end;
  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%;
}

.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.5rem;
  font-weight: 500;
  line-height: 1.3;
}

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

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

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

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

.button-secondary-small {
  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: .5rem 1rem;
  transition: color .3s, border-color .35s, background-color .35s;
  display: flex;
}

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

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

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

.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-small {
  grid-column-gap: .5rem;
  border: 1.5px solid var(--black);
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  border-radius: 100rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .875rem;
  transition: color .35s;
  display: flex;
}

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

.button-small.is-alternate {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--black);
}

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

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

.empty-box {
  z-index: -1;
  background-color: #f6f6f6;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

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

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

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

.section-padding-small {
  flex: 1;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

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

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

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

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

.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;
  font-size: 1rem;
  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;
}

.hero-header-content-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 15%;
  display: grid;
}

.hero-header-content-left {
  overflow: hidden;
}

.license-wrapper {
  grid-row-gap: 4rem;
  background-color: var(--grey);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 80dvh;
  padding: 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.list-item {
  flex-direction: column;
  align-items: stretch;
  transition: transform .35s;
  display: flex;
}

.list-item:hover {
  transform: translate(0, -1rem);
}

.license-image-wrapper {
  border-radius: .625rem;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

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

.license-link-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.image-reveal-overlay {
  background-color: #fff;
  align-items: flex-start;
  width: 100%;
  height: 0%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.changelog-wrapper {
  grid-row-gap: 4rem;
  background-color: var(--grey);
  border-radius: .625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.changelog-header-content-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 5%;
  display: flex;
}

.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: var(--black);
  border-radius: 100rem;
  padding: .5rem .75rem;
  font-size: .875rem;
  transition: background-color .3s;
}

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

.navbar-link.w--current {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  border-radius: 100rem;
}

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

.navbar-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #f8f8f8bf;
  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;
}

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

.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: 9.5rem;
}

.navbar-button-wrapper {
  grid-column-gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.navbar-menu {
  align-items: center;
  display: flex;
  position: static;
}

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

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

.client-logo {
  height: 2.5rem;
}

.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-component-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.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-accordion {
  border: 1px solid var(--black);
  border-radius: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  transition: background-color .3s;
}

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

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

.accordion-icon-wrapper {
  background-color: var(--green);
  border-radius: 100rem;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-left: 1.5rem;
  padding: 4px;
  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;
  overflow: hidden;
}

.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;
  place-items: start 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-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: .5rem;
  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;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
}

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

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

.faq-accordion {
  border: 1px solid var(--black);
  border-radius: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  transition: background-color .3s;
}

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

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

.faq-icon-wrapper {
  background-color: var(--green);
  border-radius: 100rem;
  align-self: flex-start;
  margin-left: 1.5rem;
  padding: 4px;
  display: flex;
}

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

.faq-answer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
}

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

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

.faq-contact-wrapper {
  background-color: var(--green);
  color: var(--black);
  border-radius: 3rem;
  margin-top: 3rem;
  padding: 3rem;
}

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

.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-tag-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-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;
}

.testimonial-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.testimonial-content {
  background-color: var(--white);
  border-radius: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.testimonial-rating-wrapper {
  background-color: var(--black);
  border-radius: 100rem;
  margin-bottom: 2rem;
  padding: .4rem 1rem .5rem;
  display: flex;
}

.testimonial-rating-icon {
  color: var(--green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: .25rem;
  display: flex;
}

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

.testimonial-client {
  text-align: left;
  align-items: center;
  display: flex;
}

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

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

.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);
  height: auto;
  min-height: 2.75rem;
  color: var(--black);
  border-radius: 100rem;
  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-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%;
}

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

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

.cta-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  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;
  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-case-studies {
  margin-bottom: 6rem;
  margin-left: 5%;
  margin-right: 5%;
}

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

.case-studies-list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  column-count: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  column-gap: 3rem;
}

.case-study-item {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 2rem;
  height: 100%;
  margin-bottom: 3rem;
  padding: 1rem;
  transition: border-color .3s;
  display: inline-block;
}

.case-study-item:hover {
  border-color: var(--black);
}

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

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

.case-study-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.case-study-title-wrapper {
  padding: 1.5rem 1.25rem;
}

.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);
  width: 2rem;
  height: 2rem;
  color: var(--green);
  border-radius: 100rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  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 {
  flex-direction: column;
  align-items: center;
}

.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 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.blog-image-wrapper {
  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;
}

.image {
  border-radius: 2rem;
}

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

.section-service-description {
  margin-bottom: 6rem;
  margin-left: 5%;
  margin-right: 5%;
}

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

.section-blog {
  margin-bottom: 6rem;
  margin-left: 5%;
  margin-right: 5%;
}

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

@media screen and (max-width: 991px) {
  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;
  }

  .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-padding-medium {
    padding-top: 4rem;
    padding-bottom: 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;
  }

  .hero-header-content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    padding-top: 10%;
  }

  .license-wrapper {
    padding-bottom: 10%;
    padding-left: 5%;
  }

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

  .changelog-wrapper {
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 5%;
  }

  .changelog-header-content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    padding-top: 10%;
  }

  .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-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 {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: stretch;
    margin-top: 1rem;
    margin-left: 0;
  }

  .navbar-menu {
    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;
  }

  .logo-component {
    grid-row-gap: 2rem;
    display: flex;
  }

  .services-component-wrapper, .service-accordion {
    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;
  }

  .faq-accordion, .faq-component-wrapper, .faq-contact-wrapper {
    border-radius: 2rem;
  }

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

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

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

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

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

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

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

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

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

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

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

  .case-study-item {
    border-radius: 1.5rem;
    margin-bottom: 2rem;
  }

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

  .case-study-title-wrapper {
    padding: 1rem;
  }

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

  .service-description-wrapper, .blog-component-wrapper {
    border-radius: 2rem;
  }
}

@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-top: 4rem;
    padding-bottom: 4rem;
  }

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

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

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

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

  .hero-header-content-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
    padding-top: 15%;
  }

  .license-wrapper {
    min-height: 70dvh;
  }

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

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

  .changelog-header-content-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
    padding-top: 15%;
  }

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

  .logo-component {
    padding-top: 1rem;
  }

  .client-logo {
    max-height: 3rem;
  }

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

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

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

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

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

  .faq-question {
    padding: 1rem 1.25rem;
  }

  .faq-icon-wrapper {
    width: 1.75rem;
  }

  .faq-answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

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

  .testimonial-content {
    padding: 1.5rem;
  }

  .testimonial-client {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

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

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

  .case-studies-list {
    grid-column-gap: 2rem;
    grid-row-gap: 3rem;
    column-count: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .case-study-item {
    margin-bottom: 3rem;
  }

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

@media screen and (max-width: 479px) {
  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;
  }

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

  .hero-header-content-wrapper {
    grid-template-columns: 1fr;
    padding-top: 20%;
    padding-bottom: 10%;
  }

  .license-wrapper {
    justify-content: center;
    min-height: 80dvh;
    padding-bottom: 5%;
  }

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

  .license-image-wrapper {
    padding-top: 90%;
  }

  .changelog-wrapper {
    text-align: center;
    justify-content: center;
    padding-bottom: 10%;
    padding-left: 3%;
    padding-right: 3%;
  }

  .changelog-header-content-wrapper {
    grid-template-columns: 1fr;
    padding-top: 20%;
    padding-bottom: 10%;
  }

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

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

  .navbar-logo {
    width: 8rem;
  }

  .navbar-button-wrapper {
    text-align: center;
    width: 100%;
  }

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

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

  .logo-component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: grid;
  }

  .client-logo {
    height: 2rem;
    max-height: 2rem;
  }

  .services-component-wrapper, .service-accordion {
    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;
  }

  .faq-accordion, .faq-component-wrapper {
    border-radius: 1rem;
  }

  .faq-contact-wrapper {
    border-radius: 1rem;
    padding: 1.5rem;
  }

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

  .testimonial-component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .testimonial-content, .testimonials-component-wrapper {
    border-radius: 1rem;
  }

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

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

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

  .section-case-studies {
    margin-bottom: 4rem;
  }

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

  .case-study-item {
    margin-bottom: 1rem;
  }

  .case-study-image {
    aspect-ratio: 1;
  }

  .case-study-title-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

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

  .section-service-description {
    margin-bottom: 4rem;
  }

  .service-description-wrapper {
    border-radius: 1rem;
  }

  .section-blog {
    margin-bottom: 4rem;
  }

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

#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-51773262 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4febb2-51773263 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2094e8f-ced3-180f-efa9-c25f1f4febb3-51773263 {
  justify-self: start;
}

#w-node-c53cecd5-a3b1-7ec8-7932-d94b08f93777-51773265 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_07b304bf-b03b-074e-59aa-1a451efb6187-51773265, #w-node-_9a09751f-2db9-3d64-1319-0fa4a27e6e4a-51773265, #w-node-ffb105b8-229b-3b08-682c-81ac1497a6cc-51773265, #w-node-_33c4e206-b576-47b6-4720-d53c51f36d03-51773265, #w-node-ea535a53-93cb-f12d-69e6-4570f0a51307-51773265, #w-node-d32b95cc-fe8c-8998-36e7-fe07bb00efe3-51773265 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5e73b729-bbe1-c93e-0326-062008d42601-51773267 {
  align-self: start;
}

#w-node-_5e73b729-bbe1-c93e-0326-062008d4261b-51773267 {
  justify-self: start;
}

#w-node-_180cb7ff-022e-fea6-841c-023229416ea3-51773269, #w-node-_180cb7ff-022e-fea6-841c-023229416ea4-51773269 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_180cb7ff-022e-fea6-841c-023229416eb4-51773269 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_180cb7ff-022e-fea6-841c-023229416ec1-51773269, #w-node-_180cb7ff-022e-fea6-841c-023229416ec7-51773269, #w-node-_83cee6c6-a079-22b6-3077-bc05845099f7-5177326b, #w-node-_83cee6c6-a079-22b6-3077-bc05845099f8-5177326b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_8a309907-dd41-8676-e504-528cd7993c04-5177325e {
    order: -9999;
  }

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

  #w-node-c53cecd5-a3b1-7ec8-7932-d94b08f93777-51773265 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8a309907-dd41-8676-e504-528cd7993c04-5177326c {
    order: -9999;
  }

  #w-node-e0ece3fc-e2c5-8f3a-56a8-4bb65e4084cf-5177326c {
    grid-area: 2 / 2 / 3 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c53cecd5-a3b1-7ec8-7932-d94b08f93777-51773265 {
    grid-column: span 1 / span 1;
  }

  #w-node-c53cecd5-a3b1-7ec8-7932-d94b08f9378f-51773265, #w-node-_7181426f-b44f-9250-2f69-7cdc9f0e4bee-5177326c, #w-node-_883b7860-a96e-1a03-6bb3-570317ff92b1-5177326c, #w-node-ac2d93a0-bc23-13cc-001d-29e12aa140e1-5177326c {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7181426f-b44f-9250-2f69-7cdc9f0e4bee-5177326c {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e0ece3fc-e2c5-8f3a-56a8-4bb65e4084cf-5177326c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_883b7860-a96e-1a03-6bb3-570317ff92b1-5177326c {
    grid-area: 4 / 1 / 5 / 2;
  }
}




/* WF2WP: Webflow フォームラッパーの代替クラス（WF JS の再初期化を防ぐ） */
.wf2wp-form .w-form-done { display: none; }
.wf2wp-form .w-form-fail { display: none; }

/* WF2WP: WordPress body クラス衝突防止 */
/* WordPress が body に追加するクラス（home, blog, page, single-{cpt}, archive-{cpt} 等）が */
/* Webflow のコンテンツ用 CSS クラスと衝突するのを防ぐ */
/* body[class] の詳細度 0,1,1 は単一クラス 0,1,0 に勝つ */
body[class] {
  display: block;
  max-width: none;
  padding: 0;
  overflow-x: clip;
}

/* WF2WP: 未変換 w-dyn-list の「No items found.」を非表示 */
/* 変換済みリストは PHP if/else で制御されるため、この CSS は未変換リストのみに影響 */
.w-dyn-items + .w-dyn-empty {
  display: none;
}

/* === Webflow Designer CSS (Chrome拡張取得・確定データ) === */
body { font-family: Inter; color: @swatch_dccb7db6; font-size: 1rem; line-height: 1.5; }
h1 { margin-top: 0rem; margin-bottom: 0rem; font-size: 4rem; line-height: 1.2; font-weight: 400; }
h2 { margin-top: 0rem; margin-bottom: 0rem; font-size: 3rem; line-height: 1.2; font-weight: 400; }
h3 { margin-top: 0rem; margin-bottom: 0rem; font-size: 2.5rem; line-height: 1.2; font-weight: 400; }
h4 { margin-top: 0rem; margin-bottom: 0rem; font-size: 2rem; line-height: 1.3; font-weight: 400; }
h5 { margin-top: 0rem; margin-bottom: 0rem; font-size: 1.5rem; line-height: 1.4; font-weight: 400; }
h6 { margin-top: 0rem; margin-bottom: 0rem; font-size: 1.25rem; line-height: 1.4; font-weight: 400; }
p { margin-bottom: 0rem; }
a { border-top-color: @swatch_dccb7db6; border-right-color: @swatch_dccb7db6; border-bottom-color: @swatch_dccb7db6; border-left-color: @swatch_dccb7db6; color: @swatch_dccb7db6; text-decoration: none; }
a.w--current { border-top-left-radius: 0.4375rem; border-top-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; border-bottom-right-radius: 0.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: 0.25rem; margin-bottom: 0.25rem; padding-left: 0.5rem; }
img { display: inline-block; }
label { margin-bottom: 0.25rem; font-weight: 500; }
blockquote { margin-bottom: 0rem; padding-top: 0.75rem; padding-right: 1.25rem; padding-bottom: 0.75rem; padding-left: 1.25rem; border-left-style: solid; border-left-width: 0.1875rem; border-left-color: @swatch_dccb7db6; font-size: 1.25rem; line-height: 1.5; }
figure { margin-top: 3rem; margin-bottom: 3rem; }
figcaption { margin-top: 0.25rem; text-align: center; }
.global-styles { position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block; }
.text-link { text-decoration: underline; }
.max-width-medium { width: 100%; max-width: 53rem; }
.container-large { width: 100%; max-width: 105rem; margin-right: auto; margin-left: auto; }
.form-message-error { margin-top: 0.75rem; padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; border-top-left-radius: 0.4375rem; border-top-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; border-bottom-right-radius: 0.4375rem; }
.utility-component { display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; justify-content: center; align-items: center; background-color: @swatch_dccb7db6; }
.utility-form-block { display: flex; width: 100%; height: 100%; margin-bottom: 0px; padding-top: 5rem; padding-right: 5rem; padding-bottom: 5rem; padding-left: 5rem; flex-direction: column; justify-content: center; align-items: center; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; text-align: center; }
.utility-form { display: flex; padding-top: 5rem; padding-right: 5rem; padding-bottom: 5rem; padding-left: 5rem; flex-direction: column; align-items: stretch; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-4c043360; }
.main-wrapper.max-width-full { flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center; order: -1; }
.margin-xsmall { margin-top: 1rem; margin-right: 1rem; margin-bottom: 1rem; margin-left: 1rem; }
.margin-small { margin-top: 1.5rem; margin-right: 1.5rem; margin-bottom: 1.5rem; margin-left: 1.5rem; }
.margin-medium { margin-top: 2rem; margin-right: 2rem; margin-bottom: 2rem; margin-left: 2rem; }
.margin-xlarge { margin-top: 4rem; margin-right: 4rem; margin-bottom: 4rem; margin-left: 4rem; }
.padding-xxsmall { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; }
.margin-top { margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem; }
.margin-top.margin-xxsmall { margin-top: 0rem; margin-right: 0rem; margin-left: 0rem; }
.margin-top.margin-xxsmall { margin-top: 0.5rem; margin-bottom: 0rem; }
.margin-bottom { margin-top: 0rem; margin-right: 0rem; margin-left: 0rem; }
.margin-bottom.margin-small { margin-top: 0rem; margin-right: 0rem; margin-left: 0rem; }
.margin-bottom.margin-large { margin-top: 0rem; margin-right: 0rem; margin-left: 0rem; }
.margin-bottom.margin-xxlarge { margin-top: 0rem; margin-right: 0rem; margin-left: 0rem; }
.margin-bottom.margin-medium { margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem; }
.margin-bottom.margin-medium { margin-bottom: 2rem; }
.margin-bottom.margin-xxsmall { margin-top: 0rem; margin-right: 0rem; margin-left: 0rem; }
.weight-medium { font-weight: 500; }
.text-size-medium { font-size: 1.25rem; font-weight: 400; }
.text-size-medium.max-width-small { max-width: 35rem; }
.text-quote { margin-bottom: 0rem; padding-top: 0.75rem; padding-right: 1.25rem; padding-bottom: 0.75rem; padding-left: 1.25rem; border-left-style: solid; border-left-width: 0.1875rem; border-left-color: hsla(0, 0.00%, 0.00%, 1.00); 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 { position: static; top: 0px; z-index: 4; margin-bottom: 2rem; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; justify-content: flex-start; align-self: stretch; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: @swatch_dccb7db6; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 2rem; }
.styleguide-grid-colors { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; }
.heading-style-h6 { font-size: 1.25rem; line-height: 1.4; font-weight: 400; }
.styleguide-item-row { display: flex; align-items: center; grid-column-gap: 1.5rem; grid-row-gap: 0rem; grid-template-columns: 15rem 1fr; grid-template-rows: auto; }
.icon-xsmall { width: 1.5rem; height: 1.5rem; }
.styleguide-empty-space { position: relative; z-index: -1; display: flex; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; flex-direction: column; justify-content: space-between; align-items: flex-start; }
.styleguide-icon-list { display: grid; flex-wrap: wrap; grid-auto-flow: column; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; grid-template-rows: auto; }
.heading-style-h5 { font-size: 1.5rem; line-height: 1.4; font-weight: 400; }
.heading-style-h5.weight-medium { font-weight: 500; }
.heading-style-h1 { font-size: 4rem; line-height: 1.2; font-weight: 400; }
.heading-style-h1.weight-normal.max-width-large { max-width: 50rem; }
.heading-style-h1.weight-medium { font-weight: 500; }
.text-size-tiny { font-size: 0.75rem; }
.button { display: flex; padding-top: 0.75rem; padding-right: 1.25rem; padding-bottom: 0.75rem; padding-left: 1.25rem; align-items: center; grid-column-gap: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: @swatch_dccb7db6; border-right-style: solid; border-right-width: 1px; border-right-color: @swatch_dccb7db6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @swatch_dccb7db6; border-left-style: solid; border-left-width: 1px; border-left-color: @swatch_dccb7db6; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @swatch_dccb7db6; transition-property: color; transition-duration: 350ms; transition-timing-function: ease; color: @swatch_1766b841; font-size: 0.875rem; text-align: center; text-transform: none; }
.button:hover { color: @var_variable-4c043360; }
.button.w--current { border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; }
.button.is-alternate { border-top-style: solid; border-top-color: @swatch_1766b841; border-right-style: solid; border-right-color: @swatch_1766b841; border-bottom-style: solid; border-bottom-color: @swatch_1766b841; border-left-style: solid; border-left-color: @swatch_1766b841; background-color: @swatch_1766b841; color: hsla(0, 0.00%, 0.00%, 1.00); }
.button.is-alternate:hover { border-top-color: @var_variable-4c043360; border-right-color: @var_variable-4c043360; border-bottom-color: @var_variable-4c043360; border-left-color: @var_variable-4c043360; background-color: @var_variable-4c043360; }
.weight-normal { font-weight: 400; }
.heading-style-h4 { font-size: 2rem; line-height: 1.3; font-weight: 400; }
.text-italic { font-style: italic; }
.icon-xxsmall { width: 1rem; height: 1rem; }
.styleguide-item { display: grid; padding-bottom: 1rem; flex-direction: column; justify-content: start; justify-items: start; align-items: start; align-content: start; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; grid-template-rows: auto; }
.styleguide-item.is-stretch { justify-items: stretch; grid-row-gap: 1rem; }
.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 { width: 100%; text-align: right; }
.weight-bold { font-weight: 700; }
.heading-style-h3 { font-size: 2.5rem; line-height: 1.2; font-weight: 400; }
.heading-style-h3.weight-medium { font-weight: 500; }
.icon-large { width: 5rem; height: 5rem; }
.form-input { height: auto; min-height: 2.75rem; margin-bottom: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 1rem; border-top-style: solid; border-top-width: 1px; border-top-color: @swatch_d65041a8; border-right-style: solid; border-right-width: 1px; border-right-color: @swatch_d65041a8; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @swatch_d65041a8; border-left-style: solid; border-left-width: 1px; border-left-color: @swatch_d65041a8; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @swatch_1766b841; transition-property: border-color; transition-duration: 300ms; transition-timing-function: ease; color: @swatch_dccb7db6; font-size: 1rem; line-height: 1.6; }
.form-input::placeholder { color: hsla(0, 0.00%, 48.61%, 1.00); }
.form-input:focus { border-top-style: solid; border-top-width: 1px; border-top-color: @swatch_dccb7db6; border-right-style: solid; border-right-width: 1px; border-right-color: @swatch_dccb7db6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @swatch_dccb7db6; border-left-style: solid; border-left-width: 1px; border-left-color: @swatch_dccb7db6; }
.form-input:hover { border-top-style: solid; border-top-width: 1px; border-top-color: @swatch_dccb7db6; border-right-style: solid; border-right-width: 1px; border-right-color: @swatch_dccb7db6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @swatch_dccb7db6; border-left-style: solid; border-left-width: 1px; border-left-color: @swatch_dccb7db6; }
.styleguide-button-list { display: grid; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; justify-items: start; align-items: center; grid-auto-flow: row; grid-auto-columns: max-content; grid-column-gap: 1rem; grid-row-gap: 1.5rem; grid-template-columns: auto; grid-template-rows: auto; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; white-space: normal; }
.styleguide-list { padding-bottom: 4rem; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; grid-template-rows: auto; }
.styleguide-color { display: flex; padding-bottom: 8rem; justify-content: center; align-items: center; }
.styleguide-color.is-black { background-color: @swatch_dccb7db6; color: @swatch_dccb7db6; }
.styleguide-color.is-white { background-color: @swatch_1766b841; }
.styleguide-color.is-grey { background-color: @swatch_7f4592ea; }
.styleguide-color.is-green { background-color: @swatch_4c043360; }
.button-group { display: flex; flex-wrap: wrap; align-items: flex-end; grid-column-gap: 1rem; grid-row-gap: 1rem; }
.button-group.is-center { justify-content: center; align-items: center; }
.text-colour-white { color: @swatch_1766b841; }
.background-white { background-color: @swatch_1766b841; }
.weight-semibold { font-weight: 600; }
.text-left { text-align: left; }
.text-colour-black { color: @swatch_dccb7db6; }
.background-black { background-color: @swatch_dccb7db6; color: @swatch_1766b841; }
.styleguide-header { display: flex; padding-top: 3rem; padding-bottom: 3rem; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; }
.styleguide-subheading { position: static; top: 2rem; z-index: 3; margin-bottom: 2rem; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; background-color: @swatch_7f4592ea; color: @swatch_dccb7db6; font-size: 2rem; }
.text-allcaps { text-transform: uppercase; }
.text-align-center { width: 100%; text-align: center; }
.styleguide-colors { display: flex; flex-direction: column; }
.text-size-small { font-size: 0.875rem; }
.styleguide-elements { margin-top: 3rem; margin-bottom: 3rem; padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-7f4592ea; }
.icon-small { width: 2rem; height: 2rem; }
.styleguide-typography { display: flex; flex-direction: column; align-items: flex-start; }
.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 { margin-top: 1.5rem; margin-bottom: 1rem; font-weight: 500; }
.rich-text h3 { margin-top: 1.5rem; margin-bottom: 1rem; font-weight: 500; }
.rich-text h4 { margin-top: 1.5rem; margin-bottom: 1rem; font-weight: 500; }
.rich-text h5 { margin-top: 1.25rem; margin-bottom: 1rem; font-weight: 500; }
.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 { margin-top: 0.5rem; padding-left: 0.5rem; border-left-style: solid; border-left-width: 2px; border-left-color: @swatch_dccb7db6; font-size: 0.875rem; text-align: left; }
.icon-medium { width: 3rem; height: 3rem; }
.text-size-large { font-size: 1.5rem; line-height: 1.3; font-weight: 500; }
.padding-global { padding-right: 5%; padding-left: 5%; }
.padding-global.is-2rem { padding-right: 2rem; padding-left: 2rem; }
.section-padding-large { padding-top: 6rem; padding-bottom: 6rem; }
.text-span { text-transform: none; }
.button-secondary-small { display: flex; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; align-items: center; grid-column-gap: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: @var_variable-dccb7db6; border-right-style: solid; border-right-width: 1px; border-right-color: @var_variable-dccb7db6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @var_variable-dccb7db6; border-left-style: solid; border-left-width: 1px; border-left-color: @var_variable-dccb7db6; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: transparent; transition-property: color, border-color, background-color; transition-duration: 300ms, 350ms, 350ms; transition-timing-function: ease, ease, ease; color: @swatch_dccb7db6; text-align: center; }
.button-secondary-small:hover { border-top-color: @var_variable-dccb7db6; border-right-color: @var_variable-dccb7db6; border-bottom-color: @var_variable-dccb7db6; border-left-color: @var_variable-dccb7db6; background-color: @var_variable-dccb7db6; color: @var_variable-1766b841; }
.button-secondary-small.is-alternate { border-top-color: @swatch_1766b841; border-right-color: @swatch_1766b841; border-bottom-color: @swatch_1766b841; border-left-color: @swatch_1766b841; color: @swatch_1766b841; }
.button-secondary-small.is-alternate:hover { border-top-color: @var_variable-4c043360; border-right-color: @var_variable-4c043360; border-bottom-color: @var_variable-4c043360; border-left-color: @var_variable-4c043360; background-color: @var_variable-4c043360; color: @var_variable-dccb7db6; }
.button-secondary { display: flex; padding-top: 0.75rem; padding-right: 1.25rem; padding-bottom: 0.75rem; padding-left: 1.25rem; align-items: center; grid-column-gap: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: @var_variable-dccb7db6; border-right-style: solid; border-right-width: 1px; border-right-color: @var_variable-dccb7db6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @var_variable-dccb7db6; border-left-style: solid; border-left-width: 1px; border-left-color: @var_variable-dccb7db6; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: transparent; transition-property: color, border-color, background-color; transition-duration: 300ms, 350ms, 350ms; transition-timing-function: ease, ease, ease; color: @swatch_dccb7db6; font-size: 0.875rem; text-align: center; }
.button-secondary:hover { border-top-color: @var_variable-dccb7db6; border-right-color: @var_variable-dccb7db6; border-bottom-color: @var_variable-dccb7db6; border-left-color: @var_variable-dccb7db6; background-color: @var_variable-dccb7db6; color: @var_variable-1766b841; }
.button-secondary.is-alternate { border-top-color: @swatch_1766b841; border-right-color: @swatch_1766b841; border-bottom-color: @swatch_1766b841; border-left-color: @swatch_1766b841; color: @swatch_1766b841; }
.button-secondary.is-alternate:hover { border-top-color: @var_variable-4c043360; border-right-color: @var_variable-4c043360; border-bottom-color: @var_variable-4c043360; border-left-color: @var_variable-4c043360; background-color: @var_variable-4c043360; color: @var_variable-dccb7db6; }
.button-small { display: flex; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; grid-column-gap: 0.5rem; border-top-style: solid; border-top-width: 1.5px; border-top-color: @swatch_dccb7db6; border-right-style: solid; border-right-width: 1.5px; border-right-color: @swatch_dccb7db6; border-bottom-style: solid; border-bottom-width: 1.5px; border-bottom-color: @swatch_dccb7db6; border-left-style: solid; border-left-width: 1.5px; border-left-color: @swatch_dccb7db6; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @swatch_dccb7db6; transition-property: color; transition-duration: 350ms; transition-timing-function: ease; color: @swatch_1766b841; font-size: 0.875rem; text-align: center; }
.button-small:hover { color: @var_variable-4c043360; }
.button-small.is-alternate { border-top-color: @swatch_1766b841; border-right-color: @swatch_1766b841; border-bottom-color: @swatch_1766b841; border-left-color: @swatch_1766b841; background-color: @swatch_1766b841; color: @swatch_dccb7db6; }
.button-small.is-alternate:hover { border-top-color: @var_variable-4c043360; border-right-color: @var_variable-4c043360; border-bottom-color: @var_variable-4c043360; border-left-color: @var_variable-4c043360; background-color: @var_variable-4c043360; }
.button-link { display: flex; padding-top: 0.25rem; padding-right: 0rem; padding-bottom: 0.25rem; padding-left: 0rem; justify-content: center; align-items: center; grid-column-gap: 0.5rem; border-top-style: none; border-top-width: 1px; border-top-color: @swatch_dccb7db6; border-right-style: none; border-right-width: 1px; border-right-color: @swatch_dccb7db6; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: @swatch_dccb7db6; border-left-style: none; border-left-width: 1px; border-left-color: @swatch_dccb7db6; background-color: transparent; transition-property: color; transition-duration: 300ms; transition-timing-function: ease; color: @swatch_dccb7db6; font-size: 0.875rem; line-height: 1; text-align: center; text-decoration: none; }
.button-link:hover { color: #5e5e5e; }
.button-link.is-alternate { color: @var_variable-1766b841; }
.button-link.is-alternate:hover { color: @var_variable-4c043360; }
.styleguide-logo { width: 100px; }
.background-grey { background-color: @swatch_7f4592ea; }
.button-wrapper { display: flex; }
.button-arrow { display: flex; width: 1.4rem; flex-direction: column; justify-content: center; align-items: center; color: @swatch_305a1b7c; }
.button-arrow.is-white { color: @swatch_1766b841; }
.utility-button { display: flex; padding-top: 0.25rem; padding-right: 1rem; padding-bottom: 0.25rem; padding-left: 1rem; justify-content: center; align-items: center; grid-column-gap: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: @swatch_dccb7db6; border-right-style: solid; border-right-width: 1px; border-right-color: @swatch_dccb7db6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @swatch_dccb7db6; border-left-style: solid; border-left-width: 1px; border-left-color: @swatch_dccb7db6; border-top-left-radius: 10rem; border-top-right-radius: 10rem; border-bottom-left-radius: 10rem; border-bottom-right-radius: 10rem; background-color: @swatch_dccb7db6; transition-property: color; transition-duration: 300ms; transition-timing-function: ease; color: @swatch_1766b841; text-align: center; }
.utility-button:hover { color: @var_variable-4c043360; }
.utility-button.w--current { border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; }
.styleguide-classes { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; border-top-style: solid; border-top-width: 2px; border-top-color: @var_variable-dccb7db6; border-right-style: solid; border-right-width: 2px; border-right-color: @var_variable-dccb7db6; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: @var_variable-dccb7db6; border-left-style: solid; border-left-width: 2px; border-left-color: @var_variable-dccb7db6; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; }
.styleguide-label { display: inline-block; padding-top: 0.25rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-left: 0rem; background-color: transparent; color: hsla(0, 0.00%, 11.37%, 1.00); font-size: 0.75rem; white-space: nowrap; cursor: context-menu; }
.empty-box { position: relative; z-index: -1; height: 3rem; min-width: 3rem; background-color: hsla(0, 0.00%, 96.47%, 1.00); }
.container-small { max-width: 70rem; margin-right: auto; margin-left: auto; }
.container-medium { width: 100%; max-width: 90rem; margin-right: auto; margin-left: auto; }
.styleguide-spacing { border-top-style: dashed; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 82.75%, 1.00); border-right-style: dashed; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 82.75%, 1.00); border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 82.75%, 1.00); border-left-style: dashed; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 82.75%, 1.00); }
.section-padding-small { padding-top: 3rem; padding-bottom: 3rem; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.section-padding-medium { padding-top: 5rem; padding-bottom: 5rem; }
.max-width-full { width: 100%; max-width: none; }
.max-width-xlarge { width: 100%; max-width: 64rem; }
.max-width-large { width: 100%; max-width: 65rem; }
.max-width-small { width: 100%; max-width: 30rem; }
.padding-bottom { padding-top: 0rem; padding-right: 0rem; padding-left: 0rem; }
.padding-bottom.padding-large { padding-top: 0rem; padding-right: 0rem; padding-left: 0rem; }
.padding-bottom.padding-small { padding-top: 0rem; padding-right: 0rem; padding-left: 0rem; }
.padding-bottom.padding-huge { padding-top: 0rem; padding-right: 0rem; padding-left: 0rem; }
.padding-top { padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
.padding-top.padding-xhuge { padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
.padding-top.padding-xxlarge { padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
.padding-top.padding-huge { padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
.padding-vertical { padding-right: 0rem; padding-left: 0rem; }
.padding-vertical.padding-medium { padding-right: 0rem; padding-left: 0rem; }
.padding-horizontal { padding-top: 0rem; padding-bottom: 0rem; }
.padding-left { padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; }
.padding-right { padding-top: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
.padding-0 { padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
.padding-tiny { padding-top: 0.25rem; padding-right: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; }
.padding-xsmall { padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; }
.padding-small { padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; }
.padding-medium { padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; }
.padding-large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; }
.padding-xlarge { padding-top: 4rem; padding-right: 4rem; padding-bottom: 4rem; padding-left: 4rem; }
.padding-xxlarge { padding-top: 5rem; padding-right: 5rem; padding-bottom: 5rem; padding-left: 5rem; }
.padding-huge { padding-top: 6rem; padding-right: 6rem; padding-bottom: 6rem; padding-left: 6rem; }
.padding-xhuge { padding-top: 7rem; padding-right: 7rem; padding-bottom: 7rem; padding-left: 7rem; }
.margin-vertical { margin-right: 0rem; margin-left: 0rem; }
.margin-horizontal { margin-top: 0rem; margin-bottom: 0rem; }
.margin-left { margin-top: 0rem; margin-right: 0rem; margin-bottom: 0rem; }
.margin-right { margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; }
.margin-0 { margin-top: 0rem; margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem; }
.margin-tiny { margin-top: 0.25rem; margin-right: 0.25rem; margin-bottom: 0.25rem; margin-left: 0.25rem; }
.margin-xxsmall { margin-top: 0.5rem; margin-right: 0.5rem; margin-bottom: 0.5rem; margin-left: 0.5rem; }
.margin-large { margin-top: 3rem; margin-right: 3rem; margin-bottom: 3rem; margin-left: 3rem; }
.margin-xxlarge { margin-top: 5rem; margin-right: 5rem; margin-bottom: 5rem; margin-left: 5rem; }
.margin-huge { margin-top: 6rem; margin-right: 6rem; margin-bottom: 6rem; margin-left: 6rem; }
.margin-xhuge { margin-top: 7rem; margin-right: 7rem; margin-bottom: 7rem; margin-left: 7rem; }
.hide { display: none; }
.align-center { margin-right: auto; margin-left: auto; }
.button-text-item { display: flex; justify-content: center; align-items: center; font-size: 1rem; line-height: 1.1; text-transform: none; }
.button-text-item.text-black { color: @swatch_dccb7db6; }
.button-text-item.is-small { font-size: 0.875rem; }
.text-colour-green { color: @var_variable-4c043360; }
.section-hero-header { padding-top: 4rem; }
.hero-header-content-wrapper { display: grid; padding-top: 15%; align-items: start; grid-auto-columns: 1fr; grid-column-gap: 5rem; grid-row-gap: 4rem; grid-template-columns: 1fr 0.5fr; grid-template-rows: auto; }
.hero-header-content-left { overflow: hidden; }
.license-wrapper { position: relative; display: flex; overflow: hidden; width: 100%; min-height: 80dvh; padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; flex-direction: column; justify-content: flex-start; align-items: flex-start; grid-row-gap: 4rem; background-color: @swatch_7f4592ea; }
.licenses-list { display: grid; width: 100%; grid-column-gap: 3rem; grid-row-gap: 4rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; }
.list-item { display: flex; flex-direction: column; align-items: stretch; transition-property: transform; transition-duration: 350ms; transition-timing-function: ease; }
.list-item:hover { transform: translate(0px, -1rem); }
.license-image-wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 100%; border-top-left-radius: 0.625rem; border-top-right-radius: 0.625rem; border-bottom-left-radius: 0.625rem; border-bottom-right-radius: 0.625rem; }
.license-image { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: 100%; object-fit: cover; }
.license-link-wrapper { display: flex; justify-content: space-between; align-items: center; }
.link-span { text-decoration: underline; }
.image-reveal-overlay { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; display: flex; width: 100%; height: 0%; align-items: flex-start; background-color: hsla(0, 0.00%, 100.00%, 1.00); }
.changelog-wrapper { position: relative; display: flex; overflow: hidden; width: 100%; padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; flex-direction: column; justify-content: flex-start; align-items: center; grid-row-gap: 4rem; border-top-left-radius: 0.625rem; border-top-right-radius: 0.625rem; border-bottom-left-radius: 0.625rem; border-bottom-right-radius: 0.625rem; background-color: @var_variable-7f4592ea; }
.changelog-header-content-wrapper { display: flex; padding-top: 5%; align-items: start; grid-auto-columns: 1fr; grid-column-gap: 5rem; grid-row-gap: 4rem; grid-template-columns: 1fr 0.5fr; grid-template-rows: auto; }
.text-colour-grey { color: @var_variable-7f4592ea; }
.navbar-on-page { display: flex; flex-direction: column; align-items: center; }
.background-green { background-color: @var_variable-4c043360; }
.navbar-link { padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; transition-property: background-color; transition-duration: 300ms; transition-timing-function: ease; color: @var_variable-dccb7db6; font-size: 0.875rem; }
.navbar-link.w--current { border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; color: @var_relume-variable-color-neutral-1; }
.navbar-link:hover { background-color: @var_variable-4c043360; }
.navbar-link:hover { background-color: @var_variable-7f4592ea; }
.navbar-link:hover { background-color: @var_variable-7f4592ea; }
.navbar-menu-button { padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
.navbar-menu-button.w--open { background-color: transparent; }
.navbar-container { display: flex; width: 100%; height: auto; max-width: 105rem; margin-right: auto; margin-left: auto; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; justify-content: space-between; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: hsla(0, 0.00%, 97.25%, 0.75); backdrop-filter: blur(12px); }
.navbar-logo-link { padding-left: 0rem; }
.navbar-component { position: fixed; left: 0%; top: 0%; right: 0%; bottom: auto; display: flex; margin-top: 1.5rem; margin-right: 5%; margin-left: 5%; align-items: center; background-color: transparent; }
.navbar-menu-link-wrapper { display: flex; justify-content: center; align-items: center; }
.navbar-logo { width: 9.5rem; }
.navbar-button-wrapper { display: flex; margin-left: 1rem; justify-content: center; align-items: center; grid-column-gap: 1rem; }
.navbar-menu { position: static; display: flex; align-items: center; }
.header-image-wrapper { overflow: hidden; width: 100%; height: 100%; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; }
.header-image { width: 100%; height: 100%; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; object-fit: cover; }
.header-component { display: flex; flex-direction: column; align-items: center; }
.text-align-center { text-align: center; }
.logo-component { display: grid; padding-top: 0.5rem; padding-bottom: 0.5rem; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 3rem; grid-row-gap: 1rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; }
.client-logo { height: 2.5rem; }
.tagline-pill { display: inline-block; margin-bottom: 1rem; padding-top: 0.35rem; padding-right: 0.75rem; padding-bottom: 0.35rem; padding-left: 0.75rem; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @var_variable-4c043360; font-size: 0.875rem; line-height: 1.3; }
.services-component-wrapper { max-width: 105rem; margin-top: 5rem; margin-right: auto; margin-left: auto; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
.services-list { display: grid; justify-items: stretch; align-items: start; grid-auto-columns: 100%; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 100%; grid-template-rows: auto; }
.service-accordion { flex-direction: column; justify-content: flex-start; align-items: stretch; border-top-style: solid; border-top-width: 1px; border-top-color: @var_variable-dccb7db6; border-right-style: solid; border-right-width: 1px; border-right-color: @var_variable-dccb7db6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @var_variable-dccb7db6; border-left-style: solid; border-left-width: 1px; border-left-color: @var_variable-dccb7db6; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; transition-property: background-color; transition-duration: 300ms; transition-timing-function: ease; }
.service-accordion:hover { background-color: @var_variable-7f4592ea; }
.service-name { display: flex; padding-top: 1.25rem; padding-right: 1.5rem; padding-bottom: 1.25rem; padding-left: 1.5rem; justify-content: space-between; align-items: center; cursor: pointer; }
.accordion-icon-wrapper { display: flex; margin-left: 1.5rem; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; justify-content: center; align-items: center; align-self: flex-start; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @var_variable-4c043360; }
.accordion-icon { display: flex; width: 1.5rem; height: 1.5rem; flex-direction: column; justify-content: center; align-items: center; }
.service-description { overflow: hidden; padding-right: 1.5rem; padding-left: 1.5rem; }
.service-component { display: grid; padding-top: 1.5rem; padding-bottom: 1.5rem; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.text-weight-semibold { font-weight: 600; }
.service-image-wrapper { overflow: hidden; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
.service-image { width: 100%; height: 100%; aspect-ratio: 3/2; object-fit: cover; }
.section-services { margin-right: 5%; margin-left: 5%; }
.team-list { display: grid; justify-items: center; align-items: start; grid-auto-columns: 1fr; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; }
.team-item { display: flex; width: 100%; height: 100%; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; flex-direction: column; align-items: stretch; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
.team-image-wrapper { overflow: hidden; width: 100%; height: 100%; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
.team-image { width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover; }
.team-member-wrapper { display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 4px; grid-row-gap: 4px; }
.team-socials { display: flex; margin-top: 0.5rem; padding-top: 0.25rem; padding-right: 1rem; padding-bottom: 0.25rem; padding-left: 1rem; justify-content: flex-start; align-items: center; align-self: flex-start; grid-auto-flow: column; grid-auto-columns: 1fr; grid-column-gap: 0.875rem; grid-row-gap: 0.875rem; grid-template-columns: max-content; grid-template-rows: auto; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: @var_variable-4c043360; }
.team-social-icon { width: 1.5rem; height: 1.5rem; }
.member-info-wrapper { display: flex; width: 100%; height: 100%; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; flex-direction: column; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; background-color: @var_variable-1766b841; }
.team-section-header { display: flex; margin-bottom: 3rem; justify-content: space-between; align-items: flex-end; }
.faq-list { display: grid; justify-items: stretch; align-items: start; grid-auto-columns: 100%; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 100%; grid-template-rows: auto; }
.faq-accordion { flex-direction: column; justify-content: flex-start; align-items: stretch; border-top-style: solid; border-top-width: 1px; border-top-color: @var_variable-dccb7db6; border-right-style: solid; border-right-width: 1px; border-right-color: @var_variable-dccb7db6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @var_variable-dccb7db6; border-left-style: solid; border-left-width: 1px; border-left-color: @var_variable-dccb7db6; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; transition-property: background-color; transition-duration: 300ms; transition-timing-function: ease; }
.faq-accordion:hover { background-color: @var_variable-7f4592ea; }
.faq-question { display: flex; padding-top: 1.25rem; padding-right: 1.5rem; padding-bottom: 1.25rem; padding-left: 1.5rem; justify-content: space-between; align-items: center; cursor: pointer; }
.faq-icon-wrapper { display: flex; margin-left: 1.5rem; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; align-self: flex-start; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @var_variable-4c043360; }
.faq-icon { display: flex; width: 1.5rem; height: 1.5rem; flex-direction: column; justify-content: center; align-items: center; }
.faq-answer { overflow: hidden; padding-right: 1.5rem; padding-left: 1.5rem; }
.section-faq { margin-right: 5%; margin-left: 5%; }
.faq-component-wrapper { max-width: 105rem; margin-right: auto; margin-left: auto; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
.faq-contact-wrapper { margin-top: 3rem; padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-4c043360; color: @var_variable-dccb7db6; }
.projects-component { flex-direction: column; align-items: center; }
.project-list { display: grid; grid-column-gap: 2rem; grid-row-gap: 4rem; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; }
.project-item { padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border-top-style: solid; border-top-width: 1px; border-top-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-right-style: solid; border-right-width: 1px; border-right-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-left-style: solid; border-left-width: 1px; border-left-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; transition-property: border-color; transition-duration: 300ms; transition-timing-function: ease; }
.project-item:hover { border-top-style: solid; border-top-width: 1px; border-top-color: @var_variable-dccb7db6; border-right-style: solid; border-right-width: 1px; border-right-color: @var_variable-dccb7db6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @var_variable-dccb7db6; border-left-style: solid; border-left-width: 1px; border-left-color: @var_variable-dccb7db6; }
.project-item-link { display: flex; height: 100%; flex-direction: column; }
.project-image-wrapper { overflow: hidden; width: 100%; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
.project-image { width: 100%; height: 100%; aspect-ratio: 16/9; object-fit: cover; }
.project-title-wrapper { display: flex; padding-top: 1.5rem; padding-right: 1.25rem; padding-bottom: 1.5rem; padding-left: 1.25rem; flex-direction: column; justify-content: space-between; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.project-tag-list { display: flex; margin-top: 1rem; flex-wrap: wrap; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; }
.project-tag { display: inline-block; padding-top: 0.25rem; padding-right: 0.75rem; padding-bottom: 0.25rem; padding-left: 0.75rem; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @var_variable-4c043360; font-size: 0.875rem; font-weight: 600; text-decoration: none; }
.project-tag.w--current { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: @var_relume-variable-color-neutral-1; }
.project-button-wrapper { display: flex; margin-top: 1.5rem; }
.project-section-header { display: flex; margin-bottom: 3rem; justify-content: space-between; align-items: flex-end; }
.testimonial-component { display: grid; align-items: stretch; grid-auto-columns: 1fr; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; }
.testimonial-content { display: flex; width: 100%; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; background-color: @var_variable-1766b841; }
.testimonial-rating-wrapper { display: flex; margin-bottom: 2rem; padding-top: 0.4rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @var_variable-dccb7db6; }
.testimonial-rating-icon { display: flex; margin-right: 0.25rem; flex-direction: column; justify-content: center; align-items: center; color: @var_variable-4c043360; }
.testimonial-icon { display: flex; width: 1.5rem; height: 1.5rem; flex-direction: column; justify-content: center; align-items: center; }
.testimonial-client { display: flex; align-items: center; text-align: left; }
.section-testimonials { margin-right: 5%; margin-left: 5%; }
.testimonials-component-wrapper { max-width: 105rem; margin-right: auto; margin-left: auto; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
.footer-top-wrapper { align-items: start; grid-column-gap: 8vw; grid-row-gap: 1rem; grid-template-columns: 0.75fr 1fr; grid-template-rows: auto; }
.footer-left-wrapper { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }
.footer-logo-link { padding-left: 0rem; }
.footer-form-block { max-width: 35rem; margin-bottom: 0px; }
.footer-form { display: grid; margin-bottom: 0.75rem; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 1fr max-content; grid-template-rows: auto; }
.input-form { height: auto; min-height: 2.75rem; margin-bottom: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 1rem; border-top-style: none; border-top-width: 1px; border-top-color: black; border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @var_variable-4c043360; border-left-style: none; border-left-width: 1px; border-left-color: black; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @var_variable-1766b841; transition-property: border-color; transition-duration: 300ms; transition-timing-function: ease; color: @var_variable-dccb7db6; font-size: 1rem; line-height: 1.6; }
.input-form::placeholder { color: hsla(240, 0.00%, 0.00%, 0.60); }
.input-form:focus { border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-color: @var_variable-dccb7db6; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); }
.input-form:hover { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: @var_variable-dccb7db6; }
.input-form.is-text-area { min-height: 11.5rem; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
.success-message { padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; background-color: @var_relume-variable-color-neutral-3; }
.error-message { margin-top: 1.5rem; padding-top: 0.875rem; padding-right: 1rem; padding-bottom: 0.875rem; padding-left: 1rem; border-top-style: solid; border-top-width: 2px; border-top-color: @var_variable-1766b841; border-right-style: solid; border-right-width: 2px; border-right-color: @var_variable-1766b841; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: @var_variable-1766b841; border-left-style: solid; border-left-width: 2px; border-left-color: @var_variable-1766b841; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
.footer-menu-wrapper { align-items: start; grid-column-gap: 6rem; grid-row-gap: 1rem; grid-template-columns: max-content max-content max-content; grid-template-rows: auto; }
.footer-link-list { display: flex; flex-direction: column; justify-items: start; align-items: flex-start; grid-auto-columns: 100%; grid-template-columns: 100%; grid-template-rows: auto; }
.footer-link { padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; transition-property: background-color; transition-duration: 300ms; transition-timing-function: ease; font-size: 0.875rem; text-decoration: none; }
.footer-link:hover { background-color: @var_variable-4c043360; }
.footer-link.w--current { border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; }
.footer-link:hover { background-color: @var_variable-1766b841; }
.footer-social-link { display: flex; padding-top: 0.5rem; padding-bottom: 0.5rem; align-items: center; grid-column-gap: 0.75rem; grid-row-gap: 0.75rem; color: @var_variable-4c043360; font-size: 0.875rem; text-decoration: none; }
.social-icon { display: flex; width: 2rem; height: 2rem; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @var_variable-dccb7db6; }
.footer-line-divider { width: 100%; height: 1px; background-color: @var_variable-dccb7db6; }
.footer-credit-text { font-size: 0.875rem; }
.footer-logo { width: 9.5rem; }
.newsletter-footer-wrapper { padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; background-color: @var_variable-4c043360; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; }
.text-span-6 { color: @var_variable-dccb7db6; font-weight: 500; text-decoration: underline; }
.influx { color: @var_variable-dccb7db6; font-weight: 500; text-decoration: underline; }
.webflow { color: @var_variable-dccb7db6; font-weight: 500; text-decoration: underline; }
.footer-address { padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; color: @var_relume-variable-link-color-1; font-size: 0.875rem; text-decoration: none; }
.footer-links-list-title { margin-bottom: 1rem; padding-left: 0.75rem; }
.section-subpage-hero-header { padding-top: 4rem; }
.subpage-header-component { display: grid; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 5rem; grid-row-gap: 4rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.subpage-header-image-wrapper { overflow: hidden; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; }
.subpage-header-image { width: 100%; height: 100%; aspect-ratio: 1/1; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; object-fit: cover; }
.stats-component { display: flex; flex-direction: column; justify-content: center; align-items: stretch; }
.stats-list { display: grid; width: 100%; grid-auto-columns: 1fr; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; }
.stats-item { display: flex; width: 100%; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; flex-direction: column; justify-content: space-between; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; background-color: @var_variable-1766b841; }
.stats-item.is-green { background-color: @var_variable-4c043360; }
.stats-item.is-dark { background-color: @var_variable-dccb7db6; color: @var_variable-1766b841; }
.stat-number { font-size: 5rem; line-height: 1.3; font-weight: 600; }
.stat-image-wrapper { overflow: hidden; height: 100%; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
.stat-image { width: 100%; height: 100%; aspect-ratio: 3/2; object-fit: cover; }
.stats-section-header { display: flex; margin-bottom: 3rem; justify-content: space-between; align-items: flex-end; }
.section-stat { margin-right: 5%; margin-left: 5%; }
.stats-component-wrapper { max-width: 105rem; margin-top: 5rem; margin-right: auto; margin-left: auto; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
.cta-component { overflow: hidden; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; grid-template-rows: auto; }
.cta-card { display: grid; overflow: hidden; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; align-items: stretch; grid-auto-columns: 1fr; grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
.cta-card-conent { display: flex; padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; flex-direction: column; justify-content: center; align-items: flex-start; }
.cta-image-wrapper { display: flex; overflow: hidden; width: 100%; height: 100%; justify-content: center; align-items: center; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
.cta-image { width: 100%; height: 100%; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
.values-component { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.values-list { display: grid; width: 100%; grid-auto-columns: 1fr; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; }
.values-item { display: flex; width: 100%; padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; flex-direction: column; justify-content: space-between; grid-column-gap: 4rem; grid-row-gap: 4rem; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; background-color: @var_variable-4c043360; }
.values-item.is-grey { background-color: @var_variable-7f4592ea; }
.section-case-studies { margin-right: 5%; margin-bottom: 6rem; margin-left: 5%; }
.case-studies-component-wrapper { max-width: 105rem; margin-right: auto; margin-left: auto; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
.case-studies-list { grid-column-gap: 3rem; grid-row-gap: 4rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto; column-count: 2; column-gap: 3rem; }
.case-study-item { display: inline-block; height: 100%; margin-bottom: 3rem; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border-top-style: solid; border-top-width: 1px; border-top-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-right-style: solid; border-right-width: 1px; border-right-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-left-style: solid; border-left-width: 1px; border-left-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; background-color: @var_variable-1766b841; transition-property: border-color; transition-duration: 300ms; transition-timing-function: ease; }
.case-study-item:hover { border-top-color: @var_variable-dccb7db6; border-right-color: @var_variable-dccb7db6; border-bottom-color: @var_variable-dccb7db6; border-left-color: @var_variable-dccb7db6; }
.case-study-item-link { display: flex; height: 100%; flex-direction: column; }
.case-study-image-wrapper { overflow: hidden; width: 100%; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
.case-study-image { width: 100%; height: 100%; object-fit: cover; }
.case-study-title-wrapper { padding-top: 1.5rem; padding-right: 1.25rem; padding-bottom: 1.5rem; padding-left: 1.25rem; }
.section-contact { margin-top: 4rem; }
.contact-component { display: grid; align-items: start; grid-auto-columns: 1fr; grid-column-gap: 5rem; grid-row-gap: 4rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.contact-list { display: grid; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; grid-template-rows: auto; }
.contact-item { display: flex; justify-content: flex-start; align-items: center; grid-column-gap: 0.75rem; grid-row-gap: 0.75rem; }
.contact-icon { display: flex; width: 2rem; height: 2rem; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @var_variable-dccb7db6; color: @var_variable-4c043360; }
.contact-form-block { margin-bottom: 0px; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; flex-direction: column; align-items: stretch; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-4c043360; }
.contact-form { display: grid; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; grid-template-rows: auto auto; }
.form-field-wrapper { position: relative; }
.form-field-label { margin-bottom: 0.5rem; padding-left: 1rem; font-weight: 400; }
.success-text { font-weight: 600; }
.error-text { color: hsla(0, 74.58%, 55.42%, 1.00); }
.form-field-2col { display: grid; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.form-button-wrapper { display: flex; margin-top: 0.5rem; padding-right: 0.5rem; padding-left: 0.5rem; justify-content: space-between; align-items: center; }
.blogs-component { flex-direction: column; align-items: center; }
.blogs-list { display: grid; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; }
.blog-item { padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border-top-style: solid; border-top-width: 1px; border-top-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-right-style: solid; border-right-width: 1px; border-right-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-left-style: solid; border-left-width: 1px; border-left-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; background-color: @var_variable-1766b841; transition-property: border-color; transition-duration: 300ms; transition-timing-function: ease; }
.blog-item:hover { border-top-style: solid; border-top-width: 1px; border-top-color: @var_variable-dccb7db6; border-right-style: solid; border-right-width: 1px; border-right-color: @var_variable-dccb7db6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @var_variable-dccb7db6; border-left-style: solid; border-left-width: 1px; border-left-color: @var_variable-dccb7db6; }
.blog-item.is-light-grey { background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
.blog-item-link { display: flex; height: 100%; flex-direction: column; }
.blog-image-wrapper { overflow: hidden; width: 100%; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
.blog-image { width: 100%; height: 100%; aspect-ratio: 16/9; object-fit: cover; }
.blog-title-wrapper { display: flex; padding-top: 1.5rem; padding-right: 1.25rem; padding-bottom: 0.5rem; padding-left: 1.25rem; flex-direction: column; justify-content: space-between; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.blog-button-wrapper { display: flex; margin-top: 1.5rem; }
.section-case-study-header { margin-top: 4rem; }
.case-study-header-content-wrapper { display: grid; align-items: start; grid-auto-columns: 1fr; grid-column-gap: 10rem; grid-row-gap: 10rem; grid-template-columns: 1.5fr 1fr; grid-template-rows: auto; }
.case-study-tags-list { display: flex; margin-bottom: 1.5rem; flex-direction: row; flex-wrap: wrap; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; }
.case-study-information-wrapper { display: grid; grid-auto-columns: 1fr; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; grid-template-rows: auto auto; }
.case-study-header-image-wrapper { overflow: hidden; width: 100%; height: 85vh; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; }
.case-study-header-image { width: 100%; height: 100%; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; object-fit: cover; }
.section-case-study-details { margin-right: 5%; margin-left: 5%; }
.case-study-details-wrapper { max-width: 105rem; margin-right: auto; margin-left: auto; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
.image { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
.section-blog-header { margin-top: 4rem; }
.blog-header-content-wrapper { display: flex; justify-content: center; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 10rem; grid-row-gap: 10rem; grid-template-columns: 1.5fr 1fr; grid-template-rows: auto; text-align: center; }
.blog-date-wrapper { display: flex; margin-bottom: 1.5rem; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; }
.blog-date { display: inline-block; padding-top: 0.25rem; padding-right: 0.75rem; padding-bottom: 0.25rem; padding-left: 0.75rem; border-top-left-radius: 100rem; border-top-right-radius: 100rem; border-bottom-left-radius: 100rem; border-bottom-right-radius: 100rem; background-color: @var_variable-4c043360; font-size: 0.875rem; font-weight: 600; text-decoration: none; }
.blog-date.w--current { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: @var_relume-variable-color-neutral-1; }
.blog-header-image-wrapper { overflow: hidden; width: 100%; height: 85vh; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; }
.blog-header-image { width: 100%; height: 100%; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; object-fit: cover; }
.section-blog-details { margin-right: 5%; margin-left: 5%; }
.blog-details-wrapper { max-width: 105rem; margin-right: auto; margin-left: auto; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
.blog-section-header { display: flex; margin-bottom: 3rem; justify-content: space-between; align-items: flex-end; }
.section-service-description { margin-right: 5%; margin-bottom: 6rem; margin-left: 5%; }
.service-description-wrapper { max-width: 105rem; margin-right: auto; margin-left: auto; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
.section-blog { margin-right: 5%; margin-bottom: 6rem; margin-left: 5%; }
.blog-component-wrapper { max-width: 105rem; margin-right: auto; margin-left: auto; border-top-left-radius: 3rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
@media (max-width: 991px) {
  h1 { font-size: 6.5vw; }
  h2 { font-size: 2.75rem; }
  h3 { font-size: 2.25rem; }
  h4 { font-size: 1.75rem; }
  .margin-xlarge { margin-top: 3.5rem; margin-right: 3.5rem; margin-bottom: 3.5rem; margin-left: 3.5rem; }
  .margin-top { margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem; }
  .margin-bottom { margin-top: 0rem; margin-right: 0rem; margin-left: 0rem; }
  .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-padding-medium { padding-top: 4rem; padding-bottom: 4rem; }
  .padding-bottom { padding-top: 0rem; padding-right: 0rem; padding-left: 0rem; }
  .padding-bottom.padding-huge { padding-bottom: 6rem; }
  .padding-top { padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
  .padding-vertical { padding-right: 0rem; padding-left: 0rem; }
  .padding-horizontal { padding-top: 0rem; padding-bottom: 0rem; }
  .padding-left { padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; }
  .padding-right { padding-top: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
  .padding-large { padding-top: 2.5rem; padding-right: 2.5rem; padding-bottom: 2.5rem; padding-left: 2.5rem; }
  .padding-xlarge { padding-top: 3.5rem; padding-right: 3.5rem; padding-bottom: 3.5rem; padding-left: 3.5rem; }
  .padding-xxlarge { padding-top: 4.5rem; padding-right: 4.5rem; padding-bottom: 4.5rem; padding-left: 4.5rem; }
  .padding-huge { padding-top: 5rem; padding-right: 5rem; padding-bottom: 5rem; padding-left: 5rem; }
  .padding-xhuge { padding-top: 6rem; padding-right: 6rem; padding-bottom: 6rem; padding-left: 6rem; }
  .margin-vertical { margin-right: 0rem; margin-left: 0rem; }
  .margin-horizontal { margin-top: 0rem; margin-bottom: 0rem; }
  .margin-left { margin-top: 0rem; margin-right: 0rem; margin-bottom: 0rem; }
  .margin-right { margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; }
  .margin-large { margin-top: 2.5rem; margin-right: 2.5rem; margin-bottom: 2.5rem; margin-left: 2.5rem; }
  .margin-xxlarge { margin-top: 4.5rem; margin-right: 4.5rem; margin-bottom: 4.5rem; margin-left: 4.5rem; }
  .margin-huge { margin-top: 5rem; margin-right: 5rem; margin-bottom: 5rem; margin-left: 5rem; }
  .margin-xhuge { margin-top: 6rem; margin-right: 6rem; margin-bottom: 6rem; margin-left: 6rem; }
  .hide-tablet { display: none; }
  .hero-header-content-wrapper { padding-top: 10%; grid-column-gap: 3rem; grid-row-gap: 2rem; grid-template-columns: 1fr; }
  .license-wrapper { padding-bottom: 10%; padding-left: 5%; }
  .licenses-list { grid-column-gap: 2rem; grid-template-columns: 1fr 1fr 1fr 1fr; }
  .changelog-wrapper { padding-top: 10%; padding-bottom: 10%; padding-left: 5%; }
  .changelog-header-content-wrapper { padding-top: 10%; grid-column-gap: 3rem; grid-row-gap: 2rem; grid-template-columns: 1fr; }
  .menu-icon-line-bottom { width: 24px; height: 2px; padding-right: 0px; padding-bottom: 0px; background-color: @var_variable-dccb7db6; }
  .navbar-link { padding-top: 0.75rem; padding-right: 0rem; padding-bottom: 0.75rem; padding-left: 0rem; font-size: 1.125rem; }
  .menu-icon { display: flex; width: 48px; height: 48px; margin-right: -0.5rem; padding-right: 0rem; padding-bottom: 0rem; flex-direction: column; justify-content: center; align-items: center; }
  .navbar-menu-button { padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
  .menu-icon-line-top { width: 24px; height: 2px; padding-right: 0px; padding-bottom: 0px; background-color: @var_variable-dccb7db6; }
  .navbar-container { padding-right: 1.5rem; }
  .navbar-component { width: 100%; margin-right: auto; margin-left: auto; padding-right: 5%; padding-left: 5%; }
  .navbar-menu-link-wrapper { width: 100%; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; flex-direction: column; border-top-style: none; border-top-width: 1px; border-top-color: @var_relume-variable-border-color-1; border-right-style: none; border-right-width: 1px; border-right-color: @var_relume-variable-border-color-1; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: @var_relume-variable-border-color-1; border-left-style: none; border-left-width: 1px; border-left-color: @var_relume-variable-border-color-1; background-color: @var_variable-dd703dfd-6785-6cce-b1e0-7c5bc0dfc720; }
  .menu-icon-line-middle { display: flex; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-right: 0px; padding-bottom: 0px; justify-content: center; align-items: center; background-color: @var_variable-dccb7db6; }
  .navbar-button-wrapper { margin-top: 1rem; margin-left: 0rem; flex-direction: column; align-items: stretch; grid-row-gap: 1rem; }
  .navbar-menu { position: absolute; display: flex; overflow: auto; width: 100%; margin-top: 1rem; justify-content: center; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; background-color: @var_variable-7f4592ea; background-clip: border-box; }
  .menu-icon-line-middle-inner { width: 4px; height: 0px; padding-right: 0px; padding-bottom: 0px; }
  .header-image-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .header-image { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .logo-component { display: flex; grid-row-gap: 2rem; }
  .services-component-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .service-accordion { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .service-component { min-height: auto; grid-auto-flow: row; grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-columns: 1fr; }
  .team-list { grid-column-gap: 2rem; grid-template-columns: 1fr 1fr; }
  .team-section-header { flex-direction: column; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 2rem; grid-row-gap: 2rem; }
  .faq-accordion { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .faq-component-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .faq-contact-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .project-list { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr 1fr; }
  .project-item { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
  .project-image-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .project-image { aspect-ratio: 1/1; }
  .project-title-wrapper { padding-top: 1.25rem; padding-right: 1rem; padding-bottom: 1.25rem; padding-left: 1rem; }
  .project-section-header { flex-direction: column; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 2rem; grid-row-gap: 2rem; }
  .testimonial-component { grid-template-columns: 1fr; }
  .testimonials-component-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .footer-top-wrapper { grid-row-gap: 4rem; grid-template-columns: 1fr; }
  .subpage-header-component { min-height: auto; grid-auto-flow: row; grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-columns: 1fr; }
  .subpage-header-image-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .subpage-header-image { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .stats-list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr 1fr; }
  .stat-number { font-size: 4rem; }
  .stats-section-header { flex-direction: column; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 2rem; grid-row-gap: 2rem; }
  .stats-component-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .cta-card { min-height: auto; padding-left: 2rem; grid-auto-flow: row; grid-template-columns: 1fr; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .cta-card-conent { padding-top: 0rem; padding-right: 0rem; padding-bottom: 2rem; padding-left: 0rem; }
  .values-list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; }
  .case-studies-component-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .case-studies-list { grid-column-gap: 2rem; grid-template-columns: 1fr 1fr; column-gap: 2rem; }
  .case-study-item { margin-bottom: 2rem; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
  .case-study-image-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .case-study-title-wrapper { padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; }
  .contact-component { min-height: auto; grid-auto-flow: row; grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-columns: 1fr; }
  .contact-form-block { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .blogs-list { grid-column-gap: 2rem; grid-template-columns: 1fr 1fr; }
  .blog-item { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
  .blog-image-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .blog-image { aspect-ratio: 3/2; }
  .blog-title-wrapper { padding-top: 1.25rem; padding-right: 1rem; padding-left: 1rem; }
  .case-study-header-content-wrapper { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-columns: 1.5fr; }
  .case-study-header-image-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .case-study-header-image { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .case-study-details-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .blog-header-content-wrapper { grid-column-gap: 3rem; grid-row-gap: 3rem; }
  .blog-header-image-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .blog-header-image { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .blog-details-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .blog-section-header { flex-direction: column; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 2rem; grid-row-gap: 2rem; }
  .service-description-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
  .blog-component-wrapper { border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
}
@media (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-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; }
  .margin-xsmall { margin-top: 0.75rem; margin-right: 0.75rem; margin-bottom: 0.75rem; margin-left: 0.75rem; }
  .margin-small { margin-top: 1.25rem; margin-right: 1.25rem; margin-bottom: 1.25rem; margin-left: 1.25rem; }
  .margin-medium { margin-top: 1.5rem; margin-right: 1.5rem; margin-bottom: 1.5rem; margin-left: 1.5rem; }
  .margin-xlarge { margin-top: 2.5rem; margin-right: 2.5rem; margin-bottom: 2.5rem; margin-left: 2.5rem; }
  .margin-top { margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem; }
  .margin-bottom { margin-top: 0rem; margin-right: 0rem; margin-left: 0rem; }
  .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-top: 0.25rem; padding-right: 1rem; padding-bottom: 0.25rem; padding-left: 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-top: 4rem; padding-bottom: 4rem; }
  .section-padding-small { padding-top: 2rem; padding-bottom: 2rem; }
  .section-padding-medium { padding-top: 3rem; padding-bottom: 3rem; }
  .padding-bottom { padding-top: 0rem; padding-right: 0rem; padding-left: 0rem; }
  .padding-top { padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
  .padding-vertical { padding-right: 0rem; padding-left: 0rem; }
  .padding-horizontal { padding-top: 0rem; padding-bottom: 0rem; }
  .padding-left { padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; }
  .padding-right { padding-top: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
  .padding-xsmall { padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; }
  .padding-small { padding-top: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; }
  .padding-medium { padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; }
  .padding-large { padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; }
  .padding-xlarge { padding-top: 2.5rem; padding-right: 2.5rem; padding-bottom: 2.5rem; padding-left: 2.5rem; }
  .padding-xxlarge { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; }
  .padding-huge { padding-top: 3.5rem; padding-right: 3.5rem; padding-bottom: 3.5rem; padding-left: 3.5rem; }
  .padding-xhuge { padding-top: 4rem; padding-right: 4rem; padding-bottom: 4rem; padding-left: 4rem; }
  .margin-vertical { margin-right: 0rem; margin-left: 0rem; }
  .margin-horizontal { margin-top: 0rem; margin-bottom: 0rem; }
  .margin-left { margin-top: 0rem; margin-right: 0rem; margin-bottom: 0rem; }
  .margin-right { margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; }
  .margin-large { margin-top: 2rem; margin-right: 2rem; margin-bottom: 2rem; margin-left: 2rem; }
  .margin-xxlarge { margin-top: 3rem; margin-right: 3rem; margin-bottom: 3rem; margin-left: 3rem; }
  .margin-huge { margin-top: 3.5rem; margin-right: 3.5rem; margin-bottom: 3.5rem; margin-left: 3.5rem; }
  .margin-xhuge { margin-top: 4rem; margin-right: 4rem; margin-bottom: 4rem; margin-left: 4rem; }
  .hide-mobile-landscape { display: none; }
  .hero-header-content-wrapper { padding-top: 15%; grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-columns: 1fr; }
  .license-wrapper { min-height: 70dvh; }
  .licenses-list { grid-row-gap: 3rem; grid-template-columns: 1fr 1fr 1fr; }
  .license-image-wrapper { height: 100%; }
  .changelog-header-content-wrapper { padding-top: 15%; grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-columns: 1fr; }
  .navbar-container { min-height: 4rem; padding-right: 1.25rem; padding-left: 1.25rem; }
  .navbar-component { margin-top: 1.25rem; }
  .navbar-menu-link-wrapper { padding-top: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; }
  .logo-component { padding-top: 1rem; }
  .client-logo { max-height: 3rem; }
  .service-name { padding-top: 1rem; padding-right: 1.25rem; padding-bottom: 1rem; padding-left: 1.25rem; }
  .accordion-icon-wrapper { width: 1.75rem; }
  .service-description { padding-right: 1.25rem; padding-left: 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%; }
  .faq-question { padding-top: 1rem; padding-right: 1.25rem; padding-bottom: 1rem; padding-left: 1.25rem; }
  .faq-icon-wrapper { width: 1.75rem; }
  .faq-answer { padding-right: 1.25rem; padding-left: 1.25rem; }
  .project-list { grid-row-gap: 3rem; grid-template-columns: 1fr; }
  .testimonial-component { grid-template-columns: 1fr; }
  .testimonial-content { padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; }
  .testimonial-client { width: 100%; flex-direction: column; align-items: flex-start; }
  .footer-top-wrapper { grid-row-gap: 3rem; }
  .footer-menu-wrapper { grid-column-gap: 1.5rem; }
  .footer-credit-text { margin-top: 1.5rem; }
  .footer-bottom { padding-bottom: 1rem; flex-direction: column-reverse; align-items: flex-start; }
  .subpage-header-component { grid-column-gap: 3rem; grid-row-gap: 3rem; }
  .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-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; }
  .values-list { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; grid-template-columns: 1fr; }
  .case-studies-list { grid-auto-columns: 1fr; grid-column-gap: 2rem; grid-row-gap: 3rem; grid-template-columns: 1fr; grid-template-rows: auto; column-count: 1; }
  .case-study-item { margin-bottom: 3rem; }
  .contact-component { grid-row-gap: 3rem; grid-template-columns: 1fr; }
  .blogs-list { grid-row-gap: 3rem; grid-template-columns: 1fr; }
  .case-study-header-content-wrapper { grid-template-columns: 1fr; }
  .blog-header-content-wrapper { grid-template-columns: 1fr; }
}
@media (max-width: 479px) {
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.5rem; text-transform: none; }
  h3 { font-size: 1.3rem; }
  h4 { font-size: 1.25rem; }
  h5 { font-size: 1rem; }
  h6 { font-size: 0.875rem; }
  .utility-component { padding-top: 3%; padding-right: 3%; padding-bottom: 3%; padding-left: 3%; }
  .utility-form-block { padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; }
  .utility-form { padding-top: 3rem; padding-right: 1rem; padding-bottom: 3rem; padding-left: 1rem; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
  .margin-top { margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem; }
  .margin-bottom { margin-top: 0rem; margin-right: 0rem; margin-left: 0rem; }
  .heading-style-h2 { font-size: 1.5rem; }
  .styleguide-grid-colors { grid-template-columns: 1fr; }
  .heading-style-h6 { font-size: 0.875rem; }
  .heading-style-h5 { font-size: 1.25rem; }
  .heading-style-h1 { font-size: 2rem; }
  .button { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .button.is-form { justify-content: center; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; text-align: center; }
  .button.is-navbar { justify-content: center; align-items: center; text-align: center; }
  .heading-style-h4 { font-size: 1.25rem; }
  .heading-style-h3 { font-size: 1.3rem; }
  .button-group { grid-column-gap: 0.75rem; grid-row-gap: 0.75rem; }
  .padding-global { padding-right: 5%; padding-left: 5%; }
  .padding-global.is-2rem { padding-right: 1rem; padding-left: 1rem; }
  .section-padding-large.smaller-padding-mobile { padding-top: 1rem; padding-bottom: 1rem; }
  .button-secondary { padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; }
  .padding-bottom { padding-top: 0rem; padding-right: 0rem; padding-left: 0rem; }
  .padding-bottom.padding-huge { padding-bottom: 4rem; }
  .padding-top { padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
  .padding-vertical { padding-right: 0rem; padding-left: 0rem; }
  .padding-horizontal { padding-top: 0rem; padding-bottom: 0rem; }
  .padding-left { padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; }
  .padding-right { padding-top: 0rem; padding-bottom: 0rem; padding-left: 0rem; }
  .margin-vertical { margin-right: 0rem; margin-left: 0rem; }
  .margin-horizontal { margin-top: 0rem; margin-bottom: 0rem; }
  .margin-left { margin-top: 0rem; margin-right: 0rem; margin-bottom: 0rem; }
  .margin-right { margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; }
  .hide-mobile-portrait { display: none; }
  .hero-header-content-wrapper { padding-top: 20%; padding-bottom: 10%; grid-template-columns: 1fr; }
  .license-wrapper { min-height: 80dvh; padding-bottom: 5%; justify-content: center; }
  .licenses-list { grid-template-columns: 1fr 1fr; }
  .license-image-wrapper { padding-top: 90%; }
  .changelog-wrapper { padding-right: 3%; padding-bottom: 10%; padding-left: 3%; justify-content: center; text-align: center; }
  .changelog-header-content-wrapper { padding-top: 20%; padding-bottom: 10%; grid-template-columns: 1fr; }
  .navbar-container { min-height: auto; padding-top: 0.25rem; padding-right: 1rem; padding-bottom: 0.25rem; padding-left: 0.75rem; }
  .navbar-logo { width: 8rem; }
  .navbar-button-wrapper { width: 100%; text-align: center; }
  .header-image-wrapper { height: 40vh; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .header-image { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .logo-component { display: grid; justify-content: center; grid-auto-columns: 1fr; grid-column-gap: 3rem; grid-row-gap: 2rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .client-logo { height: 2rem; max-height: 2rem; }
  .services-component-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .service-accordion { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .service-description { padding-right: 0.75rem; padding-left: 0.75rem; }
  .service-component { padding-bottom: 1rem; grid-template-columns: 1fr; }
  .service-image-wrapper { aspect-ratio: 1/1; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .team-list { grid-row-gap: 1rem; grid-template-columns: 1fr; }
  .faq-accordion { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .faq-component-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .faq-contact-wrapper { padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .project-list { grid-row-gap: 1rem; }
  .project-item { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
  .project-image-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .project-title-wrapper { padding-top: 1rem; padding-right: 0.5rem; padding-bottom: 1rem; padding-left: 0.5rem; }
  .project-section-header { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; }
  .testimonial-component { grid-column-gap: 1rem; grid-row-gap: 1rem; }
  .testimonial-content { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .testimonials-component-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .footer-top-wrapper { grid-row-gap: 48px; }
  .footer-form { flex-direction: column; grid-row-gap: 12px; grid-template-columns: 1fr; }
  .input-form.is-text-area { min-height: 15rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .footer-menu-wrapper { grid-row-gap: 2.5rem; grid-template-columns: 1fr; }
  .footer-link { padding-left: 0rem; }
  .newsletter-footer-wrapper { padding-right: 1rem; padding-left: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .footer-address { padding-left: 0rem; }
  .footer-links-list-title { padding-left: 0rem; }
  .subpage-header-component { grid-template-columns: 1fr; }
  .subpage-header-image-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .subpage-header-image { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .stats-list { overflow: hidden; grid-row-gap: 1rem; grid-template-columns: 1fr; }
  .stats-item { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .stat-image-wrapper { z-index: 20; overflow: visible; width: 100%; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .stat-image { display: block; overflow: clip; aspect-ratio: 1/1; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .stats-component-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .cta-card { padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; grid-template-columns: 1fr; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .cta-card-conent { padding-top: 0rem; padding-right: 0rem; padding-bottom: 2rem; padding-left: 0rem; }
  .cta-image-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .cta-image { aspect-ratio: 1/1; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; object-fit: cover; }
  .values-list { grid-row-gap: 1rem; grid-template-columns: 1fr; }
  .values-item { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .section-case-studies { margin-bottom: 4rem; }
  .case-studies-component-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .case-study-item { margin-bottom: 1rem; }
  .case-study-image { aspect-ratio: 1/1; }
  .case-study-title-wrapper { padding-right: 0.5rem; padding-left: 0.5rem; }
  .contact-component { grid-template-columns: 1fr; }
  .contact-form-block { padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .form-field-2col { grid-template-columns: 1fr; }
  .form-button-wrapper { padding-right: 0rem; padding-left: 0rem; }
  .blogs-list { grid-row-gap: 1rem; }
  .blog-item { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
  .blog-image { aspect-ratio: 1/1; }
  .blog-title-wrapper { padding-top: 1rem; padding-right: 0.5rem; padding-left: 0.5rem; }
  .case-study-header-image-wrapper { height: 55vh; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .case-study-header-image { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .blog-header-image-wrapper { height: 55vh; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .blog-header-image { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .blog-details-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .section-service-description { margin-bottom: 4rem; }
  .service-description-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
  .section-blog { margin-bottom: 4rem; }
  .blog-component-wrapper { border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
}