/* ZINOX STUDIO - consolidated stylesheet (hand-cleaned Webflow export).
   1  reset (normalize)
   2  base framework -- the load-bearing rules, renamed .wf-
   2b widget geometry the dropped runtime rules used to provide, re-keyed on
      this design's own class names
   3  Zinox Studio design -- the export's own values, unchanged
   4  components -- vanilla replacements for the Webflow runtime and for its
      IX2 / IX3 interactions

   Fonts: assets/fonts/fonts.css -- Anton, Inter Tight and Space Grotesk, all
   three self-hosted woff2 and all three SIL OFL 1.1. The export pulled them
   from Google at runtime through webfont.js; no family is substituted, so
   every `--_typography---font-family--*` in :root below still names exactly
   what the design named. */

/* ======================================================================
   1. Reset (normalize)
   ====================================================================== */
html {
  font-family: sans-serif;
  
  -ms-text-size-adjust: 100%;
  
  -webkit-text-size-adjust: 100%;
  
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  
  vertical-align: baseline;
  
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit;
  
  font: inherit;
  
  margin: 0;
  
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  
  cursor: pointer;
  
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'], input[type='radio'] {
  box-sizing: border-box;
  
  padding: 0;
  
}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: none;
  
}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  
  padding: 0;
  
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}

/* ======================================================================
   2. Base framework (runtime-only rules dropped; the rest kept as .wf-)
   ====================================================================== */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
.inline-block {
  max-width: 100%;
  display: inline-block;
}
.wf-code-block {
  margin: unset;
}
pre.wf-code-block code {
  all: inherit;
}
pre.wf-code-block code > span {
  display: block !important;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
h1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
h2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
h5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
h6 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
}
blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px;
}
figure {
  margin: 0;
  margin-bottom: 10px;
}
figcaption {
  margin-top: 5px;
  text-align: center;
}
ul, ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.embed:before, .embed:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.embed:after {
  clear: both;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
button, [type='button'], [type='reset'] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}
.wf-form {
  margin: 0 0 15px;
}
.wf-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #dddddd;
}
.wf-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede;
}
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}.wf-input {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.wf-input::placeholder {
  color: #999;
}
.wf-input:focus {
  border-color: #3898EC;
  outline: 0;
}
.wf-input[disabled], .wf-input[readonly], fieldset[disabled] .wf-input {
  cursor: not-allowed;
}
.wf-input[readonly] {
  background-color: #eeeeee;
}
textarea.wf-input {
  height: auto;
}

.richtext:before, .richtext:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.richtext:after {
  clear: both;
}
.richtext[contenteditable="true"]:before, .richtext[contenteditable="true"]:after {
  white-space: initial;
}
.richtext ol, .richtext ul {
  overflow: hidden;
}.richtext figure[data-rt-type="video"] > div:after {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.richtext figure {
  position: relative;
  max-width: 60%;
}
.richtext figure > div:before {
  cursor: default!important;
}
.richtext figure img {
  width: 100%;
}
.richtext figure div {
  
  font-size: 0px;
  color: transparent;
}
.richtext figure.wf-richtext-figure-type-image, .richtext figure[data-rt-type="image"] {
  display: table;
}
.richtext figure.wf-richtext-figure-type-image > div, .richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}
.richtext figure.wf-richtext-figure-type-image > figcaption, .richtext figure[data-rt-type="image"] > figcaption {
  display: table-caption;
  caption-side: bottom;
}.richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}
.richtext figure[data-rt-type="video"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.richtext figure.wf-richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.richtext figure.wf-richtext-align-fullwidth > div {
  display: inline-block;
  
  padding-bottom: inherit;
}
.richtext figure.wf-richtext-align-fullwidth > figcaption {
  display: block;
}
.tabset {
  position: relative;
}
.tabset:before, .tabset:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.tabset:after {
  clear: both;
}
.tabset-menu {
  position: relative;
}
.tabset-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 9px 30px;
  text-align: left;
  cursor: pointer;
  color: #222222;
  background-color: #dddddd;
}
.tabset-link[aria-current="page"], .tabset-link.is-active {
  background-color: #C8C8C8;
}
.tabset-link:focus {
  outline: 0;
}
.tabset-content {
  position: relative;
  display: block;
  overflow: hidden;
}
.tabset-pane {
  position: relative;
  display: none;
}
.tabset-pane.is-active {
  display: block;
}@media screen and (max-width: 479px) {

  .tabset-link {
    display: block;
  }}
@keyframes spin {

  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }}


/* ======================================================================
   2b. Widget geometry, re-keyed on this design's own class names
   ======================================================================

   build_css drops Webflow's nav and slider rules from section 2, because the
   markup they hung on is re-authored and the classes they named are gone. But
   several of those rules were LOAD-BEARING LAYOUT, not runtime plumbing: the
   design sheet overrode a nav link's padding and never its `text-decoration`,
   sized a slider mask and never gave it `overflow: hidden`. Everything the
   design does not re-declare is transcribed here, verbatim, against the class
   this design actually uses.

   This file is emitted BETWEEN the framework and the design sheet, never
   after. Emitted last it would out-rank the design at equal specificity and
   silently win every one of these properties instead of losing them, which is
   the opposite of what a transcription is for. */


/* ---- the header bar -------------------------------------------------- */
/* `.w-nav`. `background: #dddddd` is not transcribed: `.navbar` declares
   `background-color: transparent` itself, so the framework grey never showed.
   The `:before`/`:after` clearfix is not transcribed either -- it existed to
   contain the floats below, and `.nav-content` is `display: flex`, which makes
   every one of those floats inert. */
.navbar {
  z-index: 1000;
  position: relative;
}

/* `.w-nav-brand`. `float: left` is inert inside the flex row, but
   `text-decoration: none` is not: without it the logo link is underlined. */
.brand-logo-link {
  text-decoration: none;
}

/* `.w-nav-menu`. `position: relative` is what the mobile overlay is measured
   against once main.js moves the menu into it. */
.nav-menu-inner {
  position: relative;
}

/* `.w-nav-link`. The design gives `.nav-link` its padding, colour and flex
   centring, and none of these four. `text-align` and the auto margins matter
   at desktop; the design resets `margin-left` to 0 itself below 992px. */
.nav-link {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  text-decoration: none;
}

/* `.w-nav-button`, plus the reset a <div> did not need and a <button> does.
   `float: right` is inert in the flex row and is not transcribed. */
.menu-button {
  position: relative;
  display: none;
  padding: 18px;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  font-size: 24px;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}

/* `.w-nav[data-collapse='medium']`: the whole of the widget's responsive
   behaviour was one breakpoint, and a breakpoint is a media query. */
@media screen and (max-width: 991px) {
  .navbar .nav-menu-inner {
    display: none;
  }

  .menu-button {
    display: block;
  }

  /* `.w-nav-overlay`. Webflow moved the menu into an absolutely positioned
     overlay on open; main.js does the same. `top: 100%` is measured from the
     BAR -- an earlier conversion measured it from the padded wrapper inside
     and dropped the panel a section's worth of padding too low. */
  .navbar[data-nav-open] .nav-menu-inner {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
  }
}


/* ---- the sliders ----------------------------------------------------- */
/* Four sliders ship: the award strip (home + about), the blog carousel
   (home) and the testimonial ratings (about). Each was a Webflow slider
   widget; each keeps its own design classes and gains the geometry the
   widget used to supply.

   `.w-slider`'s `height: 300px` and `background: #dddddd` are NOT
   transcribed -- every one of these sliders re-declares both. */
.award-slider,
.home-blogs-slider,
.rating-slider {
  position: relative;
  clear: both;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* `.w-slider-mask`. `white-space: nowrap` is what kept the inline-block
   slides on one line; the track is a flex row here, so it is not needed and
   would only re-wrap the text inside a slide. */
.award-slider-mask,
.home-blogs-slider-mask,
.rating-mask {
  position: relative;
  z-index: 1;
  left: 0;
  right: 0;
  height: 100%;
}

/* The track Webflow translated. The widget laid its slides out as
   `inline-block` inside a `nowrap` mask; a flex row does the same job without
   the whitespace sensitivity, and `will-change` keeps the transform on its
   own layer for the length of a transition. */
[data-slider-track] {
  display: flex;
  flex-wrap: nowrap;
}

/* `.w-slide`. `display: inline-block` and `vertical-align: top` belong to the
   old layout; the rest is the slide's own box. */
[data-slide] {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  text-align: left;
  white-space: normal;
}

/* `.w-slider-arrow-left` / `-right`, plus the <button> reset. The design
   sizes both arrows through `.award-slider-btn` and `.left-arrow`, so only
   the positioning context and the pointer behaviour are transcribed. */
[data-slider-left],
[data-slider-right] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: 0;
  border: 0;
  overflow: hidden;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}

/* A non-looping slider disables its arrows at the ends (main.js sets the
   `disabled` attribute, as Webflow greyed its own out). The design gives them
   no disabled state, so one is written here. */
[data-slider-left][disabled],
[data-slider-right][disabled] {
  opacity: .3;
  cursor: default;
}

[data-slider-left] {
  z-index: 3;
  right: auto;
}

[data-slider-right] {
  z-index: 4;
  left: auto;
}

/* `.w-icon-slider-left` / `-right` centred a glyph from Webflow's icon
   webfont. The glyph is an inline SVG here, sized in `em` so the design's own
   `font-size` on `.award-slider-btn-icon` still scales it. */
.slider-chevron {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1em;
  height: 1em;
}

/* `.w-slider-nav` and `.w-slider-dot`, with `.w-round`'s border radius folded
   in -- every dot strip in this template carries it. */
[data-slider-dots] {
  position: absolute;
  z-index: 2;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding-top: 10px;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[data-slider-dots] button {
  position: relative;
  display: inline-block;
  margin: 0 3px 0.5em;
  padding: 0;
  border: 0;
  border-radius: 100%;
  width: 1em;
  height: 1em;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: background-color 100ms, color 100ms;
}

[data-slider-dots] button.is-active {
  background-color: #fff;
}

[data-slider-dots] button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

/* ======================================================================
   3. Zinox Studio design
   ====================================================================== */
:root {
  --_typography---font-family--paragraph-font: "Inter Tight", sans-serif;
  --common-typography-colors--paragraoh-color: #000000b3;
  --_typography---text-default--font-size: 16px;
  --_typography---text-default--line-height: 1.4em;
  --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--none);
  --_responsive---common-value--none: 0px;
  --_typography---font-family--headding-font: Anton, sans-serif;
  --common-typography-colors--headding-color: #000;
  --_typography---h1--font-size: clamp(72px, 8cqw, 120px);
  --_typography---h1--line-height: 1em;
  --_typography---h1--font-weight: var(--_typography---font-weight--regular);
  --_typography---h1--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h2--font-size: clamp(54px, 7.5cqw, 96px);
  --_typography---h2--line-height: 1em;
  --_typography---h2--font-weight: var(--_typography---font-weight--regular);
  --_typography---h2--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h3--font-size: clamp(48px, 6cqw, 80px);
  --_typography---h3--line-height: 1.2em;
  --_typography---h3--font-weight: var(--_typography---font-weight--regular);
  --_typography---h3--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h4--font-size: clamp(42px, 5cqw, 64px);
  --_typography---h4--line-height: 1.2em;
  --_typography---h4--font-weight: var(--_typography---font-weight--regular);
  --_typography---h4--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h5--font-size: 32px;
  --_typography---h5--line-height: 1.1em;
  --_typography---h5--font-weight: var(--_typography---font-weight--regular);
  --_typography---h5--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h6--font-size: 24px;
  --_typography---h6--line-height: 1.2em;
  --_typography---h6--font-weight: var(--_typography---font-weight--regular);
  --_typography---h6--letter-spacing: var(--_typography---letter-spacing--default);
  --_responsive---common-value--full-size: 100%;
  --colors--black: #000;
  --_typography---font-weight--bold: 700;
  --_ui---section-padding--margin--large: 120px;
  --_ui---container--full-size-container: 100%;
  --_ui---container--max-width: 1392px;
  --_ui---container--padding-x: 24px;
  --colors--slate-gray: #404040;
  --_typography---letter-spacing--none: 0em;
  --_typography---text-medium--font-size: 18px;
  --_typography---text-medium--line-height: 1.4em;
  --_typography---font-weight--regular: 400;
  --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---font-weight--medium: 500;
  --colors--transparent: #0000;
  --colors--white: white;
  --_typography---text-small--font-size: 14px;
  --_typography---text-small--line-height: 1.4em;
  --_typography---font-weight--semi-bold: 600;
  --_ui---section-padding--margin--medium: 80px;
  --_responsive---spacing--spacing-23x: 80px;
  --_responsive---spacing--spacing-13x: 40px;
  --_responsive---spacing--spacing-25x: 100px;
  --_responsive---spacing--spacing-3x: 8px;
  --_responsive---spacing--spacing-11x: 32px;
  --_responsive---spacing--spacing-8x: 24px;
  --_responsive---14-px\<deleted\|variable-6e27546b-22fd-9515-9505-a788ebe0bc82\>: 14px;
  --_responsive---spacing--spacing-5x: 12px;
  --colors--ink-black: #0a0a0a;
  --colors--charcoal-black: #171717;
  --colors--graphite: #202020;
  --colors--steel-gray: #525252;
  --colors--medium-gray: #737373;
  --colors--silver-gray: #b1b2b0;
  --colors--light-gray: #d4d4d4;
  --colors--snow-white: whitesmoke;
  --colors--soft-gray: #e5e5e5;
  --colors--off-white: #fafafa;
  --_responsive---spacing--spacing-1x: 4px;
  --_responsive---element-spacing--spacing-xxsmall\<deleted\|variable-0dfad19e-e670-09a0-77f8-e2fc69a7c0b1\>: 8px;
  --_responsive---spacing--spacing-15x: 48px;
  --_responsive---34-px\<deleted\|variable-7e30a8d3-7687-4a52-d404-74d261b5dc62\>: 34px;
  --_responsive---spacing--spacing-6x: 16px;
  --_responsive---spacing--spacing-10x: 30px;
  --_typography---font-family--third-family: "Space Grotesk", sans-serif;
  --_responsive---spacing--spacing-7x: 20px;
  --_responsive---spacing--spacing-2x: 6px;
  --_responsive---spacing--spacing-18x: 60px;
  --_responsive---border-radius--round-radius: 100%;
  --_ui---section-padding--margin--small: 8px;
  --_ui---section-padding--margin--padding-x: 12px;
  --_ui---button--font-family: var(--_typography---font-family--third-family);
  --_ui---button--font-size: 16px;
  --_ui---button--line-height: 1.2em;
  --_ui---button--font-weight: var(--_typography---font-weight--regular);
  --_ui---button--letter-spacing: var(--_typography---letter-spacing--none);
  --_ui---section-padding--margin--default: 60px;
  --_responsive---spacing--spacing-17x: 56px;
  --_ui---section-padding--margin--xlarge: 140px;
  --_responsive---spacing--spacing-4x: 10px;
  --_responsive---spacing--spacing-14x: 44px;
  --_responsive---spacing--spacing-9x: 28px;
  --_responsive---spacing--spacing-27x: 130px;
  --_responsive---spacing--spacing-19x: 64px;
  --_responsive---spacing--spacing-26x: 120px;
  --_responsive---spacing--spacing-16x: 50px;
  --_responsive---spacing--spacing-12x: 36px;
  --_typography---display-01--font-size: clamp(150px, 20cqw, 320px);
  --_typography---display-01--line-height: 1em;
  --_typography---display-01--font-weight: var(--_typography---font-weight--regular);
  --_typography---display-01--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---display-02--font-size: clamp(100px, 15cqw, 240px);
  --_typography---display-02--line-height: 1em;
  --_typography---display-02--font-weight: var(--_typography---font-weight--regular);
  --_typography---display-02--letter-spacing: var(--_typography---letter-spacing--large);
  --_ui---tag--font-family: var(--_typography---font-family--third-family);
  --_ui---tag--font-size: 16px;
  --_ui---tag--font-weight: var(--_typography---font-weight--regular);
  --_ui---tag--line-height: 1.2em;
  --_ui---tag--letter-spacing: var(--_typography---letter-spacing--none);
  --_responsive---common-value--half-size: 50%;
  --_responsive---spacing--spacing-8x-minus: -24px;
  --_responsive---spacing--spacing-20x: 68px;
  --_responsive---spacing--spacing-21x: 72px;
  --_responsive---spacing--spacing-22x: 76px;
  --_responsive---spacing--spacing-24x: 90px;
  --_typography---display-03--font-size: clamp(74px, 8.5cqw, 130px);
  --_typography---display-03--font-weight: var(--_typography---font-weight--regular);
  --_typography---display-03--line-height: 1em;
  --_typography---display-03--letter-spacing: var(--_typography---letter-spacing--none);
  --_responsive---border-radius--pill-radius: 500px;
  --_responsive---border-radius--radius-1x: 4px;
  --_responsive---border-radius--radius-2x: 6px;
  --_responsive---border-radius--radius-3x: 8px;
  --_responsive---border-radius--radius-4x: 10px;
  --_responsive---border-radius--radius-5x: 12px;
  --_responsive---border-radius--radius-6x: 16px;
  --_responsive---border-radius--radius-7x: 20px;
  --_responsive---border-radius--radius-8x: 24px;
  --_responsive---border-radius--radius-9x: 32px;
  --_responsive---border-radius--radius-10x: 40px;
  --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---font-weight--light: 300;
  --_typography---letter-spacing--tiny: .01em;
  --_typography---letter-spacing--small: -.01em;
  --_typography---letter-spacing--default: -.02em;
  --_typography---letter-spacing--medium: -.03em;
  --_typography---letter-spacing--large: -.04em;
}
body {
  font-family: var(--_typography---font-family--paragraph-font);
  color: var(--common-typography-colors--paragraoh-color);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
h1 {
  margin-top: var(--_responsive---common-value--none);
  margin-bottom: var(--_responsive---common-value--none);
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
  text-transform: uppercase;
}
h2 {
  margin-top: var(--_responsive---common-value--none);
  margin-bottom: var(--_responsive---common-value--none);
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
  text-transform: uppercase;
}
h3 {
  margin-top: var(--_responsive---common-value--none);
  margin-bottom: var(--_responsive---common-value--none);
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
  text-transform: uppercase;
}
h4 {
  margin-top: var(--_responsive---common-value--none);
  margin-bottom: var(--_responsive---common-value--none);
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
  text-transform: uppercase;
}
h5 {
  margin-top: var(--_responsive---common-value--none);
  margin-bottom: var(--_responsive---common-value--none);
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
  text-transform: uppercase;
}
h6 {
  margin-top: var(--_responsive---common-value--none);
  margin-bottom: var(--_responsive---common-value--none);
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
  text-transform: uppercase;
}
p {
  margin-top: var(--_responsive---common-value--none);
  margin-bottom: var(--_responsive---common-value--none);
  color: var(--common-typography-colors--paragraoh-color);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
a {
  font-family: var(--_typography---font-family--paragraph-font);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
  text-underline-offset: 3px;
  text-decoration: underline;
}
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}
img {
  max-width: var(--_responsive---common-value--full-size);
  display: block;
}
strong {
  color: var(--colors--black);
  font-weight: var(--_typography---font-weight--bold);
}
.utility-page-wrap {
  width: 100vw;
  max-width: 100%;
  height: 88svh;
  max-height: 100%;
  padding-top: var(--_ui---section-padding--margin--large);
  padding-bottom: var(--_ui---section-padding--margin--large);
  flex-flow: column;
  justify-content: center;
  min-height: min-content;
  display: flex;
}
.utility-page-form {
  grid-row-gap: var(--_ui---section-padding--margin--large);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}
.container {
  width: var(--_ui---container--full-size-container);
  max-width: var(--_ui---container--max-width);
  padding-right: var(--_ui---container--padding-x);
  padding-left: var(--_ui---container--padding-x);
  margin-left: auto;
  margin-right: auto;
}
.heading-02 {
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
  text-transform: uppercase;
}
.heading-03 {
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
  text-transform: uppercase;
}
.heading-04 {
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
  text-transform: uppercase;
}
.heading-04.about-hero-title {
  width: var(--_responsive---common-value--full-size);
  text-transform: none;
  max-width: 545px;
}
.heading-04.services-number {
  color: var(--colors--slate-gray);
}
.heading-05 {
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
  text-transform: uppercase;
}
.heading-05.second-family.normal-case, .heading-05.third-family.normal-case {
  text-transform: none;
}
.heading-06 {
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
  text-transform: uppercase;
}
.heading-06.third-family.text-white {
  letter-spacing: var(--_typography---letter-spacing--none);
}
.heading-06.text-white {
  text-decoration: none;
}
.text-medium {
  color: var(--common-typography-colors--paragraoh-color);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
}
.text-medium.weight-medium {
  font-weight: var(--_typography---font-weight--medium);
}
.text-medium.weight-medium.text-black.is-link {
  -webkit-text-decoration-color: var(--colors--transparent);
  text-decoration-color: var(--colors--transparent);
}
.text-medium.weight-medium.text-black.is-link:hover {
  -webkit-text-decoration-color: var(--colors--black);
  text-decoration-color: var(--colors--black);
}
.text-medium.weight-bold.related-blogs-para {
  width: var(--_responsive---common-value--full-size);
  max-width: 436px;
}
.text-default {
  font-family: var(--_typography---font-family--paragraph-font);
  color: var(--common-typography-colors--paragraoh-color);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
}
.text-default.decorative-text {
  color: var(--colors--black);
  text-transform: uppercase;
  flex: none;
}
.text-default.decorative-text:where(.is-decorative-four) {
  color: var(--colors--white);
}
.text-small {
  color: var(--common-typography-colors--paragraoh-color);
  font-size: var(--_typography---text-small--font-size);
  line-height: var(--_typography---text-small--line-height);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
}
.text-small.third-family.text-white.footer-copyright-text {
  max-width: 220px;
}
.text-small.about-hero-founder-title {
  max-width: 118px;
  color: var(--colors--black);
  font-weight: var(--_typography---font-weight--semi-bold);
}
.text-small.weight-semi-bold.is-link {
  text-underline-offset: 4px;
  -webkit-text-decoration-color: var(--colors--transparent);
  text-decoration-color: var(--colors--transparent);
}
.text-small.weight-semi-bold.is-link:hover {
  -webkit-text-decoration-color: var(--colors--black);
  text-decoration-color: var(--colors--black);
}
.utility-content-section {
  padding-top: var(--_ui---section-padding--margin--large);
  padding-bottom: var(--_ui---section-padding--margin--medium);
}
.style-guide-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-23x);
  grid-row-gap: var(--_responsive---spacing--spacing-23x);
  flex-flow: column;
  display: flex;
}
.style-contents {
  grid-column-gap: var(--_responsive---spacing--spacing-25x);
  grid-row-gap: var(--_responsive---spacing--spacing-25x);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.color-block-inner-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.color-block {
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  flex-flow: column;
  display: flex;
}
.color-block-inner {
  height: 140px;
  padding: var(--_responsive---spacing--spacing-5x);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.color-block-inner.bg-black {
  background-color: var(--colors--black);
}
.color-block-inner.ink-black {
  background-color: var(--colors--ink-black);
}
.color-block-inner.charcoal-black {
  background-color: var(--colors--charcoal-black);
}
.color-block-inner.graphite {
  background-color: var(--colors--graphite);
}
.color-block-inner.slate-gray {
  background-color: var(--colors--slate-gray);
}
.color-block-inner.steel-gray {
  background-color: var(--colors--steel-gray);
}
.color-block-inner.medium-gray {
  background-color: var(--colors--medium-gray);
}
.color-block-inner.silver-gray {
  background-color: var(--colors--silver-gray);
}
.color-block-inner.bg-white {
  border: 1px solid var(--colors--light-gray);
  background-color: var(--colors--white);
}
.color-block-inner.light-gray {
  background-color: var(--colors--light-gray);
}
.color-block-inner.snow-white {
  border: 1px solid var(--colors--light-gray);
  background-color: var(--colors--snow-white);
}
.color-block-inner.soft-gray {
  background-color: var(--colors--soft-gray);
}
.color-block-inner.off-white {
  border: 1px solid var(--colors--light-gray);
  background-color: var(--colors--off-white);
}
.color-block-info {
  grid-column-gap: var(--_responsive---spacing--spacing-1x);
  grid-row-gap: var(--_responsive---spacing--spacing-1x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.color-block-main-wrap, .typography-box-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-15x);
  grid-row-gap: var(--_responsive---spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.typography-box-inner-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.style-text-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-5x);
  grid-row-gap: var(--_responsive---spacing--spacing-5x);
  flex-flow: column;
  display: flex;
}
.header-section {
  z-index: 777;
  position: relative;
}
.navbar {
  width: var(--_responsive---common-value--full-size);
  background-color: var(--colors--transparent);
}
.brand-logo-link {
  color: #fff;
  display: flex;
}
.nav-inner {
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.nav-link {
  min-width: 120px;
  padding: var(--_responsive---spacing--spacing-3x);
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  font-family: var(--_typography---font-family--third-family);
  color: var(--colors--white);
  font-size: var(--_typography---text-small--font-size);
  font-weight: var(--_typography---font-weight--regular);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  transition: all .25s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}
.nav-link:hover {
  background-color: var(--colors--slate-gray);
}
.nav-link[aria-current="page"], .nav-link.is-active {
  background-color: var(--colors--slate-gray);
  color: var(--colors--white);
}
.utility-content-block {
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 848px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}
.text-black {
  color: var(--colors--black);
  text-decoration: none;
}
.instruction-item-title {
  letter-spacing: 0;
  font-size: 24px;
  line-height: 24px;
}
.text-lg-2 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.32em;
}
.utility-list-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}
.text-large-two {
  letter-spacing: 0;
  font-size: 20px;
  line-height: 1.5em;
}
.utility-section {
  padding-top: 120px;
  padding-bottom: 120px;
}
.terms-link {
  color: #000;
  font-weight: 500;
  transition: color .3s;
}
.terms-link:hover {
  color: #e77b2a;
}
.utility-text-wrap {
  width: 100%;
  padding-top: var(--_responsive---spacing--spacing-8x);
  padding-bottom: var(--_responsive---spacing--spacing-8x);
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}
.instruction-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}
.utility-content-wrap {
  grid-row-gap: 44px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.utility-title-block {
  max-width: 625px;
  margin-right: auto;
  margin-bottom: var(--_ui---section-padding--margin--large);
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  display: flex;
}
.utility-title-block.is-instruction {
  max-width: 544px;
}
.heading-01 {
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
  text-transform: uppercase;
}
.heading-01.home-work-title {
  max-width: var(--_responsive---common-value--full-size);
  color: var(--colors--white);
  mix-blend-mode: difference;
  margin-left: -29.2%;
}
.nav-content-wrap {
  padding-top: var(--_responsive---spacing--spacing-7x);
  padding-right: var(--_ui---container--padding-x);
  padding-left: var(--_ui---container--padding-x);
}
.nav-content-with-line {
  grid-column-gap: var(--_responsive---spacing--spacing-1x);
  grid-row-gap: var(--_responsive---spacing--spacing-1x);
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.nav-content {
  padding: var(--_responsive---spacing--spacing-3x) var(--_responsive---spacing--spacing-3x) var(--_responsive---spacing--spacing-3x) var(--_responsive---spacing--spacing-8x);
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  background-color: var(--colors--black);
  justify-content: center;
  display: flex;
}
.nav-vr-line {
  background-color: var(--colors--black);
  flex: none;
  width: 5px;
}
.doted-shape {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: fit-content;
  height: fit-content;
  display: grid;
}
.doted-shape:where(.is-dots-two), .doted-shape:where(.is-dots-four) {
  transform: rotate(180deg);
}
.doted-shape-dot {
  background-color: var(--colors--black);
  border-radius: 1.5px;
  flex: none;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 2px 1px #0003;
}
.doted-shape-dot:where(.is-dots-three), .doted-shape-dot:where(.is-dots-four) {
  background-color: var(--colors--white);
  box-shadow: 0 0 2px 1px #fff3;
}
.doted-shape-dots {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  display: flex;
}
.doted-shape-dots.bottom-align {
  justify-content: flex-end;
}
.doted-shape-dots.center-align {
  justify-content: center;
}
.doted-shape-dots.space-between {
  justify-content: space-between;
}
.empty-box {
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
}
.paragraph-styles-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  flex-flow: column;
  display: flex;
}
.decorative-line-dot {
  border-radius: var(--_responsive---border-radius--round-radius);
  background-color: var(--colors--black);
  flex: none;
  width: 6px;
  height: 6px;
}
.decorative-line-dot:where(.is-decorative-four) {
  background-color: var(--colors--white);
}
.decorative-line-wrap {
  width: var(--_responsive---common-value--full-size);
  align-items: center;
  display: flex;
}
.decorative-line-wrap:where(.is-decorative-five) {
  width: auto;
}
.decorative-line {
  width: var(--_responsive---common-value--full-size);
  background-color: var(--colors--black);
  min-width: 100px;
  height: 1px;
}
.decorative-line:where(.is-decorative-four) {
  background-color: var(--colors--white);
}
.decorative-line:where(.is-decorative-five) {
  width: auto;
}
.text-color-light {
  color: var(--colors--off-white);
}
.style-button-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  flex-flow: row;
  align-items: flex-start;
  display: flex;
}
.decorative-text-with-line {
  grid-column-gap: var(--_responsive---spacing--spacing-5x);
  grid-row-gap: var(--_responsive---spacing--spacing-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.decorative-text-with-line:where(.is-decorative-five) {
  width: fit-content;
}
.header-hr {
  height: 5px;
  margin-top: var(--_responsive---spacing--spacing-7x);
  margin-right: var(--_responsive---spacing--spacing-5x);
  margin-left: var(--_responsive---spacing--spacing-5x);
  background-color: var(--colors--black);
}
.home-hero-section {
  z-index: 10;
  margin-top: var(--_ui---section-padding--margin--small);
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.square-shape {
  background-color: var(--colors--black);
  width: 10px;
  height: 10px;
  display: flex;
}
.square-shape:where(.is-square-two) {
  background-color: var(--colors--off-white);
}
.square-shapes {
  z-index: -5;
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  padding: var(--_responsive---spacing--spacing-3x);
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  pointer-events: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.square-shapes-wrap {
  justify-content: space-between;
  display: flex;
}
.button-lines {
  z-index: -5;
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  padding: var(--_responsive---spacing--spacing-1x);
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  pointer-events: none;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.button-line {
  background-color: var(--colors--white);
  width: 4px;
}
.button-line.is-left:where(.is-button-three), .button-line.is-right:where(.is-button-three) {
  background-color: var(--colors--black);
}
.button {
  z-index: 20;
  background-color: var(--colors--black);
  font-family: var(--_ui---button--font-family);
  color: var(--colors--white);
  font-size: var(--_ui---button--font-size);
  line-height: var(--_ui---button--line-height);
  font-weight: var(--_ui---button--font-weight);
  letter-spacing: var(--_ui---button--letter-spacing);
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}
.button:where(.is-button-two) {
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h4--line-height);
}
.button:where(.is-button-three) {
  background-color: var(--colors--white);
  color: var(--colors--black);
}
.button.style-two {
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h4--line-height);
}
.button-text {
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  padding: var(--_responsive---spacing--spacing-5x) var(--_responsive---spacing--spacing-15x);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
.button-text.normal-content {
  z-index: 10;
  position: relative;
}
.button-text.normal-content:where(.is-button-two), .button-text.normal-content.style-two {
  padding-top: var(--_responsive---spacing--spacing-7x);
  padding-bottom: var(--_responsive---spacing--spacing-7x);
}
.button-text.hover-content {
  z-index: 20;
  position: absolute;
  inset: 100% auto auto 0%;
}
.button-text.hover-content:where(.is-button-two), .button-text.hover-content.style-two {
  padding-top: var(--_responsive---spacing--spacing-7x);
  padding-bottom: var(--_responsive---spacing--spacing-7x);
}
.main-contents {
  z-index: 10;
  padding-top: var(--_ui---section-padding--margin--medium);
  padding-bottom: var(--_ui---section-padding--margin--medium);
  border: 1px solid var(--colors--light-gray);
  position: relative;
}
.main-contents.is-brand {
  border-width: 5px 0;
  border-color: var(--colors--black) var(--colors--transparent);
}
.main-contents.is-home-hero {
  padding-top: var(--_ui---section-padding--margin--large);
  overflow: hidden;
}
.main-contents.is-services-with-about {
  padding-top: var(--_responsive---common-value--none);
  padding-bottom: var(--_responsive---common-value--none);
}
.main-contents.is-work-aword-team {
  background-color: var(--colors--black);
}
.main-contents.faq-with-blogs {
  overflow: hidden;
}
.main-contents.is-about-team-section {
  padding-top: var(--_ui---section-padding--margin--default);
  background-color: var(--colors--black);
}
.main-contents.is-about-awards {
  grid-column-gap: var(--_responsive---spacing--spacing-17x);
  grid-row-gap: var(--_responsive---spacing--spacing-17x);
  background-color: var(--colors--black);
  flex-flow: column;
  display: flex;
}
.main-contents.border-none {
  border-color: var(--colors--transparent);
}
.main-contents.border-none.is-work-hero {
  padding-top: var(--_ui---section-padding--margin--xlarge);
}
.main-contents.is-services, .main-contents.is-blog-hero, .main-contents.is-pricing-table {
  padding-top: var(--_ui---section-padding--margin--large);
  padding-bottom: var(--_ui---section-padding--margin--large);
  background-color: var(--colors--black);
}
.home-hero-label {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.home-hero-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  flex-flow: column;
  display: flex;
}
.x-shapes {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.x-shape {
  object-fit: contain;
  flex: none;
  width: 10px;
  height: 10px;
}
.home-hero-services-content {
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.third-family-text-default {
  font-family: var(--_typography---font-family--third-family);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
}
.home-hero-title-emoji {
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  object-fit: contain;
}
.home-hero-title-with-emoji {
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---common-value--none);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}
.home-hero-btn-with-work {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.home-hero-title-emoji-wrap {
  aspect-ratio: 1;
  width: 6.25vw;
  max-width: 102px;
}
.home-hero-work {
  z-index: 10;
  width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---common-value--none);
  grid-row-gap: var(--_responsive---common-value--none);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 472px;
  display: grid;
  position: relative;
}
.third-family {
  font-family: var(--_typography---font-family--third-family);
  color: var(--colors--black);
  text-transform: uppercase;
  text-decoration: none;
}
.third-family.text-white {
  text-underline-offset: 3px;
}
.home-hero-work-label-dot {
  border-radius: var(--_responsive---border-radius--round-radius);
  background-color: #77dd02;
  flex: none;
  width: 7px;
  height: 7px;
  margin-left: 3px;
  box-shadow: 0 0 0 3px #77dd024d;
}
.home-hero-work-label {
  grid-column-gap: var(--_responsive---spacing--spacing-4x);
  grid-row-gap: var(--_responsive---spacing--spacing-4x);
  color: var(--colors--medium-gray);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.home-hero-work-label-with-title {
  grid-column-gap: var(--_responsive---spacing--spacing-5x);
  grid-row-gap: var(--_responsive---spacing--spacing-5x);
  flex-flow: column;
  display: flex;
}
.text-white {
  color: var(--colors--white);
}
.home-hero-work-details {
  padding-top: var(--_responsive---spacing--spacing-6x);
  padding-right: var(--_responsive---spacing--spacing-14x);
  padding-bottom: var(--_responsive---spacing--spacing-6x);
  padding-left: var(--_responsive---spacing--spacing-11x);
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  background-color: var(--colors--black);
  clip-path: polygon(100% 13.393%, 100% 86.607%, 89.831% 100%, 0% 100%, 0% 0%, 89.831% 0%, 100% 13.393%);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.home-hero-work-banner-wrap {
  padding-top: var(--_responsive---spacing--spacing-6x);
  padding-right: var(--_responsive---spacing--spacing-11x);
  padding-left: var(--_responsive---spacing--spacing-11x);
  background-color: var(--colors--black);
  clip-path: polygon(100% 100%, 10.169% 100%, 0% 86.607%, 0% 13.393%, 10.169% 0%, 100% 0%, 100% 100%);
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}
.home-hero-work-line-wrap {
  z-index: 20;
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  padding: var(--_responsive---spacing--spacing-5x);
  pointer-events: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.home-hero-work-line {
  width: 4px;
  height: var(--_responsive---common-value--full-size);
  background-color: var(--colors--white);
}
.home-hero-work-middle-line-wrap {
  background-color: var(--colors--black);
  width: 1px;
  height: 83%;
  overflow: hidden;
}
.home-hero-work-middle-line {
  height: var(--_responsive---common-value--full-size);
  border-right: 1px dashed var(--colors--graphite);
  transform-style: preserve-3d;
  transform: scale3d(1, 4.6, 1);
}
.text-btn-hovert-text {
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: underline;
  position: absolute;
  inset: 100% auto auto 0%;
}
.text-btn-normal-text {
  padding-top: 2px;
  padding-bottom: 2px;
}
.section-bg-image {
  z-index: -10;
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  filter: blur(.5px);
  pointer-events: none;
  object-fit: cover;
  position: absolute;
  inset: 0% auto auto 0%;
}
.home-brand-section {
  margin-top: var(--_ui---section-padding--margin--small);
  margin-bottom: var(--_ui---section-padding--margin--small);
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.home-brand-section-details {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 6px 1fr;
  grid-auto-columns: 1fr;
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.home-brand-shape-with-para {
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.home-brand-raigns {
  width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  text-align: center;
  flex-flow: column;
  max-width: 262px;
  display: flex;
}
.home-brand-vr-line-with-dot {
  width: var(--_responsive---common-value--full-size);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 170px;
  display: flex;
}
.home-brand-line-dot {
  border-radius: var(--_responsive---border-radius--round-radius);
  background-color: var(--colors--black);
  flex: none;
  width: 6px;
  height: 6px;
}
.home-brand-vr-line {
  width: 1px;
  height: var(--_responsive---common-value--full-size);
  background-color: var(--colors--black);
}
.home-brand-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-23x);
  grid-row-gap: var(--_responsive---spacing--spacing-23x);
  flex-flow: column;
  display: flex;
}
.home-brand-marquee {
  grid-column-gap: var(--_responsive---spacing--spacing-25x);
  grid-row-gap: var(--_responsive---spacing--spacing-25x);
  display: flex;
  overflow: hidden;
  -webkit-mask: linear-gradient(270deg, #0000 0%, #000 42% 50%, #000 58%, #0000 100%);
  mask: linear-gradient(270deg, #0000 0%, #000 42% 50%, #000 58%, #0000 100%);
}
.home-brand-marquee-truck {
  grid-column-gap: var(--_responsive---spacing--spacing-25x);
  grid-row-gap: var(--_responsive---spacing--spacing-25x);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: max-content;
  display: flex;
}
.home-brand-logo {
  flex: none;
}
.services-with-about-section {
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.home-services-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.home-services-tab-right {
  text-align: right;
}
.home-services-tab-line {
  background-color: var(--colors--black);
  width: 5px;
}
.home-services-item-truck {
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  max-width: 434px;
  min-height: min-content;
  display: flex;
  position: relative;
  overflow: hidden;
}
.home-services-item-banner-wrap {
  aspect-ratio: 432 / 250;
}
.cover-size-banner {
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  object-fit: cover;
  display: block;
}
.cover-size-banner.is-footer-card {
  clip-path: polygon(0% 15.504%, 0% 84.496%, 10.853% 100%, 100% 100%, 100% 0%, 10.853% 0%, 0% 15.504%);
}
.home-services-title {
  z-index: 10;
  padding-top: var(--_responsive---spacing--spacing-3x);
  padding-bottom: var(--_responsive---spacing--spacing-3x);
  border-top: 1px solid var(--colors--black);
  border-bottom: 1px solid var(--colors--black);
  cursor: pointer;
  justify-content: space-between;
  margin-top: -1px;
  display: flex;
  position: relative;
}
.home-services-item-tag {
  padding: 2px var(--_responsive---spacing--spacing-4x);
  background-color: var(--colors--graphite);
  color: var(--colors--white);
}
.home-services-item-tags {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  justify-content: flex-end;
  max-width: 240px;
  display: flex;
}
.home-services-item-body {
  margin-top: var(--_responsive---spacing--spacing-5x);
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  justify-content: space-between;
  display: flex;
}
.home-services-item {
  width: var(--_responsive---common-value--full-size);
  position: absolute;
}
.home-services-item.item-one {
  transform: translate(0);
}
.home-services-item-wrap {
  overflow: hidden;
}
.home-services-section {
  height: 100vh;
  padding-top: var(--_ui---section-padding--margin--medium);
  padding-bottom: var(--_ui---section-padding--margin--medium);
  align-items: center;
  display: flex;
}
.home-about-rating-content {
  padding-top: var(--_responsive---spacing--spacing-5x);
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  border-top: 1px solid var(--colors--light-gray);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}
.text-align-right {
  text-align: right;
}
.home-about-content {
  width: var(--_responsive---common-value--full-size);
  max-width: 776px;
  margin-top: var(--_responsive---spacing--spacing-27x);
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.home-about-title-wrap {
  max-width: 545px;
}
.home-about-shape-with-summery {
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.home-about-summery {
  width: 324px;
  max-width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---spacing--spacing-11x);
  grid-row-gap: var(--_responsive---spacing--spacing-11x);
  flex-flow: column;
  display: flex;
}
.weight-semi-bold {
  font-weight: var(--_typography---font-weight--semi-bold);
}
.text-normal-case {
  text-transform: none;
}
.home-about-section {
  z-index: 10;
  padding-bottom: var(--_ui---section-padding--margin--default);
  grid-column-gap: var(--_responsive---spacing--spacing-11x);
  grid-row-gap: var(--_responsive---spacing--spacing-11x);
  flex-flow: column;
  display: flex;
  position: relative;
}
.home-about-x-shape-wrap {
  width: var(--_responsive---common-value--full-size);
  position: absolute;
  top: 58%;
  left: 0;
  transform: translate(0, -50%);
}
.works-award-with-team-section {
  margin-top: var(--_ui---section-padding--margin--small);
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.text-light-gray {
  color: var(--colors--silver-gray);
}
.home-works-overview {
  padding-bottom: var(--_responsive---spacing--spacing-19x);
  grid-column-gap: var(--_responsive---spacing--spacing-11x);
  grid-row-gap: var(--_responsive---spacing--spacing-11x);
  border-bottom: 5px solid var(--colors--soft-gray);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.home-works-banner-with-content {
  margin-top: var(--_responsive---spacing--spacing-26x);
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.home-works-banner-wrap {
  width: var(--_responsive---common-value--full-size);
  position: relative;
  overflow: hidden;
}
.home-works-label-with-shape {
  margin-bottom: var(--_responsive---spacing--spacing-25x);
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}
.containe-size-banner {
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  object-fit: contain;
  display: block;
}
.home-works-body-summery-wrap {
  margin-top: var(--_responsive---spacing--spacing-15x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.home-works-body-summery {
  margin-top: var(--_responsive---spacing--spacing-8x);
  padding-top: var(--_responsive---spacing--spacing-6x);
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  border-top: 1px solid var(--colors--graphite);
  grid-template-rows: auto;
  grid-template-columns: 1.35fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.text-btn {
  z-index: 10;
  font-family: var(--_typography---font-family--third-family);
  color: var(--colors--white);
  text-transform: uppercase;
  width: fit-content;
  position: relative;
  overflow: hidden;
}
.text-btn:where(.is-text-btn-three) {
  color: var(--colors--black);
}
.text-btn:where(.is-text-btn-four) {
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
  text-decoration: none;
}
.text-btn:where(.is-text-btn-five) {
  font-family: var(--_typography---font-family--headding-font);
  color: var(--colors--black);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
  text-decoration: none;
}
.text-btn:where(.is-text-btn-six) {
  font-family: var(--_typography---font-family--headding-font);
  color: var(--colors--white);
  font-size: var(--_typography---h6--font-size);
  text-decoration: none;
}
.home-works-section {
  padding-bottom: var(--_ui---section-padding--margin--large);
}
.award-x-shapes {
  padding-top: var(--_responsive---spacing--spacing-8x);
  border-top: 5px solid var(--colors--soft-gray);
}
.award-content-wrap {
  margin-top: var(--_ui---section-padding--margin--large);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.award-details {
  width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  max-width: 868px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.award-slider-mask {
  width: var(--_responsive---common-value--full-size);
  max-width: 266px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
.award-date-wrap {
  width: var(--_responsive---common-value--full-size);
  padding-top: var(--_responsive---spacing--spacing-5x);
  border-top: 5px solid var(--colors--white);
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.award-item {
  width: var(--_responsive---common-value--full-size);
  padding: var(--_responsive---spacing--spacing-5x) var(--_responsive---spacing--spacing-5x) var(--_responsive---spacing--spacing-8x);
  grid-column-gap: var(--_responsive---spacing--spacing-11x);
  grid-row-gap: var(--_responsive---spacing--spacing-11x);
  background-color: var(--colors--graphite);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.award-slider {
  height: 570px;
  padding-top: var(--_ui---section-padding--margin--large);
  padding-bottom: var(--_ui---section-padding--margin--large);
  background-color: var(--colors--transparent);
  overflow: hidden;
}
.award-banner {
  width: var(--_responsive---common-value--full-size);
  max-width: 125px;
}
.award-item-title-with-para {
  grid-column-gap: var(--_responsive---spacing--spacing-1x);
  grid-row-gap: var(--_responsive---spacing--spacing-1x);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.award-item-small-hr-line {
  background-color: var(--colors--slate-gray);
  width: 48px;
  height: 1px;
}
.award-item-content-wrap {
  width: var(--_responsive---common-value--full-size);
  overflow: hidden;
}
.award-item-content {
  grid-column-gap: var(--_responsive---spacing--spacing-11x);
  grid-row-gap: var(--_responsive---spacing--spacing-11x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.award-slide {
  width: var(--_responsive---common-value--full-size);
}
.award-item-wrap {
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  justify-content: center;
  align-items: center;
  display: flex;
}
.award-slider-btn {
  width: 24px;
  height: 24px;
  overflow: visible;
}
.award-slider-btn-icon {
  font-size: 23px;
}
.award-slide-nav {
  height: auto;
  font-size: 8px;
  bottom: 46px;
}
.home-team-shape-with-label {
  padding-top: var(--_responsive---spacing--spacing-11x);
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  border-top: 1px solid var(--colors--slate-gray);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.home-team-section {
  margin-top: var(--_responsive---spacing--spacing-18x);
}
.home-team-categories {
  margin-top: var(--_ui---section-padding--margin--large);
}
.home-team-category {
  padding: var(--_responsive---spacing--spacing-5x) var(--_responsive---spacing--spacing-8x);
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  border-top: 1px solid var(--colors--black);
  border-bottom: 1px solid var(--colors--black);
  background-color: var(--colors--white);
  transform-origin: 50% 0;
  grid-template-rows: auto;
  grid-template-columns: 1.35fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -1px;
  display: grid;
  transform: perspective(100vh);
}
.home-team-category-profile {
  object-fit: cover;
  width: 96px;
  height: 96px;
  overflow: hidden;
}
.home-team-category-profile-with-number {
  grid-column-gap: var(--_responsive---spacing--spacing-5x);
  grid-row-gap: var(--_responsive---spacing--spacing-5x);
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.home-team-category-number {
  width: 32px;
}
.home-team-category-profiles {
  grid-column-gap: var(--_responsive---spacing--spacing-5x);
  grid-row-gap: var(--_responsive---spacing--spacing-5x);
  display: flex;
}
.home-team-ceo-content {
  padding: var(--_responsive---spacing--spacing-13x);
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  border-style: solid;
  border-width: 1px;
  border-color: var(--colors--steel-gray) var(--colors--graphite) var(--colors--graphite);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.home-team-ceo-bio {
  grid-column-gap: var(--_responsive---spacing--spacing-5x);
  grid-row-gap: var(--_responsive---spacing--spacing-5x);
  flex-flow: column;
  max-width: 465px;
  display: flex;
}
.home-team-ceo-details {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.home-team-ceo-data {
  width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.35fr;
  grid-auto-columns: 1fr;
  max-width: 558px;
  display: grid;
}
.tag {
  padding: 2px var(--_responsive---spacing--spacing-4x);
  background-color: var(--colors--graphite);
  font-family: var(--_typography---font-family--third-family);
  color: var(--colors--white);
  text-transform: uppercase;
}
.home-team-ceo-skills {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}
.home-team-ceo-sign {
  max-width: 279px;
  margin-left: 96px;
  margin-right: -148px;
}
.home-team-ceo-skills-with-sigh {
  z-index: 10;
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  flex-flow: column;
  display: flex;
  position: relative;
}
.home-team-ceo-profile-wrap {
  position: relative;
  overflow: hidden;
}
.testimonial-section {
  padding: var(--_ui---section-padding--margin--large) var(--_ui---section-padding--margin--padding-x);
}
.testimonial-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---common-value--none);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.testimonial-content-line {
  width: var(--_responsive---common-value--full-size);
  height: 1px;
  margin-top: var(--_responsive---spacing--spacing-8x);
  margin-bottom: var(--_responsive---spacing--spacing-8x);
  background-color: var(--colors--light-gray);
}
.testimonial-tab-btn {
  padding: var(--_responsive---common-value--none);
  background-color: var(--colors--transparent);
  font-family: var(--_typography---font-family--headding-font);
  color: var(--colors--silver-gray);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
  transition: all .2s cubic-bezier(.455, .03, .515, .955);
}
.testimonial-tab-btn[aria-current="page"], .testimonial-tab-btn.is-active {
  background-color: var(--colors--transparent);
  color: var(--colors--black);
}
.testimonial-tabs-menu {
  grid-column-gap: var(--_responsive---spacing--spacing-5x);
  grid-row-gap: var(--_responsive---spacing--spacing-5x);
  flex-flow: wrap;
  display: flex;
}
.testimonial-title-with-name {
  grid-column-gap: var(--_responsive---spacing--spacing-1x);
  grid-row-gap: var(--_responsive---spacing--spacing-1x);
  flex-flow: column;
  display: flex;
}
.review-text {
  color: var(--colors--light-gray);
  font-size: 28px;
}
.testimonial-card-wrap {
  min-width: 500px;
  padding: var(--_responsive---spacing--spacing-23x) var(--_responsive---spacing--spacing-16x) var(--_responsive---spacing--spacing-12x);
  margin-left: auto;
  margin-right: auto;
}
.testimonial-profile-wrap {
  border-radius: var(--_responsive---border-radius--round-radius);
  width: 155px;
  height: 155px;
  overflow: hidden;
}
.testimonial-card {
  z-index: 10;
  padding: var(--_responsive---spacing--spacing-13x) var(--_responsive---spacing--spacing-13x) var(--_responsive---spacing--spacing-6x);
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  background-color: var(--colors--graphite);
  flex-flow: column;
  display: flex;
  position: relative;
}
.testimonial-card-line {
  height: 9px;
  margin-top: var(--_responsive---spacing--spacing-6x);
  background-color: var(--colors--white);
  margin-left: -24px;
  margin-right: -24px;
}
.testimonial-dot-with-support-content {
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}
.paragraph {
  width: var(--_responsive---common-value--full-size);
  max-width: 230px;
  color: var(--colors--black);
  font-weight: var(--_typography---font-weight--medium);
}
.weight-medium {
  font-weight: var(--_typography---font-weight--medium);
}
.weight-medium.text-black.is-link {
  -webkit-text-decoration-color: var(--colors--transparent);
  text-decoration-color: var(--colors--transparent);
}
.weight-medium.text-black.is-link:hover {
  -webkit-text-decoration-color: var(--colors--black);
  text-decoration-color: var(--colors--black);
}
.testimonial-card-bg {
  z-index: 2;
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  background-color: var(--colors--slate-gray);
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(-10deg);
}
.testimonial-card-inner {
  z-index: 10;
  position: relative;
}
.testimonial-tabs-content {
  overflow: visible;
}
.testimonial-tab-slash {
  color: var(--colors--silver-gray);
}
.faq-with-blog-section {
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.faq-content-wrap {
  padding-bottom: var(--_ui---section-padding--margin--medium);
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.faq-title-with-item {
  grid-column-gap: var(--_responsive---spacing--spacing-19x);
  grid-row-gap: var(--_responsive---spacing--spacing-19x);
  flex-flow: column;
  display: flex;
}
.faq-item {
  padding-top: var(--_responsive---spacing--spacing-6x);
  padding-bottom: var(--_responsive---spacing--spacing-6x);
  border-top: 1px solid var(--colors--light-gray);
  cursor: pointer;
}
.faq-item-grid {
  padding-top: var(--_responsive---spacing--spacing-6x);
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 6.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.faq-item-grid.is-faq-head {
  padding-top: var(--_responsive---common-value--none);
  padding-bottom: var(--_responsive---common-value--none);
}
.faq-icon {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
  position: relative;
}
.faq-icon-line {
  width: var(--_responsive---common-value--full-size);
  background-color: var(--colors--black);
  height: 2px;
}
.faq-icon-line.faq-icon-line-toggle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(90deg);
}
.faq-toggle {
  overflow: hidden;
}
.home-blogs-title-wrap {
  width: var(--_responsive---common-value--full-size);
  justify-content: space-between;
  align-items: center;
  max-width: 1116px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.home-blogs-details {
  grid-column-gap: var(--_responsive---spacing--spacing-15x);
  grid-row-gap: var(--_responsive---spacing--spacing-15x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.home-blogs-content-wrap {
  padding-top: var(--_ui---section-padding--margin--large);
  grid-column-gap: var(--_responsive---spacing--spacing-15x);
  grid-row-gap: var(--_responsive---spacing--spacing-15x);
  border-top: 5px solid var(--colors--black);
  flex-flow: column;
  display: flex;
}
.home-blogs-slider {
  background-color: var(--colors--transparent);
  pointer-events: none;
  height: auto;
}
.display-none {
  display: none;
}
.home-blogs-slider-mask {
  width: 446px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
.home-blog-item {
  z-index: 20;
  width: var(--_responsive---common-value--full-size);
  pointer-events: auto;
  height: 600px;
  text-decoration: none;
  display: flex;
  position: relative;
}
.home-blog-item.is-related-blog {
  overflow: hidden;
}
.home-blog-item-banner-wrap {
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  text-decoration: none;
  overflow: hidden;
}
.home-blog-item-body-inner {
  z-index: 20;
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  padding: var(--_responsive---spacing--spacing-7x);
  pointer-events: none;
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.home-blog-item-title-with-para {
  grid-column-gap: var(--_responsive---spacing--spacing-2x);
  grid-row-gap: var(--_responsive---spacing--spacing-2x);
  flex-flow: column;
  display: flex;
}
.home-blog-item-body {
  padding: var(--_responsive---spacing--spacing-7x);
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  background-color: var(--colors--white);
  pointer-events: auto;
  flex-flow: column;
  display: flex;
}
.home-blog-item-wrap {
  justify-content: center;
  align-items: center;
  min-height: 600px;
  display: flex;
}
.cta-hr-line {
  background-color: var(--colors--black);
  height: 5px;
}
.cta-section {
  padding: var(--_ui---section-padding--margin--default) var(--_ui---section-padding--margin--padding-x) var(--_ui---section-padding--margin--large);
  grid-column-gap: var(--_ui---section-padding--margin--large);
  grid-row-gap: var(--_ui---section-padding--margin--large);
  flex-flow: column;
  display: flex;
}
.cta-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-15x);
  grid-row-gap: var(--_responsive---spacing--spacing-15x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.cta-form-wrap {
  width: var(--_responsive---common-value--full-size);
  margin-top: var(--_responsive---common-value--none);
  margin-bottom: var(--_responsive---common-value--none);
}
.cta-btn-wrap {
  z-index: 20;
  position: relative;
}
.cta-field {
  height: auto;
  margin-top: -1px;
  margin-bottom: var(--_responsive---common-value--none);
  padding: var(--_responsive---spacing--spacing-5x) var(--_responsive---spacing--spacing-8x);
  border: 1px solid var(--colors--black);
  font-family: var(--_typography---font-family--headding-font);
  color: var(--colors--black);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  text-align: center;
  letter-spacing: var(--_typography---h3--letter-spacing);
}
.cta-field:focus {
  border-color: var(--colors--black);
}
.cta-field::placeholder {
  color: var(--colors--black);
  text-transform: uppercase;
}
.cta-content {
  width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  flex-flow: column;
  display: flex;
}
.is-link {
  color: var(--colors--black);
  text-underline-offset: 2px;
  text-decoration: underline;
  transition: all .2s cubic-bezier(.455, .03, .515, .955);
}
.cta-terms {
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  justify-content: flex-end;
  display: flex;
}
.cta-support {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.footer-section {
  padding-top: var(--_ui---section-padding--margin--default);
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
  background-color: var(--colors--black);
  overflow: hidden;
}
.footer-hr-line {
  background-color: var(--colors--white);
  height: 5px;
}
.footer-x-shape-with-line {
  margin-bottom: var(--_responsive---spacing--spacing-13x);
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  flex-flow: column;
  display: flex;
}
.nav-address-item {
  grid-column-gap: var(--_responsive---spacing--spacing-1x);
  grid-row-gap: var(--_responsive---spacing--spacing-1x);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.footer-address-items {
  margin-top: var(--_responsive---spacing--spacing-13x);
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  display: flex;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-uppercase.text-white {
  text-decoration: none;
}
.text-uppercase.text-white.is-white-link {
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--colors--transparent);
  text-decoration-color: var(--colors--transparent);
  transition: all .3s cubic-bezier(.455, .03, .515, .955);
}
.text-uppercase.text-white.is-white-link:hover {
  -webkit-text-decoration-color: var(--colors--white);
  text-decoration-color: var(--colors--white);
}
.weight-bold {
  color: var(--colors--black);
  font-weight: var(--_typography---font-weight--bold);
}
.weight-bold.work-details-para {
  max-width: 435px;
}
.weight-bold.text-white {
  color: var(--colors--white);
}
.weight-bold.related-works-para {
  max-width: 435px;
}
.footer-support-item-details {
  z-index: 10;
  padding-top: var(--_responsive---spacing--spacing-5x);
  padding-right: var(--_responsive---spacing--spacing-7x);
  padding-bottom: var(--_responsive---spacing--spacing-5x);
  padding-left: var(--_responsive---spacing--spacing-9x);
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  background-color: var(--colors--white);
  clip-path: polygon(100% 15.504%, 100% 84.496%, 94.239% 100%, 0% 100%, 0% 0%, 94.239% 0%, 100% 15.504%);
  flex-flow: column;
  display: flex;
  position: relative;
}
.text-gray {
  color: var(--common-typography-colors--paragraoh-color);
}
.footer-support-item-title-with-lable {
  grid-column-gap: var(--_responsive---spacing--spacing-1x);
  grid-row-gap: var(--_responsive---spacing--spacing-1x);
  flex-flow: column;
  display: flex;
}
.footer-support-item {
  width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---common-value--none);
  grid-row-gap: var(--_responsive---common-value--none);
  grid-template-rows: auto;
  grid-template-columns: 1.8fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 372px;
  display: grid;
}
.footer-support-item-banner-wrap {
  padding-top: var(--_responsive---spacing--spacing-4x);
  padding-right: var(--_responsive---spacing--spacing-4x);
  padding-bottom: var(--_responsive---spacing--spacing-4x);
  padding-left: var(--_responsive---spacing--spacing-4x);
  background-color: var(--colors--white);
  clip-path: polygon(0% 15.504%, 0% 84.496%, 10.853% 100%, 100% 100%, 100% 0%, 10.853% 0%, 0% 15.504%);
  margin-left: -1px;
}
.footer-support-item-vr-line-wrap {
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  padding: var(--_responsive---spacing--spacing-3x) var(--_responsive---spacing--spacing-5x);
  pointer-events: none;
  position: absolute;
  inset: 0% auto auto 0%;
}
.footer-support-item-vr-line {
  width: 5px;
  height: var(--_responsive---common-value--full-size);
  background-color: var(--colors--black);
}
.footer-address-content {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.footer-menu-with-copyright-text {
  margin-top: var(--_responsive---spacing--spacing-19x);
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.7fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.footer-menu {
  margin-top: var(--_responsive---spacing--spacing-5x);
  padding-top: var(--_responsive---spacing--spacing-5x);
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  border-top: .5px solid var(--colors--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.footer-menu-archive {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}
.footer-logo {
  width: var(--_responsive---common-value--full-size);
  margin-bottom: -64px;
}
.footer-logo-wrap {
  width: var(--_responsive---common-value--full-size);
  margin-top: var(--_responsive---spacing--spacing-13x);
  overflow: hidden;
}
.desktop-none {
  display: none;
}
.nav-links {
  justify-content: flex-end;
  display: flex;
}
.about-founder-profile {
  border-radius: var(--_responsive---border-radius--round-radius);
  object-fit: cover;
  width: 48px;
  height: 48px;
  margin-left: -16px;
}
.about-founder-profile.first-item {
  margin-left: 0;
}
.about-founders-profiles {
  display: flex;
}
.about-founders-details {
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.about-hero-shape-with-para {
  grid-column-gap: var(--_responsive---spacing--spacing-11x);
  grid-row-gap: var(--_responsive---spacing--spacing-11x);
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.about-hero-content {
  margin-top: var(--_responsive---spacing--spacing-16x);
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.42fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.about-hero-section {
  padding: var(--_ui---section-padding--margin--default) var(--_ui---section-padding--margin--padding-x);
}
.team-x-shape {
  object-fit: contain;
  width: 10px;
  height: 10px;
}
.team-rating {
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.team-content {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}
.team-tag-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  display: flex;
}
.team-label-title-with-tag {
  height: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.team-card {
  padding: var(--_responsive---spacing--spacing-3x);
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  background-color: var(--colors--white);
  flex-flow: column;
  display: flex;
}
.text-align-center {
  text-align: center;
}
.team-member-name-with-title {
  padding-right: var(--_responsive---spacing--spacing-5x);
  padding-left: var(--_responsive---spacing--spacing-5x);
  grid-column-gap: var(--_responsive---spacing--spacing-1x);
  grid-row-gap: var(--_responsive---spacing--spacing-1x);
  border-right: 5px solid var(--colors--black);
  border-left: 5px solid var(--colors--black);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.team-member-profile-wrap {
  width: var(--_responsive---common-value--full-size);
  aspect-ratio: 305 / 380;
  overflow: hidden;
}
.team-section {
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.team-hr-line {
  background-color: var(--colors--black);
  height: 5px;
}
.rating-title-with-para {
  margin-top: var(--_responsive---spacing--spacing-13x);
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.rating-para {
  width: var(--_responsive---common-value--full-size);
  max-width: 436px;
}
.rating-slider {
  background-color: var(--colors--transparent);
  height: auto;
}
.rating-mask {
  width: var(--_responsive---common-value--full-size);
  max-width: 54%;
  margin-left: auto;
  overflow: visible;
}
.left-arrow {
  width: 40px;
  height: 40px;
  inset: auto auto 0% 0%;
}
.left-arrow.arrow-right {
  left: 80px;
}
.image-9 {
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  object-fit: contain;
}
.display-text-one {
  font-family: var(--_typography---font-family--headding-font);
  color: var(--colors--black);
  font-size: var(--_typography---display-01--font-size);
  line-height: var(--_typography---display-01--line-height);
  font-weight: var(--_typography---display-01--font-weight);
  letter-spacing: var(--_typography---display-01--letter-spacing);
}
.rating-section {
  padding: var(--_ui---section-padding--margin--large) var(--_ui---section-padding--margin--padding-x);
  overflow: hidden;
}
.rating-number-wrap {
  background-color: var(--colors--white);
  text-align: right;
  padding: 2px;
}
.rating-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  flex-flow: column;
  display: flex;
}
.rating-item {
  grid-column-gap: var(--_responsive---spacing--spacing-5x);
  grid-row-gap: var(--_responsive---spacing--spacing-5x);
  flex-flow: column;
  display: flex;
}
.rating-item-dot {
  border-radius: var(--_responsive---border-radius--round-radius);
  background-color: var(--colors--black);
  flex: none;
  width: 6px;
  height: 6px;
}
.rating-item-line {
  width: var(--_responsive---common-value--full-size);
  background-color: var(--colors--black);
  height: 1px;
}
.rating-item-line-with-dot {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.rating-items {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.awords-with-locations-section {
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.about-locations-hr-line {
  background-color: var(--colors--white);
  height: 5px;
}
.about-locations-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  flex-flow: column;
  display: flex;
}
.about-locations-banner-wrap {
  width: var(--_responsive---common-value--full-size);
  position: relative;
  overflow: hidden;
}
.about-locations-inner {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.about-location-address {
  grid-column-gap: var(--_responsive---spacing--spacing-5x);
  grid-row-gap: var(--_responsive---spacing--spacing-5x);
  flex-flow: column;
  display: flex;
}
.about-location-item {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.about-location-items {
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  flex-flow: column;
  display: flex;
}
.vision-section {
  margin-top: var(--_responsive---spacing--spacing-3x);
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-bottom: var(--_ui---section-padding--margin--large);
  padding-left: var(--_ui---section-padding--margin--padding-x);
  grid-column-gap: var(--_ui---section-padding--margin--large);
  grid-row-gap: var(--_ui---section-padding--margin--large);
  flex-flow: column;
  display: flex;
}
.vision-shape-wrap {
  padding-top: var(--_responsive---spacing--spacing-11x);
  border-top: 1px solid var(--colors--medium-gray);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.vision-label-with-title {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  display: flex;
}
.vision-content {
  margin-top: var(--_responsive---spacing--spacing-23x);
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-15x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.vision-para {
  width: var(--_responsive---common-value--full-size);
  max-width: 342px;
}
.vision-tags {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  display: flex;
}
.vision-tags.right-side {
  justify-content: flex-end;
}
.vision-profile-wrap {
  width: var(--_responsive---common-value--full-size);
  position: relative;
  overflow: hidden;
}
.vision-sign {
  width: 67%;
  max-width: 279px;
  position: absolute;
  bottom: 32px;
  left: 0%;
  transform: translate(-50%);
}
.vision-profile-with-sigh {
  z-index: 20;
  position: relative;
}
.process-section {
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.process-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-19x);
  grid-row-gap: var(--_responsive---spacing--spacing-19x);
  flex-flow: column;
  display: flex;
}
.process-item-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.process-item-head {
  padding-top: var(--_responsive---spacing--spacing-6x);
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  border-top: 1px solid var(--colors--light-gray);
  flex-flow: column;
  display: flex;
}
.process-item {
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  flex-flow: column;
  display: flex;
}
.process-item-banner-wrap {
  overflow: hidden;
}
.works-hero-content {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3.52fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.works-hero-para {
  max-width: 320px;
}
.works-hero-process {
  margin-top: var(--_responsive---spacing--spacing-11x);
  padding-top: var(--_responsive---spacing--spacing-6x);
  border-top: 1px solid var(--colors--black);
  justify-content: space-between;
  display: flex;
}
.works-hero-title {
  max-width: 550px;
}
.works-feature-collection-list {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}
.works-feature-collection-list.col-reverse {
  grid-template-columns: 1fr 2fr;
}
.work-item-banner {
  width: var(--_responsive---common-value--full-size);
  aspect-ratio: 435 / 435;
  position: relative;
  overflow: hidden;
}
.work-item {
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}
.works-item-archive {
  margin-top: var(--_responsive---spacing--spacing-26x);
  grid-column-gap: var(--_responsive---spacing--spacing-23x);
  grid-row-gap: var(--_responsive---spacing--spacing-23x);
  flex-flow: column;
  display: flex;
}
.work-collection-list {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.works-section {
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.work-details-section {
  padding: var(--_ui---section-padding--margin--small) var(--_ui---section-padding--margin--padding-x) var(--_ui---section-padding--margin--default);
}
.work-details-banner-wrap {
  width: var(--_responsive---common-value--full-size);
  height: auto;
  position: relative;
  overflow: hidden;
}
.work-details-content-wrap {
  padding-top: var(--_responsive---spacing--spacing-15x);
  padding-bottom: var(--_responsive---spacing--spacing-23x);
  grid-column-gap: var(--_responsive---spacing--spacing-25x);
  grid-row-gap: var(--_responsive---spacing--spacing-25x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.work-details-overview {
  grid-column-gap: var(--_responsive---spacing--spacing-23x);
  grid-row-gap: var(--_responsive---spacing--spacing-23x);
  flex-flow: column;
  display: flex;
}
.work-details-service {
  padding-top: var(--_responsive---spacing--spacing-3x);
  padding-bottom: var(--_responsive---spacing--spacing-3x);
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  border-top: 1px solid var(--colors--soft-gray);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.work-details-service.first-item {
  border-top-width: 0;
}
.work-rich-text p {
  color: var(--colors--black);
}
.work-details-services {
  border-top: 1px solid var(--colors--black);
  border-bottom: 1px solid var(--colors--black);
}
.work-details-rating-items {
  padding-bottom: var(--_responsive---spacing--spacing-8x);
  grid-column-gap: var(--_responsive---common-value--none);
  grid-row-gap: var(--_responsive---common-value--none);
  border-bottom: 1px solid var(--colors--light-gray);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.work-rating-number {
  font-family: var(--_typography---font-family--paragraph-font);
  font-size: 48px;
  font-weight: var(--_typography---font-weight--medium);
}
.work-details-rating-body {
  grid-column-gap: var(--_responsive---spacing--spacing-1x);
  grid-row-gap: var(--_responsive---spacing--spacing-1x);
  flex-flow: column;
  display: flex;
}
.work-details-rating-item {
  padding: var(--_responsive---spacing--spacing-11x);
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  border-right: 1px solid var(--colors--light-gray);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.work-details-rating-item.last-item {
  border-right-width: 0;
}
.work-details-gallery {
  margin-top: var(--_responsive---spacing--spacing-23x);
  margin-bottom: var(--_responsive---spacing--spacing-23x);
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}
.work-details-gallery-banner-wrap {
  width: var(--_responsive---common-value--full-size);
  position: relative;
  overflow: hidden;
}
.work-details-final-content {
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  border-bottom: 1px solid var(--colors--light-gray);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.work-details-final {
  grid-column-gap: var(--_responsive---spacing--spacing-23x);
  grid-row-gap: var(--_responsive---spacing--spacing-23x);
  flex-flow: column;
  display: flex;
}
.work-details-final-item-head {
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  flex-flow: column;
  display: flex;
}
.related-works-title-with-para {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.collection-list-wrapper {
  width: var(--_responsive---common-value--full-size);
  max-width: 890px;
  margin-top: var(--_responsive---spacing--spacing-23x);
  margin-left: auto;
}
.related-works-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.related-work-item-banner-wrap {
  width: var(--_responsive---common-value--full-size);
  aspect-ratio: 282 / 360;
  position: relative;
  overflow: hidden;
}
.related-work-item {
  width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  flex-flow: column;
  text-decoration: none;
  display: flex;
}
.related-works-section {
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.related-works-content-wrap {
  padding-top: var(--_ui---section-padding--margin--large);
  border-top: 5px solid var(--colors--black);
}
.message {
  padding: var(--_responsive---spacing--spacing-6x);
  background-color: var(--colors--snow-white);
  color: var(--colors--black);
  font-weight: var(--_typography---font-weight--semi-bold);
  text-align: center;
  text-transform: capitalize;
}
.services-section {
  padding-top: var(--_ui---section-padding--margin--small);
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.services-section-details {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.services-title-wrap {
  width: var(--_responsive---common-value--full-size);
  max-width: 650px;
}
.services-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  flex-flow: column;
  display: flex;
}
.services-collection-list {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.service-item {
  padding: var(--_responsive---spacing--spacing-13x);
  grid-column-gap: var(--_responsive---spacing--spacing-23x);
  grid-row-gap: var(--_responsive---spacing--spacing-23x);
  background-color: var(--colors--graphite);
  flex-flow: column;
  display: flex;
  position: relative;
}
.service-item-head {
  grid-column-gap: var(--_responsive---spacing--spacing-11x);
  grid-row-gap: var(--_responsive---spacing--spacing-11x);
  justify-content: space-between;
  display: flex;
}
.service-item-label-with-title {
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  flex-flow: column;
  display: flex;
}
.service-item-tags {
  padding-top: var(--_responsive---spacing--spacing-8x);
  grid-column-gap: var(--_responsive---spacing--spacing-5x);
  grid-row-gap: var(--_responsive---spacing--spacing-5x);
  border-top: 1px solid var(--colors--slate-gray);
  flex-flow: column;
  display: flex;
}
.service-feature li {
  padding: 2px var(--_responsive---spacing--spacing-4x);
  background-color: var(--colors--slate-gray);
  font-family: var(--_typography---font-family--third-family);
  color: var(--colors--white);
  font-size: var(--_typography---text-default--font-size);
  text-transform: uppercase;
}
.service-feature ol {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}
.service-item-banner-wrap {
  width: var(--_responsive---common-value--full-size);
  aspect-ratio: 355 / 240;
  display: block;
  overflow: hidden;
}
.service-item-body {
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  flex-flow: column;
  display: flex;
}
.faq-section {
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
  grid-column-gap: var(--_ui---section-padding--margin--default);
  grid-row-gap: var(--_ui---section-padding--margin--default);
  flex-flow: column;
  display: flex;
}
.faq-hr-line {
  background-color: var(--colors--black);
  height: 5px;
}
.services-details-hero {
  grid-column-gap: var(--_responsive---spacing--spacing-27x);
  grid-row-gap: var(--_responsive---spacing--spacing-27x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.services-details-heor-banner {
  width: var(--_responsive---common-value--full-size);
  aspect-ratio: 548 / 662;
  border: 1px solid var(--colors--light-gray);
  position: relative;
  overflow: hidden;
}
.services-details-label-with-title {
  grid-column-gap: var(--_responsive---spacing--spacing-11x);
  grid-row-gap: var(--_responsive---spacing--spacing-11x);
  flex-flow: column;
  display: flex;
}
.services-details-overview {
  padding-top: var(--_responsive---spacing--spacing-23x);
  padding-bottom: var(--_responsive---spacing--spacing-23x);
  grid-column-gap: var(--_responsive---spacing--spacing-25x);
  grid-row-gap: var(--_responsive---spacing--spacing-25x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.service-details-features li {
  padding: 2px var(--_responsive---spacing--spacing-4x);
  background-color: var(--colors--black);
  font-family: var(--_typography---font-family--third-family);
  color: var(--colors--white);
  font-size: var(--_typography---text-default--font-size);
  text-transform: uppercase;
}
.service-details-features ol {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.services-details-hero-hr {
  height: 1px;
  margin-top: var(--_responsive---spacing--spacing-8x);
  margin-bottom: var(--_responsive---spacing--spacing-6x);
  background-color: var(--colors--light-gray);
}
.services-details-section {
  padding-top: var(--_ui---section-padding--margin--default);
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-left: var(--_ui---section-padding--margin--padding-x);
  grid-column-gap: var(--_ui---section-padding--margin--default);
  grid-row-gap: var(--_ui---section-padding--margin--default);
  flex-flow: column;
  display: flex;
}
.services-details-gallery-banner-wrap {
  width: var(--_responsive---common-value--full-size);
  overflow: hidden;
}
.services-details-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-27x);
  grid-row-gap: var(--_responsive---spacing--spacing-27x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.35fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.services-rich-text {
  margin-top: -24px;
}
.services-rich-text strong {
  margin-top: var(--_responsive---spacing--spacing-8x);
  margin-bottom: var(--_responsive---spacing--spacing-3x);
  display: block;
}
.services-rich-text h6 {
  margin-top: var(--_responsive---spacing--spacing-8x);
  margin-bottom: var(--_responsive---spacing--spacing-3x);
}
.services-rich-text p {
  margin-top: var(--_responsive---spacing--spacing-3x);
  margin-bottom: var(--_responsive---spacing--spacing-3x);
}
.services-details-hr-line {
  background-color: var(--colors--black);
  height: 5px;
}
.services-details-content {
  padding-bottom: var(--_ui---section-padding--margin--default);
  grid-column-gap: var(--_ui---section-padding--margin--default);
  grid-row-gap: var(--_ui---section-padding--margin--default);
  flex-flow: column;
  display: flex;
}
.services-details-gallery-list {
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  flex-flow: column;
  display: flex;
}
.blog-hero-content-wrap {
  width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---spacing--spacing-15x);
  grid-row-gap: var(--_responsive---spacing--spacing-15x);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 888px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.blog-section {
  padding: var(--_ui---section-padding--margin--small) var(--_ui---section-padding--margin--padding-x) var(--_ui---section-padding--margin--large);
  grid-column-gap: var(--_responsive---spacing--spacing-26x);
  grid-row-gap: var(--_responsive---spacing--spacing-26x);
  flex-flow: column;
  display: flex;
}
.blog-collection-list {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.blog-card-tag-list ol {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.blog-card-tag-list li {
  background-color: var(--colors--black);
  font-family: var(--_typography---font-family--third-family);
  color: var(--colors--white);
  text-transform: uppercase;
  padding: 2px 10px;
}
.blog-item-title-with-para {
  margin-top: var(--_responsive---spacing--spacing-6x);
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  flex-flow: column;
  display: flex;
}
.blog-item-banner-wrap {
  width: var(--_responsive---common-value--full-size);
  aspect-ratio: 1;
  display: block;
  position: relative;
  overflow: hidden;
}
.blog-item {
  padding-top: var(--_responsive---spacing--spacing-8x);
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  border-top: 1px solid var(--colors--light-gray);
  flex-flow: column;
  display: flex;
  position: relative;
}
.blog-details-section {
  padding: var(--_ui---section-padding--margin--small) var(--_ui---section-padding--margin--padding-x) var(--_ui---section-padding--margin--large);
}
.blog-details-banner-wrap {
  width: var(--_responsive---common-value--full-size);
  position: relative;
  overflow: hidden;
}
.blog-details-tags-with-title {
  width: var(--_responsive---common-value--full-size);
  max-width: 72%;
  padding-top: var(--_responsive---spacing--spacing-8x);
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.blog-details-hr-line {
  width: var(--_responsive---common-value--full-size);
  height: 1px;
  margin-top: var(--_ui---section-padding--margin--small);
  background-color: var(--colors--silver-gray);
}
.blog-details-media-item {
  background-color: var(--colors--black);
  width: 40px;
  height: 40px;
  transition: opacity .35s ease-in-out;
  display: block;
}
.blog-details-media-item:hover {
  opacity: .7;
}
.blog-details-media-icon {
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  padding: var(--_responsive---spacing--spacing-5x);
  object-fit: cover;
}
.blog-details-medias {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  display: flex;
}
.blog-details-mideas-share {
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  flex-flow: column;
  display: flex;
  position: sticky;
  bottom: 8vh;
}
.blog-details-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-19x);
  grid-row-gap: var(--_responsive---spacing--spacing-19x);
  flex-flow: column;
  display: flex;
}
.blog-details-content {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.4fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.blog-rich-text {
  margin-top: -48px;
}
.blog-rich-text h6 {
  margin-top: var(--_responsive---spacing--spacing-15x);
  margin-bottom: var(--_responsive---spacing--spacing-6x);
}
.blog-rich-text p {
  margin-top: var(--_responsive---spacing--spacing-5x);
  margin-bottom: var(--_responsive---spacing--spacing-3x);
}
.related-blogs-details {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.related-blogs-title {
  width: var(--_responsive---common-value--full-size);
  max-width: 560px;
}
.related-blogs-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-23x);
  grid-row-gap: var(--_responsive---spacing--spacing-23x);
  flex-flow: column;
  display: flex;
}
.related-blogs-list {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.related-blogs-archive {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.05fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.home-blog-item-link {
  z-index: 5;
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  text-decoration: none;
  position: absolute;
  inset: 0% auto auto 0%;
}
.related-blogs-hr-line {
  width: var(--_responsive---common-value--full-size);
  height: 5px;
  margin-bottom: var(--_ui---section-padding--margin--medium);
  background-color: var(--colors--black);
}
.related-blogs-section {
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-bottom: var(--_ui---section-padding--margin--medium);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.pricing-title-wrap {
  width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---spacing--spacing-25x);
  grid-row-gap: var(--_responsive---spacing--spacing-25x);
  justify-content: space-between;
  max-width: 1116px;
  display: flex;
}
.pricing-section-details {
  grid-column-gap: var(--_responsive---spacing--spacing-15x);
  grid-row-gap: var(--_responsive---spacing--spacing-15x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.pricing-section {
  padding-top: var(--_ui---section-padding--margin--large);
  padding-bottom: var(--_ui---section-padding--margin--large);
}
.pricing-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-19x);
  grid-row-gap: var(--_responsive---spacing--spacing-19x);
  flex-flow: column;
  display: flex;
}
.pricing-items {
  grid-column-gap: var(--_responsive---spacing--spacing-5x);
  grid-row-gap: var(--_responsive---spacing--spacing-5x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.pricing-item-item-number-with-title {
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}
.pricing-item-head {
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  flex-flow: column;
  display: flex;
}
.sdfgsdfgdfg {
  color: var(--colors--medium-gray);
}
.pricing-item {
  padding: var(--_responsive---spacing--spacing-15x) var(--_responsive---spacing--spacing-8x) var(--_responsive---spacing--spacing-8x);
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  border: 1px solid var(--colors--light-gray);
  flex-flow: column;
  display: flex;
}
.pricing-item-feature-list {
  margin: var(--_responsive---spacing--spacing-5x) 0px 0px;
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  flex-flow: column;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.pricing-item-feature-list-item {
  color: var(--colors--black);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
  background-image: url('../images/plus-solid.svg');
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-left: 24px;
}
.second-family {
  font-family: var(--_typography---font-family--paragraph-font);
}
.pricing-item-price-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  display: flex;
}
.pricing-table-row {
  padding-top: var(--_responsive---spacing--spacing-8x);
  padding-bottom: var(--_responsive---spacing--spacing-8x);
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  border-top: 1px solid var(--colors--graphite);
  background-color: var(--colors--black);
  transform-origin: 50% 0;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  transform: perspective(100vh);
}
.pricing-table-row.border-top-none {
  border-top-width: 0;
}
.pricing-table-row.border-top-none.padding-top-none {
  padding-top: var(--_responsive---common-value--none);
}
.pricing-table-row.border-top-none.padding-bottom-none {
  padding-bottom: var(--_responsive---common-value--none);
}
.pricing-table-section {
  padding-right: var(--_ui---section-padding--margin--padding-x);
  padding-bottom: var(--_ui---section-padding--margin--default);
  padding-left: var(--_ui---section-padding--margin--padding-x);
}
.pricing-table-icon {
  object-fit: contain;
  width: 20px;
  height: 20px;
}
.pricing-section-hr {
  height: 5px;
  margin-bottom: var(--_ui---section-padding--margin--small);
  background-color: var(--colors--black);
}
.contact-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-18x);
  grid-row-gap: var(--_responsive---spacing--spacing-18x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.contact-address {
  grid-column-gap: var(--_responsive---spacing--spacing-1x);
  grid-row-gap: var(--_responsive---spacing--spacing-1x);
  flex-flow: column;
  display: flex;
}
.contact-address-item {
  grid-column-gap: var(--_responsive---spacing--spacing-7x);
  grid-row-gap: var(--_responsive---spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.contact-adress-with-title {
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  flex-flow: column;
  display: flex;
}
.contact-location-address {
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  flex-flow: column;
  display: flex;
}
.contact-address-content {
  grid-column-gap: var(--_responsive---spacing--spacing-19x);
  grid-row-gap: var(--_responsive---spacing--spacing-19x);
  flex-flow: column;
  max-width: 388px;
  display: flex;
}
.input-field {
  height: auto;
  padding: var(--_responsive---spacing--spacing-5x);
  border: 1px solid var(--colors--black);
  font-family: var(--_typography---font-family--headding-font);
  color: var(--common-typography-colors--headding-color);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
  margin-bottom: -1px;
}
.input-field:focus {
  border-color: var(--colors--black);
  margin-bottom: -1px;
}
.input-field::placeholder {
  color: var(--common-typography-colors--headding-color);
  text-transform: uppercase;
}
.input-field.is-textarea {
  resize: vertical;
  min-height: 192px;
}
.contact-form-with-label {
  grid-column-gap: var(--_responsive---spacing--spacing-15x);
  grid-row-gap: var(--_responsive---spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.contact-section {
  padding-top: var(--_ui---section-padding--margin--large);
  padding-bottom: var(--_ui---section-padding--margin--large);
}
.contact-form-wrap {
  margin-bottom: 0;
}
._404-title-with-btn {
  width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 400px;
  display: flex;
}
._404-content-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-11x);
  grid-row-gap: var(--_responsive---spacing--spacing-11x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}
.display-text-two {
  font-family: var(--_typography---font-family--headding-font);
  color: var(--colors--black);
  font-size: var(--_typography---display-02--font-size);
  line-height: var(--_typography---display-02--line-height);
  font-weight: var(--_typography---display-02--font-weight);
  letter-spacing: var(--_typography---display-02--letter-spacing);
  text-transform: uppercase;
}
._404-title-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-1x);
  grid-row-gap: var(--_responsive---spacing--spacing-1x);
  flex-flow: column;
  display: flex;
}
._401-title-with-para {
  width: var(--_responsive---common-value--full-size);
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  text-align: center;
  flex-flow: column;
  max-width: 566px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.utility-section-details {
  grid-column-gap: var(--_responsive---spacing--spacing-25x);
  grid-row-gap: var(--_responsive---spacing--spacing-25x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.license-para {
  max-width: 320px;
  color: var(--colors--black);
  text-transform: uppercase;
}
.license-title-with-para {
  grid-column-gap: var(--_responsive---spacing--spacing-11x);
  grid-row-gap: var(--_responsive---spacing--spacing-11x);
  flex-flow: column;
  display: flex;
}
.license-content-wrap {
  grid-column-gap: var(--_ui---section-padding--margin--large);
  grid-row-gap: var(--_ui---section-padding--margin--large);
  flex-flow: column;
  display: flex;
}
.license-content {
  grid-column-gap: var(--_responsive---spacing--spacing-25x);
  grid-row-gap: var(--_responsive---spacing--spacing-25x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.license-images {
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.license-image {
  aspect-ratio: 290 / 245;
  overflow: hidden;
}
.license-image-with-title {
  grid-column-gap: var(--_responsive---spacing--spacing-8x);
  grid-row-gap: var(--_responsive---spacing--spacing-8x);
  flex-flow: column;
  display: flex;
}
.license-font-with-title {
  grid-column-gap: var(--_responsive---spacing--spacing-15x);
  grid-row-gap: var(--_responsive---spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.license-font-details {
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.about-hero-logo-wrap {
  max-width: 75%;
}
.rating-slider-wrap {
  grid-column-gap: var(--_responsive---spacing--spacing-13x);
  grid-row-gap: var(--_responsive---spacing--spacing-13x);
  flex-flow: column;
  display: flex;
}
.collection-item {
  position: sticky;
  bottom: 5vh;
}
.pricing-table {
  min-width: 900px;
}
.pricing-table-wrap {
  width: var(--_responsive---common-value--full-size);
  scrollbar-width: thin;
  overflow: auto;
}
.home-about-logo-wrap {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.overflow-hidden {
  overflow: hidden;
}
.changelog-item-details {
  grid-column-gap: var(--_responsive---spacing--spacing-3x);
  grid-row-gap: var(--_responsive---spacing--spacing-3x);
  flex-flow: column;
  display: flex;
}
.home-page-loader {
  z-index: 99999;
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  background-color: var(--colors--black);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}
.image-anim-overlay {
  z-index: 50;
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  background-color: var(--colors--white);
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0, 100%);
}
.image-anim-overlay:where(.is-overlay-two) {
  background-color: var(--colors--black);
  pointer-events: none;
}
.team-content-wrap {
  margin-top: var(--_ui---section-padding--margin--large);
}
.service-item-link {
  z-index: 5;
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  position: absolute;
  inset: 0% auto auto 0%;
}
.cursor-content {
  z-index: 99999;
  width: var(--_responsive---common-value--full-size);
  height: var(--_responsive---common-value--full-size);
  pointer-events: none;
  position: fixed;
  inset: 0% auto auto 0%;
}
.custom-cursor-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}
.custom-cursor {
  width: 20px;
  min-width: 20px;
  max-width: none;
  height: 20px;
  min-height: 20px;
}
.home-works-tag-with-btn {
  margin-top: var(--_responsive---spacing--spacing-26x);
  grid-column-gap: var(--_responsive---spacing--spacing-6x);
  grid-row-gap: var(--_responsive---spacing--spacing-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: grid;
}
.home-works-tag {
  padding: 2px var(--_responsive---spacing--spacing-4x);
  background-color: var(--colors--white);
  font-family: var(--_typography---font-family--third-family);
  color: var(--colors--black);
  font-size: var(--_typography---text-default--font-size);
}
.home-works-tags {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}@media screen and (max-width: 991px) {

  body {
    --_responsive---common-value--none: 0px;
    --_responsive---common-value--full-size: 100%;
    --_responsive---spacing--spacing-23x: 60px;
    --_responsive---spacing--spacing-13x: 36px;
    --_responsive---spacing--spacing-25x: 60px;
    --_responsive---spacing--spacing-3x: 8px;
    --_responsive---spacing--spacing-11x: 28px;
    --_responsive---spacing--spacing-8x: 20px;
    --_responsive---14-px\<deleted\|variable-6e27546b-22fd-9515-9505-a788ebe0bc82\>: 14px;
    --_responsive---spacing--spacing-5x: 12px;
    --_responsive---spacing--spacing-1x: 4px;
    --_responsive---element-spacing--spacing-xxsmall\<deleted\|variable-0dfad19e-e670-09a0-77f8-e2fc69a7c0b1\>: 8px;
    --_responsive---spacing--spacing-15x: 40px;
    --_responsive---34-px\<deleted\|variable-7e30a8d3-7687-4a52-d404-74d261b5dc62\>: 34px;
    --_responsive---spacing--spacing-6x: 16px;
    --_responsive---spacing--spacing-10x: 24px;
    --_responsive---spacing--spacing-7x: 20px;
    --_responsive---spacing--spacing-2x: 6px;
    --_responsive---spacing--spacing-18x: 48px;
    --_responsive---border-radius--round-radius: 100%;
    --_responsive---spacing--spacing-17x: 48px;
    --_responsive---spacing--spacing-4x: 10px;
    --_responsive---spacing--spacing-14x: 40px;
    --_responsive---spacing--spacing-9x: 24px;
    --_responsive---spacing--spacing-27x: 130px;
    --_responsive---spacing--spacing-19x: 52px;
    --_responsive---spacing--spacing-26x: 80px;
    --_responsive---spacing--spacing-16x: 44px;
    --_responsive---spacing--spacing-12x: 32px;
    --_responsive---common-value--half-size: 50%;
    --_responsive---spacing--spacing-8x-minus: -20px;
    --_responsive---spacing--spacing-20x: 52px;
    --_responsive---spacing--spacing-21x: 52px;
    --_responsive---spacing--spacing-22x: 52px;
    --_responsive---spacing--spacing-24x: 60px;
    --_responsive---border-radius--pill-radius: 500px;
    --_responsive---border-radius--radius-1x: 4px;
    --_responsive---border-radius--radius-2x: 6px;
    --_responsive---border-radius--radius-3x: 8px;
    --_responsive---border-radius--radius-4x: 8px;
    --_responsive---border-radius--radius-5x: 8px;
    --_responsive---border-radius--radius-6x: 12px;
    --_responsive---border-radius--radius-7x: 16px;
    --_responsive---border-radius--radius-8x: 16px;
    --_responsive---border-radius--radius-9x: 24px;
    --_responsive---border-radius--radius-10x: 24px;
    --_typography---font-family--paragraph-font: "Inter Tight", sans-serif;
    --_typography---text-default--font-size: 16px;
    --_typography---text-default--line-height: 1.4em;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-family--headding-font: Anton, sans-serif;
    --_typography---h1--font-size: 72px;
    --_typography---h1--line-height: 1em;
    --_typography---h1--font-weight: var(--_typography---font-weight--regular);
    --_typography---h1--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h2--font-size: 54px;
    --_typography---h2--line-height: 1em;
    --_typography---h2--font-weight: var(--_typography---font-weight--regular);
    --_typography---h2--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h3--font-size: 48px;
    --_typography---h3--line-height: 1.2em;
    --_typography---h3--font-weight: var(--_typography---font-weight--regular);
    --_typography---h3--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h4--font-size: 42px;
    --_typography---h4--line-height: 1.2em;
    --_typography---h4--font-weight: var(--_typography---font-weight--regular);
    --_typography---h4--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h5--font-size: 30px;
    --_typography---h5--line-height: 1.1em;
    --_typography---h5--font-weight: var(--_typography---font-weight--regular);
    --_typography---h5--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h6--font-size: 20px;
    --_typography---h6--line-height: 1.2em;
    --_typography---h6--font-weight: var(--_typography---font-weight--regular);
    --_typography---h6--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---font-weight--bold: 700;
    --_typography---letter-spacing--none: 0em;
    --_typography---text-medium--font-size: 16px;
    --_typography---text-medium--line-height: 1.4em;
    --_typography---font-weight--regular: 400;
    --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--medium: 500;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.4em;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-family--third-family: "Space Grotesk", sans-serif;
    --_typography---display-01--font-size: 150px;
    --_typography---display-01--line-height: 1em;
    --_typography---display-01--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-01--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-02--font-size: 100px;
    --_typography---display-02--line-height: 1em;
    --_typography---display-02--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-02--letter-spacing: var(--_typography---letter-spacing--large);
    --_typography---display-03--font-size: 74px;
    --_typography---display-03--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-03--line-height: 1em;
    --_typography---display-03--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--light: 300;
    --_typography---letter-spacing--tiny: .01em;
    --_typography---letter-spacing--small: -.01em;
    --_typography---letter-spacing--default: -.02em;
    --_typography---letter-spacing--medium: -.03em;
    --_typography---letter-spacing--large: -.04em;
    --_ui---section-padding--margin--large: 80px;
    --_ui---container--full-size-container: 100%;
    --_ui---container--max-width: 100%;
    --_ui---container--padding-x: 10px;
    --_ui---section-padding--margin--medium: 80px;
    --_ui---section-padding--margin--small: 8px;
    --_ui---section-padding--margin--padding-x: 10px;
    --_ui---button--font-family: var(--_typography---font-family--third-family);
    --_ui---button--font-size: 16px;
    --_ui---button--line-height: 1.2em;
    --_ui---button--font-weight: var(--_typography---font-weight--regular);
    --_ui---button--letter-spacing: var(--_typography---letter-spacing--none);
    --_ui---section-padding--margin--default: 60px;
    --_ui---section-padding--margin--xlarge: 100px;
    --_ui---tag--font-family: var(--_typography---font-family--third-family);
    --_ui---tag--font-size: 16px;
    --_ui---tag--font-weight: var(--_typography---font-weight--regular);
    --_ui---tag--line-height: 1.2em;
    --_ui---tag--letter-spacing: var(--_typography---letter-spacing--none);
  }
  .container {
    max-width: var(--_ui---container--max-width);
  }
  .color-block-inner {
    height: 150px;
  }
  .color-block-info {
    grid-row-gap: var(--_responsive---element-spacing--spacing-xxsmall\<deleted\|variable-0dfad19e-e670-09a0-77f8-e2fc69a7c0b1\>);
    flex-flow: wrap;
  }
  .hamburger-line-middle {
    background-color: var(--colors--white);
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }
  .hamburger-line-top, .hamburger-line-bottom {
    background-color: var(--colors--white);
    border-radius: 16px;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }
  .menu-button {
    padding: 0;
  }
  .menu-button.is-open {
    background-color: #0000;
  }
  .hamburger {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: flex;
  }
  .nav-menu {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .nav-link {
    width: var(--_responsive---common-value--full-size);
    padding: var(--_responsive---spacing--spacing-8x) var(--_responsive---common-value--none);
    border-top: 1px solid var(--colors--steel-gray);
    border-bottom: 1px solid var(--colors--steel-gray);
    background-color: var(--colors--transparent);
    font-size: var(--_typography---h5--font-size);
    justify-content: flex-start;
    align-items: center;
    margin-top: -1px;
    margin-left: 0;
  }
  .nav-link[aria-current="page"], .nav-link.is-active {
    background-color: var(--colors--transparent);
  }
  .text-lg-2 {
    font-size: 18px;
  }
  .utility-content-wrap {
    grid-row-gap: 32px;
  }
  .heading-01.home-work-title {
    margin-left: -22%;
  }
  .nav-content-wrap {
    padding-top: var(--_responsive---spacing--spacing-2x);
  }
  .nav-content-with-line {
    width: var(--_responsive---common-value--full-size);
  }
  .nav-content {
    width: var(--_responsive---common-value--full-size);
    grid-column-gap: var(--_responsive---spacing--spacing-18x);
    grid-row-gap: var(--_responsive---spacing--spacing-18x);
    justify-content: space-between;
  }
  .nav-vr-line {
    width: 4px;
  }
  .empty-box.mobile-display-none {
    display: block;
  }
  .header-hr {
    height: 4px;
    margin-top: var(--_responsive---spacing--spacing-2x);
  }
  .main-contents.is-brand {
    border-top-width: 4px;
    border-bottom-width: 4px;
  }
  .home-hero-label {
    grid-template-columns: 1fr;
  }
  .home-hero-services-content {
    grid-column-gap: var(--_responsive---spacing--spacing-8x);
    grid-row-gap: var(--_responsive---spacing--spacing-8x);
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 3fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .home-hero-btn-with-work {
    margin-top: var(--_responsive---spacing--spacing-15x);
  }
  .home-hero-title-emoji-wrap {
    width: 70px;
  }
  .home-brand-logo {
    max-height: 32px;
  }
  .home-services-section {
    height: auto;
  }
  .home-about-x-shape-wrap {
    display: none;
    top: 63%;
  }
  .home-works-overview {
    border-bottom-width: 4px;
  }
  .home-works-body-summery {
    grid-template-columns: 1.35fr;
  }
  .award-x-shapes {
    border-top-width: 4px;
  }
  .award-details {
    grid-template-columns: 1fr 1.4fr;
  }
  .award-date-wrap {
    border-top-width: 4px;
  }
  .award-slider {
    height: 482px;
  }
  .award-slide-nav {
    bottom: 20px;
  }
  .home-team-category-profile {
    width: 60px;
    height: 60px;
  }
  .home-team-ceo-content {
    grid-template-columns: 1fr;
  }
  .home-team-ceo-data {
    max-width: var(--_responsive---common-value--full-size);
    grid-template-columns: 1fr 1.5fr;
  }
  .home-team-ceo-skills-with-sigh {
    justify-content: space-between;
  }
  .testimonial-content-wrap {
    grid-row-gap: var(--_responsive---spacing--spacing-19x);
    grid-template-columns: 1fr 1fr;
  }
  .testimonial-card-line {
    height: 6px;
  }
  .testimonial-card-bg {
    transform: rotate(-6deg);
  }
  .faq-content-wrap {
    grid-template-columns: 1fr;
  }
  .home-blogs-content-wrap {
    border-top-width: 4px;
  }
  .cta-hr-line, .footer-hr-line {
    height: 4px;
  }
  .footer-address-items {
    justify-content: space-between;
  }
  .footer-support-item-vr-line-wrap {
    padding-left: var(--_responsive---spacing--spacing-3x);
  }
  .footer-support-item-vr-line {
    width: 4px;
  }
  .footer-address-content, .footer-menu-with-copyright-text {
    grid-template-columns: 1fr;
  }
  .footer-logo {
    margin-bottom: -40px;
  }
  .nav-menu-wrap {
    min-height: 93.5svh;
    padding: var(--_responsive---spacing--spacing-23x) var(--_responsive---spacing--spacing-11x) var(--_responsive---spacing--spacing-15x);
    background-color: var(--colors--black);
    flex-flow: column;
    justify-content: space-between;
    display: flex;
    overflow: auto;
  }
  .tab-display-none {
    display: none;
  }
  .home-hero-services {
    grid-column-gap: var(--_responsive---spacing--spacing-6x);
    grid-row-gap: var(--_responsive---spacing--spacing-6x);
    justify-content: space-between;
    display: flex;
  }
  .nav-menu-inner {
    padding-right: var(--_ui---section-padding--margin--padding-x);
    padding-left: var(--_ui---section-padding--margin--padding-x);
    background-color: var(--colors--transparent);
  }
  .desktop-none {
    display: block;
  }
  .desktop-none.nav-address-items {
    grid-column-gap: var(--_responsive---spacing--spacing-17x);
    grid-row-gap: var(--_responsive---spacing--spacing-8x);
    flex-flow: wrap;
    display: flex;
  }
  .nav-links {
    margin-top: var(--_responsive---spacing--spacing-12x);
    margin-bottom: var(--_responsive---spacing--spacing-15x);
    flex-flow: column;
    justify-content: flex-start;
  }
  .about-hero-shape-with-para, .about-hero-content {
    grid-template-columns: 1fr 1.3fr;
  }
  .team-x-shape.mobile-display-none {
    display: block;
  }
  .team-content {
    grid-template-columns: 1fr 1fr;
  }
  .about-locations-inner {
    grid-template-columns: 1fr 1.5fr;
  }
  .works-hero-content {
    grid-template-columns: 1fr;
  }
  .work-details-banner-wrap {
    height: auto;
  }
  .work-details-rating-items {
    grid-template-columns: 1fr 1fr;
  }
  .work-details-rating-item {
    border: 1px solid var(--colors--light-gray);
    margin-top: -1px;
    margin-right: -1px;
  }
  .work-details-rating-item.last-item {
    border-right-width: 1px;
  }
  .work-details-gallery {
    grid-template-columns: 1fr 2fr;
  }
  .services-collection-list {
    grid-template-columns: 1fr 1fr;
  }
  .service-item {
    padding: var(--_responsive---spacing--spacing-8x);
  }
  .services-details-hero {
    grid-column-gap: var(--_responsive---spacing--spacing-18x);
    grid-row-gap: var(--_responsive---spacing--spacing-18x);
  }
  .services-details-content-wrap {
    grid-column-gap: var(--_responsive---spacing--spacing-15x);
    grid-row-gap: var(--_responsive---spacing--spacing-15x);
    grid-template-columns: 1fr 1.35fr;
  }
  .services-rich-text {
    margin-top: -18px;
  }
  .services-details-gallery-list {
    grid-column-gap: var(--_responsive---spacing--spacing-3x);
    grid-row-gap: var(--_responsive---spacing--spacing-3x);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
  }
  .blog-details-mideas-share {
    position: static;
    bottom: 12.1vh;
  }
  .blog-details-content-wrap {
    grid-column-gap: var(--_responsive---spacing--spacing-15x);
    grid-row-gap: var(--_responsive---spacing--spacing-15x);
  }
  .blog-details-content {
    grid-column-gap: var(--_responsive---spacing--spacing-15x);
    grid-row-gap: var(--_responsive---spacing--spacing-15x);
    grid-template-columns: 1fr;
  }
  .blog-rich-text {
    margin-top: -36px;
  }
  .related-blogs-archive {
    grid-template-columns: 1fr;
  }
  .pricing-items {
    grid-template-columns: 1fr 1fr;
  }
  .contact-content-wrap {
    grid-column-gap: var(--_responsive---spacing--spacing-25x);
    grid-row-gap: var(--_responsive---spacing--spacing-25x);
    grid-template-columns: 1fr;
  }
  .home-works-tag-with-btn {
    grid-template-columns: 1fr 2fr;
  }}
@media screen and (max-width: 767px) {

  body {
    --_responsive---common-value--none: 0px;
    --_responsive---common-value--full-size: 100%;
    --_responsive---spacing--spacing-23x: 48px;
    --_responsive---spacing--spacing-13x: 24px;
    --_responsive---spacing--spacing-25x: 60px;
    --_responsive---spacing--spacing-3x: 8px;
    --_responsive---spacing--spacing-11x: 24px;
    --_responsive---spacing--spacing-8x: 16px;
    --_responsive---14-px\<deleted\|variable-6e27546b-22fd-9515-9505-a788ebe0bc82\>: 14px;
    --_responsive---spacing--spacing-5x: 12px;
    --_responsive---spacing--spacing-1x: 4px;
    --_responsive---element-spacing--spacing-xxsmall\<deleted\|variable-0dfad19e-e670-09a0-77f8-e2fc69a7c0b1\>: 8px;
    --_responsive---spacing--spacing-15x: 36px;
    --_responsive---34-px\<deleted\|variable-7e30a8d3-7687-4a52-d404-74d261b5dc62\>: 34px;
    --_responsive---spacing--spacing-6x: 12px;
    --_responsive---spacing--spacing-10x: 20px;
    --_responsive---spacing--spacing-7x: 16px;
    --_responsive---spacing--spacing-2x: 6px;
    --_responsive---spacing--spacing-18x: 40px;
    --_responsive---border-radius--round-radius: 100%;
    --_responsive---spacing--spacing-17x: 40px;
    --_responsive---spacing--spacing-4x: 10px;
    --_responsive---spacing--spacing-14x: 36px;
    --_responsive---spacing--spacing-9x: 20px;
    --_responsive---spacing--spacing-27x: 130px;
    --_responsive---spacing--spacing-19x: 40px;
    --_responsive---spacing--spacing-26x: 60px;
    --_responsive---spacing--spacing-16x: 40px;
    --_responsive---spacing--spacing-12x: 24px;
    --_responsive---common-value--half-size: 50%;
    --_responsive---spacing--spacing-8x-minus: -16px;
    --_responsive---spacing--spacing-20x: 44px;
    --_responsive---spacing--spacing-21x: 44px;
    --_responsive---spacing--spacing-22x: 48px;
    --_responsive---spacing--spacing-24x: 48px;
    --_responsive---border-radius--pill-radius: 500px;
    --_responsive---border-radius--radius-1x: 4px;
    --_responsive---border-radius--radius-2x: 4px;
    --_responsive---border-radius--radius-3x: 4px;
    --_responsive---border-radius--radius-4x: 6px;
    --_responsive---border-radius--radius-5x: 6px;
    --_responsive---border-radius--radius-6x: 8px;
    --_responsive---border-radius--radius-7x: 12px;
    --_responsive---border-radius--radius-8x: 12px;
    --_responsive---border-radius--radius-9x: 20px;
    --_responsive---border-radius--radius-10x: 20px;
    --_typography---font-family--paragraph-font: "Inter Tight", sans-serif;
    --_typography---text-default--font-size: 15px;
    --_typography---text-default--line-height: 1.4em;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-family--headding-font: Anton, sans-serif;
    --_typography---h1--font-size: 52px;
    --_typography---h1--line-height: 1em;
    --_typography---h1--font-weight: var(--_typography---font-weight--regular);
    --_typography---h1--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h2--font-size: 42px;
    --_typography---h2--line-height: 1em;
    --_typography---h2--font-weight: var(--_typography---font-weight--regular);
    --_typography---h2--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h3--font-size: 36px;
    --_typography---h3--line-height: 1.2em;
    --_typography---h3--font-weight: var(--_typography---font-weight--regular);
    --_typography---h3--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h4--font-size: 30px;
    --_typography---h4--line-height: 1.2em;
    --_typography---h4--font-weight: var(--_typography---font-weight--regular);
    --_typography---h4--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h5--font-size: 24px;
    --_typography---h5--line-height: 1.1em;
    --_typography---h5--font-weight: var(--_typography---font-weight--regular);
    --_typography---h5--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h6--font-size: 18px;
    --_typography---h6--line-height: 1.2em;
    --_typography---h6--font-weight: var(--_typography---font-weight--regular);
    --_typography---h6--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---font-weight--bold: 700;
    --_typography---letter-spacing--none: 0em;
    --_typography---text-medium--font-size: 16px;
    --_typography---text-medium--line-height: 1.4em;
    --_typography---font-weight--regular: 400;
    --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--medium: 500;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.4em;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-family--third-family: "Space Grotesk", sans-serif;
    --_typography---display-01--font-size: 80px;
    --_typography---display-01--line-height: 1em;
    --_typography---display-01--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-01--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-02--font-size: 54px;
    --_typography---display-02--line-height: 1em;
    --_typography---display-02--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-02--letter-spacing: var(--_typography---letter-spacing--large);
    --_typography---display-03--font-size: 52px;
    --_typography---display-03--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-03--line-height: 1em;
    --_typography---display-03--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--light: 300;
    --_typography---letter-spacing--tiny: .01em;
    --_typography---letter-spacing--small: -.01em;
    --_typography---letter-spacing--default: -.02em;
    --_typography---letter-spacing--medium: -.03em;
    --_typography---letter-spacing--large: -.04em;
    --_ui---section-padding--margin--large: 70px;
    --_ui---container--full-size-container: 100%;
    --_ui---container--max-width: 100%;
    --_ui---container--padding-x: 10px;
    --_ui---section-padding--margin--medium: 60px;
    --_ui---section-padding--margin--small: 8px;
    --_ui---section-padding--margin--padding-x: 10px;
    --_ui---button--font-family: var(--_typography---font-family--third-family);
    --_ui---button--font-size: 16px;
    --_ui---button--line-height: 1.2em;
    --_ui---button--font-weight: var(--_typography---font-weight--regular);
    --_ui---button--letter-spacing: var(--_typography---letter-spacing--none);
    --_ui---section-padding--margin--default: 60px;
    --_ui---section-padding--margin--xlarge: 80px;
    --_ui---tag--font-family: var(--_typography---font-family--third-family);
    --_ui---tag--font-size: 16px;
    --_ui---tag--font-weight: var(--_typography---font-weight--regular);
    --_ui---tag--line-height: 1.2em;
    --_ui---tag--letter-spacing: var(--_typography---letter-spacing--none);
  }
  .container {
    max-width: var(--_ui---container--max-width);
  }
  .heading-02.text-align-right.home-team-category-title {
    text-align: left;
  }
  .color-block-inner-wrap {
    grid-template-columns: 1fr 1fr;
  }
  .color-block {
    grid-column-gap: var(--_responsive---14-px\<deleted\|variable-6e27546b-22fd-9515-9505-a788ebe0bc82\>);
    grid-row-gap: var(--_responsive---14-px\<deleted\|variable-6e27546b-22fd-9515-9505-a788ebe0bc82\>);
  }
  .color-block-inner {
    height: 130px;
  }
  .brand-logo-link {
    max-width: 100px;
    padding-left: 0;
  }
  .hamburger {
    width: 32px;
    height: 32px;
  }
  .text-lg-2 {
    font-size: 16px;
  }
  .text-large-two {
    font-size: 18px;
  }
  .utility-content-wrap {
    grid-row-gap: 24px;
  }
  .heading-01.home-work-title {
    margin-left: auto;
  }
  .empty-box.mobile-display-none {
    display: none;
  }
  .decorative-line-wrap:where(.is-decorative-five) {
    width: var(--_responsive---common-value--full-size);
  }
  .decorative-line {
    min-width: auto;
  }
  .decorative-line:where(.is-decorative-five) {
    width: var(--_responsive---common-value--full-size);
  }
  .decorative-text-with-line {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .header-hr {
    margin-top: var(--_responsive---spacing--spacing-1x);
  }
  .x-shape.mobile-display-none {
    display: none;
  }
  .home-hero-btn-with-work {
    grid-template-columns: 1fr;
  }
  .home-hero-title-emoji-wrap {
    width: 52px;
  }
  .home-hero-work-line-wrap {
    padding-right: var(--_responsive---spacing--spacing-2x);
    padding-left: var(--_responsive---spacing--spacing-2x);
  }
  .home-brand-logo {
    max-height: 26px;
  }
  .home-services-content-wrap {
    grid-template-columns: 1fr;
  }
  .home-services-item-truck {
    max-width: var(--_responsive---common-value--full-size);
  }
  .home-about-shape-with-summery {
    grid-template-columns: 1fr;
  }
  .home-about-summery {
    width: var(--_responsive---common-value--full-size);
  }
  .home-works-overview {
    grid-column-gap: var(--_responsive---spacing--spacing-8x);
    grid-row-gap: var(--_responsive---spacing--spacing-8x);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .home-works-banner-with-content {
    grid-template-columns: 1fr;
  }
  .award-slider {
    height: 444px;
  }
  .award-slide-nav {
    bottom: 10px;
  }
  .home-team-shape-with-label {
    grid-column-gap: var(--_responsive---spacing--spacing-18x);
    grid-row-gap: var(--_responsive---spacing--spacing-18x);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .home-team-category {
    grid-column-gap: var(--_responsive---spacing--spacing-8x);
    grid-row-gap: var(--_responsive---spacing--spacing-8x);
    grid-template-columns: 1.35fr;
  }
  .home-team-ceo-content {
    margin-top: var(--_responsive---spacing--spacing-25x);
    padding: var(--_responsive---common-value--none);
    border-width: 0;
    border-color: #000;
  }
  .home-team-ceo-sign {
    max-width: 170px;
    margin-left: 0;
    margin-right: 0;
  }
  .review-text {
    font-size: var(--_typography---h5--font-size);
  }
  .testimonial-card-wrap {
    min-width: var(--_responsive---common-value--full-size);
    padding-right: var(--_responsive---spacing--spacing-11x);
    padding-left: var(--_responsive---spacing--spacing-11x);
  }
  .testimonial-profile-wrap {
    width: 130px;
    height: 130px;
  }
  .testimonial-card-line {
    height: 5px;
    margin-left: -16px;
    margin-right: -16px;
  }
  .faq-item-grid.is-body {
    grid-template-columns: 1fr 6.4fr 1fr;
  }
  .faq-icon {
    width: 16px;
    height: 16px;
  }
  .home-blogs-slider-mask {
    width: var(--_responsive---common-value--full-size);
    overflow: hidden;
  }
  .home-blog-item {
    height: 500px;
  }
  .home-blog-item-body-inner {
    padding: var(--_responsive---spacing--spacing-4x);
  }
  .home-blog-item-wrap {
    min-height: 500px;
  }
  .cta-support {
    grid-column-gap: var(--_responsive---spacing--spacing-5x);
    grid-row-gap: var(--_responsive---spacing--spacing-5x);
    flex-flow: column;
  }
  .footer-support-item-vr-line-wrap {
    padding-left: var(--_responsive---spacing--spacing-2x);
  }
  .footer-menu-archive {
    flex-flow: wrap;
    display: flex;
  }
  .footer-logo {
    margin-bottom: -24px;
  }
  .about-founders-details {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .about-hero-shape-with-para {
    grid-template-columns: 1fr;
  }
  .team-x-shape.mobile-display-none {
    display: none;
  }
  .team-rating {
    grid-column-gap: var(--_responsive---spacing--spacing-6x);
    grid-row-gap: var(--_responsive---spacing--spacing-6x);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: grid;
  }
  .rating-title-with-para {
    grid-column-gap: var(--_responsive---spacing--spacing-11x);
    grid-row-gap: var(--_responsive---spacing--spacing-11x);
    grid-template-columns: 1.2fr;
  }
  .rating-content-wrap {
    grid-column-gap: var(--_responsive---spacing--spacing-26x);
    grid-row-gap: var(--_responsive---spacing--spacing-26x);
  }
  .rating-items, .about-locations-inner {
    grid-template-columns: 1fr;
  }
  .vision-label-with-title {
    flex-flow: column;
  }
  .vision-content {
    grid-template-columns: 1fr 1fr;
  }
  .vision-tags.right-side {
    justify-content: flex-start;
  }
  .vision-profile-wrap {
    max-width: 80%;
    margin-left: auto;
  }
  .vision-sign {
    max-width: 180px;
    transform: translate(0%);
  }
  .works-feature-collection-list {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
  .works-feature-collection-list.col-reverse {
    grid-template-columns: 1fr 1fr;
  }
  .work-collection-list {
    grid-row-gap: var(--_responsive---spacing--spacing-23x);
    grid-template-columns: 1fr 1fr;
  }
  .work-details-content-wrap {
    grid-column-gap: var(--_responsive---spacing--spacing-11x);
    grid-row-gap: var(--_responsive---spacing--spacing-11x);
    grid-template-columns: 1fr;
  }
  .work-details-rating-items {
    grid-template-columns: 1fr 1fr;
  }
  .work-rating-number {
    font-size: 36px;
  }
  .work-details-rating-item {
    padding: var(--_responsive---spacing--spacing-7x);
    border: 1px solid var(--colors--light-gray);
    margin-top: -1px;
    margin-right: -1px;
  }
  .work-details-rating-item.last-item {
    border-right-width: 1px;
  }
  .related-works-title-with-para {
    grid-column-gap: var(--_responsive---spacing--spacing-8x);
    grid-row-gap: var(--_responsive---spacing--spacing-8x);
    grid-template-columns: 1fr;
  }
  .services-collection-list {
    grid-column-gap: var(--_responsive---spacing--spacing-5x);
    grid-row-gap: var(--_responsive---spacing--spacing-5x);
  }
  .service-item {
    padding-right: var(--_responsive---spacing--spacing-5x);
    padding-bottom: var(--_responsive---spacing--spacing-5x);
    padding-left: var(--_responsive---spacing--spacing-5x);
  }
  .services-details-hero {
    grid-template-columns: 1fr;
  }
  .services-details-heor-banner {
    aspect-ratio: 548 / 548;
  }
  .services-details-overview {
    padding-top: var(--_responsive---common-value--none);
    padding-bottom: var(--_responsive---common-value--none);
  }
  .services-details-gallery-list {
    flex-flow: row;
  }
  .related-blogs-details {
    grid-column-gap: var(--_responsive---spacing--spacing-8x);
    grid-row-gap: var(--_responsive---spacing--spacing-8x);
    grid-template-columns: 1fr;
  }
  .related-blogs-content-wrap {
    grid-column-gap: var(--_responsive---spacing--spacing-17x);
    grid-row-gap: var(--_responsive---spacing--spacing-17x);
  }
  .related-blogs-list, .pricing-items {
    grid-template-columns: 1fr;
  }
  ._404-content-wrap {
    grid-template-columns: 1fr;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }
  ._401-title-with-para {
    max-width: 366px;
  }
  .collection-item {
    position: static;
  }
  .pricing-table {
    min-width: 800px;
  }
  .home-works-tag-with-btn {
    margin-top: var(--_responsive---spacing--spacing-23x);
    grid-column-gap: var(--_responsive---spacing--spacing-14x);
    grid-row-gap: var(--_responsive---spacing--spacing-14x);
    grid-template-columns: 1fr;
  }
  .home-works-tags {
    justify-content: flex-start;
    align-items: center;
  }}
@media screen and (max-width: 479px) {

  body {
    --_responsive---common-value--none: 0px;
    --_responsive---common-value--full-size: 100%;
    --_responsive---spacing--spacing-23x: 40px;
    --_responsive---spacing--spacing-13x: 24px;
    --_responsive---spacing--spacing-25x: 50px;
    --_responsive---spacing--spacing-3x: 8px;
    --_responsive---spacing--spacing-11x: 24px;
    --_responsive---spacing--spacing-8x: 16px;
    --_responsive---14-px\<deleted\|variable-6e27546b-22fd-9515-9505-a788ebe0bc82\>: 14px;
    --_responsive---spacing--spacing-5x: 12px;
    --_responsive---spacing--spacing-1x: 4px;
    --_responsive---element-spacing--spacing-xxsmall\<deleted\|variable-0dfad19e-e670-09a0-77f8-e2fc69a7c0b1\>: 8px;
    --_responsive---spacing--spacing-15x: 32px;
    --_responsive---34-px\<deleted\|variable-7e30a8d3-7687-4a52-d404-74d261b5dc62\>: 34px;
    --_responsive---spacing--spacing-6x: 12px;
    --_responsive---spacing--spacing-10x: 20px;
    --_responsive---spacing--spacing-7x: 16px;
    --_responsive---spacing--spacing-2x: 6px;
    --_responsive---spacing--spacing-18x: 36px;
    --_responsive---border-radius--round-radius: 100%;
    --_responsive---spacing--spacing-17x: 36px;
    --_responsive---spacing--spacing-4x: 10px;
    --_responsive---spacing--spacing-14x: 32px;
    --_responsive---spacing--spacing-9x: 20px;
    --_responsive---spacing--spacing-27x: 130px;
    --_responsive---spacing--spacing-19x: 36px;
    --_responsive---spacing--spacing-26x: 60px;
    --_responsive---spacing--spacing-16x: 36px;
    --_responsive---spacing--spacing-12x: 24px;
    --_responsive---common-value--half-size: 50%;
    --_responsive---spacing--spacing-8x-minus: -16px;
    --_responsive---spacing--spacing-20x: 40px;
    --_responsive---spacing--spacing-21x: 40px;
    --_responsive---spacing--spacing-22x: 40px;
    --_responsive---spacing--spacing-24x: 40px;
    --_responsive---border-radius--pill-radius: 500px;
    --_responsive---border-radius--radius-1x: 4px;
    --_responsive---border-radius--radius-2x: 4px;
    --_responsive---border-radius--radius-3x: 4px;
    --_responsive---border-radius--radius-4x: 6px;
    --_responsive---border-radius--radius-5x: 6px;
    --_responsive---border-radius--radius-6x: 8px;
    --_responsive---border-radius--radius-7x: 12px;
    --_responsive---border-radius--radius-8x: 12px;
    --_responsive---border-radius--radius-9x: 20px;
    --_responsive---border-radius--radius-10x: 20px;
    --_typography---font-family--paragraph-font: "Inter Tight", sans-serif;
    --_typography---text-default--font-size: 15px;
    --_typography---text-default--line-height: 1.4em;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-family--headding-font: Anton, sans-serif;
    --_typography---h1--font-size: 40px;
    --_typography---h1--line-height: 1em;
    --_typography---h1--font-weight: var(--_typography---font-weight--regular);
    --_typography---h1--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h2--font-size: 36px;
    --_typography---h2--line-height: 1em;
    --_typography---h2--font-weight: var(--_typography---font-weight--regular);
    --_typography---h2--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h3--font-size: 32px;
    --_typography---h3--line-height: 1.2em;
    --_typography---h3--font-weight: var(--_typography---font-weight--regular);
    --_typography---h3--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h4--font-size: 26px;
    --_typography---h4--line-height: 1.2em;
    --_typography---h4--font-weight: var(--_typography---font-weight--regular);
    --_typography---h4--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h5--font-size: 20px;
    --_typography---h5--line-height: 1.1em;
    --_typography---h5--font-weight: var(--_typography---font-weight--regular);
    --_typography---h5--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h6--font-size: 18px;
    --_typography---h6--line-height: 1.2em;
    --_typography---h6--font-weight: var(--_typography---font-weight--regular);
    --_typography---h6--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---font-weight--bold: 700;
    --_typography---letter-spacing--none: 0em;
    --_typography---text-medium--font-size: 15px;
    --_typography---text-medium--line-height: 1.4em;
    --_typography---font-weight--regular: 400;
    --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--medium: 500;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.4em;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-family--third-family: "Space Grotesk", sans-serif;
    --_typography---display-01--font-size: 60px;
    --_typography---display-01--line-height: 1em;
    --_typography---display-01--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-01--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-02--font-size: 40px;
    --_typography---display-02--line-height: 1em;
    --_typography---display-02--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-02--letter-spacing: var(--_typography---letter-spacing--large);
    --_typography---display-03--font-size: 40px;
    --_typography---display-03--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-03--line-height: 1em;
    --_typography---display-03--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--light: 300;
    --_typography---letter-spacing--tiny: .01em;
    --_typography---letter-spacing--small: -.01em;
    --_typography---letter-spacing--default: -.02em;
    --_typography---letter-spacing--medium: -.03em;
    --_typography---letter-spacing--large: -.04em;
    --_ui---section-padding--margin--large: 50px;
    --_ui---container--full-size-container: 100%;
    --_ui---container--max-width: 100%;
    --_ui---container--padding-x: 8px;
    --_ui---section-padding--margin--medium: 50px;
    --_ui---section-padding--margin--small: 8px;
    --_ui---section-padding--margin--padding-x: 8px;
    --_ui---button--font-family: var(--_typography---font-family--third-family);
    --_ui---button--font-size: 16px;
    --_ui---button--line-height: 1.2em;
    --_ui---button--font-weight: var(--_typography---font-weight--regular);
    --_ui---button--letter-spacing: var(--_typography---letter-spacing--none);
    --_ui---section-padding--margin--default: 50px;
    --_ui---section-padding--margin--xlarge: 60px;
    --_ui---tag--font-family: var(--_typography---font-family--third-family);
    --_ui---tag--font-size: 16px;
    --_ui---tag--font-weight: var(--_typography---font-weight--regular);
    --_ui---tag--line-height: 1.2em;
    --_ui---tag--letter-spacing: var(--_typography---letter-spacing--none);
  }
  .style-guide-wrap {
    grid-column-gap: var(--_responsive---spacing--spacing-13x);
    grid-row-gap: var(--_responsive---spacing--spacing-13x);
  }
  .color-block-inner-wrap {
    grid-column-gap: var(--_responsive---spacing--spacing-11x);
    grid-row-gap: var(--_responsive---spacing--spacing-11x);
    grid-template-columns: 1fr;
  }
  .color-block-inner {
    height: 120px;
  }
  .typography-box-wrap {
    grid-column-gap: var(--_responsive---34-px\<deleted\|variable-7e30a8d3-7687-4a52-d404-74d261b5dc62\>);
    grid-row-gap: var(--_responsive---34-px\<deleted\|variable-7e30a8d3-7687-4a52-d404-74d261b5dc62\>);
  }
  .typography-box-inner-wrap {
    grid-column-gap: var(--_responsive---spacing--spacing-10x);
    grid-row-gap: var(--_responsive---spacing--spacing-10x);
  }
  .heading-01.home-work-title {
    margin-left: auto;
  }
  .home-hero-title-emoji-wrap {
    width: 40px;
  }
  .home-hero-work-details, .home-hero-work-banner-wrap {
    padding-right: var(--_responsive---spacing--spacing-9x);
    padding-left: var(--_responsive---spacing--spacing-9x);
  }
  .home-hero-work-line-wrap {
    padding-right: var(--_responsive---spacing--spacing-2x);
    padding-left: var(--_responsive---spacing--spacing-2x);
  }
  .home-brand-logo {
    max-height: 24px;
  }
  .home-works-overview {
    grid-column-gap: var(--_responsive---spacing--spacing-7x);
    grid-row-gap: var(--_responsive---spacing--spacing-7x);
  }
  .home-works-banner-with-content {
    grid-template-columns: 1fr;
  }
  .award-slider {
    height: 404px;
  }
  .award-slide-nav {
    bottom: 0;
  }
  .home-team-category-profile {
    width: 50px;
    height: 50px;
  }
  .home-team-category-profile-with-number {
    grid-template-columns: auto;
  }
  .home-team-ceo-sign {
    max-width: 150px;
  }
  .testimonial-profile-wrap {
    width: 100px;
    height: 100px;
  }
  .testimonial-card {
    padding-top: var(--_responsive---spacing--spacing-8x);
    padding-right: var(--_responsive---spacing--spacing-8x);
    padding-left: var(--_responsive---spacing--spacing-8x);
  }
  .testimonial-card-line {
    height: 6px;
    margin-top: var(--_responsive---spacing--spacing-4x);
    margin-left: -12px;
    margin-right: -12px;
  }
  .home-blog-item.is-related-blog {
    height: 450px;
  }
  .footer-logo {
    margin-bottom: -16px;
  }
  .about-hero-content {
    grid-template-columns: 1fr 1.7fr;
  }
  .team-content {
    grid-column-gap: var(--_responsive---spacing--spacing-4x);
    grid-row-gap: var(--_responsive---spacing--spacing-4x);
  }
  .team-card {
    padding-right: var(--_responsive---spacing--spacing-1x);
    padding-left: var(--_responsive---spacing--spacing-1x);
  }
  .team-member-name-with-title {
    padding-right: var(--_responsive---spacing--spacing-3x);
    padding-left: var(--_responsive---spacing--spacing-3x);
    border-left-width: 3px;
    border-right-width: 3px;
  }
  .left-arrow {
    width: 36px;
    height: 36px;
  }
  .left-arrow.arrow-right {
    left: 50px;
  }
  .about-locations-content-wrap {
    grid-column-gap: var(--_responsive---spacing--spacing-13x);
    grid-row-gap: var(--_responsive---spacing--spacing-13x);
    flex-flow: column;
  }
  .vision-content, .process-item-wrap {
    grid-template-columns: 1fr;
  }
  .work-details-rating-item {
    padding: var(--_responsive---spacing--spacing-5x);
  }
  .work-details-gallery {
    grid-template-columns: 1fr 1.5fr;
  }
  .work-details-final-content {
    grid-column-gap: var(--_responsive---common-value--none);
    grid-row-gap: var(--_responsive---common-value--none);
    grid-template-columns: 1fr;
  }
  .work-details-final {
    grid-column-gap: var(--_responsive---spacing--spacing-12x);
    grid-row-gap: var(--_responsive---spacing--spacing-12x);
  }
  .related-works-list {
    grid-template-columns: 1fr 1fr;
  }
  .services-collection-list, .services-details-content-wrap {
    grid-template-columns: 1fr;
  }
  .blog-collection-list {
    grid-column-gap: var(--_responsive---spacing--spacing-5x);
    grid-row-gap: var(--_responsive---spacing--spacing-5x);
    grid-template-columns: 1fr;
  }
  .blog-details-tags-with-title {
    max-width: var(--_responsive---common-value--full-size);
  }
  .pricing-title-wrap {
    grid-column-gap: var(--_responsive---spacing--spacing-3x);
    grid-row-gap: var(--_responsive---spacing--spacing-3x);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .pricing-section-details {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .license-image-with-title, .license-font-with-title {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }}

#node-_8ce7a32d-bb49-f028-9354-993f23f27d8b-70eae998 {
  justify-self: start;
}
#node-_1e19e7d9-1347-538c-e08b-360076d78a72-70eae998 {
  place-self: start;
}
#node-_222ed4a2-cbfd-5b02-e399-d29e7315749f-70eae998 {
  justify-self: end;
}
#node-_677f92c7-a16a-da87-4c07-0a031a76085f-70eae998 {
  place-self: center start;
}
#node-f2395ef7-92f0-cff7-2a16-7e711efb7ebe-70eae998 {
  place-self: center end;
}
#node-_0ed6600b-7d30-5c9e-27e9-5e173122f1ea-70eae998 {
  justify-self: end;
}
#node-e355de00-e817-7cce-8848-dddf514e5f04-70eae998 {
  place-self: end start;
}
#node-a4141bb4-64e5-5b02-f2c0-a30fbb249967-70eae998 {
  align-self: center;
}
#node-e3200c54-a89b-f9b8-2666-a8fe687e9aa8-70eae998 {
  place-self: end start;
}
#node-e3200c54-a89b-f9b8-2666-a8fe687e9aae-70eae998 {
  align-self: center;
}
#node-_786d2763-8f8f-1dc8-26e9-569ab6aa3189-70eae998 {
  place-self: end start;
}
#node-_786d2763-8f8f-1dc8-26e9-569ab6aa318f-70eae998 {
  align-self: center;
}
#node-_00fa1f4b-f593-3e1f-e5fe-c936fc007464-70eae998 {
  place-self: end start;
}
#node-_00fa1f4b-f593-3e1f-e5fe-c936fc00746a-70eae998 {
  align-self: center;
}
#node-e5742f96-aa8a-e3fb-af48-3bd16a821321-70eae998, #node-_53da973c-f5ab-c73a-3810-a1d254f4e0d1-54f4e0bc {
  justify-self: end;
}
#node-_53da973c-f5ab-c73a-3810-a1d254f4e0e0-54f4e0bc {
  place-self: end start;
}
#node-_1a9e0c60-fb2d-a5f5-cbb9-7a4c969aa280-969aa271, #node-_1a9e0c60-fb2d-a5f5-cbb9-7a4c969aa28e-969aa271, #node-_1a9e0c60-fb2d-a5f5-cbb9-7a4c969aa29c-969aa271, #node-_1a9e0c60-fb2d-a5f5-cbb9-7a4c969aa2aa-969aa271, #node-_1a9e0c60-fb2d-a5f5-cbb9-7a4c969aa2b8-969aa271 {
  place-self: center end;
}
#node-_8f0e3064-ce67-6cd4-d322-d4cc8ad94bd2-8ad94bcb {
  grid-area: span 2 / span 1 / span 2 / span 1;
}
#node-_8f0e3064-ce67-6cd4-d322-d4cc8ad94c5e-8ad94bcb, #node-_8f0e3064-ce67-6cd4-d322-d4cc8ad94c63-8ad94bcb {
  align-self: center;
}
#node-_0fa1e887-9573-e3ff-9df6-d608a12e6d8e-70eae99a {
  justify-self: end;
}
#node-_3b6bce27-2e79-230f-5532-94ec945df7f1-70eae99a {
  align-self: end;
}
#node-b25ba361-07fa-d421-5a1e-128fea449f5c-70eae99b {
  justify-self: end;
}
#node-c10f97a0-2609-9834-401a-4740999759e3-70eae99b, #node-_65815f32-635c-5321-447e-7aeb533af30e-70eae99b {
  place-self: start;
}
#node-d1fad884-b3b4-4e6d-90cf-89b9fc98e642-70eae99b, #node-_8b9d4916-7c97-96e2-9836-803508ed26d8-70eae99b {
  align-self: center;
}
#node-f1a5063e-1ef8-70f0-24d1-29c7090ca31a-70eae99d {
  place-self: end start;
}
#node-_9a99d229-8e04-ad0c-b246-d936f4caa273-70eae99e {
  align-self: center;
}
#node-b3626057-449d-7f86-f231-cc376730b3f5-70eae9a8 {
  place-self: end start;
}
#node-a36afe52-87b0-eb6f-1a12-06523753f3c0-70eae9a8, #node-f8ea5174-98c6-651c-73ec-e0682323c35f-70eae9ac {
  place-self: end;
}@media screen and (max-width: 991px) {

  #node-b72436e0-ca3c-86ed-8a19-6072924587e3-70eae998 {
    order: -9999;
  }
  #node-_53da973c-f5ab-c73a-3810-a1d254f4e0d1-54f4e0bc {
    justify-self: start;
  }
  #node-_8f0e3064-ce67-6cd4-d322-d4cc8ad94bcf-8ad94bcb, #node-_8f0e3064-ce67-6cd4-d322-d4cc8ad94bd2-8ad94bcb, #node-_0cce6c46-d232-bd9d-0849-44bb67c8b156-70eae99d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  #node-_3fe6d3e0-ffea-f0eb-0633-e143f37d3348-70eae99e {
    order: -9999;
  }
  #node-b3626057-449d-7f86-f231-cc376730b3f5-70eae9a8 {
    order: 9999;
  }
  #node-d5f09148-650a-120d-6446-60a7eb477655-70eae9aa {
    order: -9999;
  }
  #node-_3dfe2b80-7660-3514-759c-c146c2f1d839-70eae9ad {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }}
@media screen and (max-width: 767px) {

  #node-_8ce7a32d-bb49-f028-9354-993f23f27d8b-70eae998 {
    justify-self: auto;
  }
  #node-_222ed4a2-cbfd-5b02-e399-d29e7315749f-70eae998 {
    justify-self: start;
  }
  #node-_1cf63340-2cd4-b095-9223-aec9461a27fb-70eae998 {
    order: 9999;
  }
  #node-_8a9487bb-3ddb-e931-9643-d9416bffaccf-70eae998 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  #node-_13972e22-9e64-dc1f-e431-6b1e2e14bfba-70eae998 {
    justify-self: end;
  }
  #node-_1a9e0c60-fb2d-a5f5-cbb9-7a4c969aa286-969aa271, #node-_1a9e0c60-fb2d-a5f5-cbb9-7a4c969aa294-969aa271, #node-_1a9e0c60-fb2d-a5f5-cbb9-7a4c969aa2a2-969aa271, #node-_1a9e0c60-fb2d-a5f5-cbb9-7a4c969aa2b0-969aa271, #node-_1a9e0c60-fb2d-a5f5-cbb9-7a4c969aa2be-969aa271 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  #node-_0fa1e887-9573-e3ff-9df6-d608a12e6d8e-70eae99a, #node-b25ba361-07fa-d421-5a1e-128fea449f5c-70eae99b {
    justify-self: start;
  }
  #node-_42ce26a0-0082-7016-4032-699dc91ab3b5-70eae99b {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  #node-_0cce6c46-d232-bd9d-0849-44bb67c8b156-70eae99d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  #node-a36afe52-87b0-eb6f-1a12-06523753f3c0-70eae9a8 {
    justify-self: start;
  }
  #node-_3dfe2b80-7660-3514-759c-c146c2f1d839-70eae9ad {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }}
@media screen and (max-width: 479px) {

  #node-_42ce26a0-0082-7016-4032-699dc91ab3b5-70eae99b {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  #node-_3dfe2b80-7660-3514-759c-c146c2f1d839-70eae9ad {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }}


/* ======================================================================
   4. Components -- vanilla replacements for the Webflow runtime and for its
      IX2 / IX3 interactions
   ======================================================================

   The export drove its motion from three places: an IX2 payload (the four
   sliders and the instructions page's scroll-ins), an IX3 payload (everything
   else -- reveals, loops, hovers, the home page loader) and two hand-written
   GSAP scripts. All of it is re-expressed here in CSS, with main.js doing
   nothing but adding and removing classes at the moments a scroll position or
   a click decides.

   EVERY DURATION, DELAY, OFFSET AND EASING BELOW IS THE EXPORT'S OWN VALUE,
   read out of the interaction payloads rather than eyeballed. The easings are
   Webflow's own bezier table, and the IX3 numeric ease ids map onto it like
   this:

       0  none              linear
       3  power1.inOut      cubic-bezier(.455, .03, .515, .955)
       5  power2.out        cubic-bezier(.215, .61, .355, 1)
       11 power4.out        cubic-bezier(.23, 1, .32, 1)
       28 sine.in           cubic-bezier(.47, 0, .745, .715)
       29 sine.out          cubic-bezier(.39, .575, .565, 1)
       back.out(1.7)        cubic-bezier(.175, .885, .32, 1.275)
       back.inOut(1.7)      cubic-bezier(.68, -.55, .265, 1.55)

   An IX3 action with no `ease` key at all resolves to "none" in the runtime's
   own resolver, so those are linear too -- not, as looks likelier, GSAP's
   `power1.out` default. */

:root {
  --ease-linear: linear;
  --ease-quad-in-out: cubic-bezier(.455, .03, .515, .955);
  --ease-cubic-out: cubic-bezier(.215, .61, .355, 1);
  --ease-quint-out: cubic-bezier(.23, 1, .32, 1);
  --ease-sine-in: cubic-bezier(.47, 0, .745, .715);
  --ease-sine-out: cubic-bezier(.39, .575, .565, 1);
  --ease-back-out: cubic-bezier(.175, .885, .32, 1.275);
  --ease-back-in-out: cubic-bezier(.68, -.55, .265, 1.55);
  /* Webflow's default "ease", which every IX2 action with a blank easing
     field uses -- and all of the slider actions have a blank easing field. */
  --ease-webflow: cubic-bezier(.25, .1, .25, 1);
  --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
  --ease-out-back: cubic-bezier(.175, .885, .32, 1.275);
}


/* ---- landmarks and form controls ------------------------------------- */
/* <main> exists for the reader who navigates by landmark. It must cost the
   layout nothing: two earlier conversions inserted a wrapper into the flow
   and collapsed a hero, then moved a footer 20px. `display: contents` makes
   the element real to the accessibility tree and invisible to layout. */
main {
  display: contents;
}

/* The export laid a transparent `<input type="submit">` over a styled <a>;
   this build makes the styled element the button. A <button> loses inherited
   `letter-spacing`, `word-spacing` and `text-transform` to the UA form-control
   reset, and `font: inherit` does NOT bring them back -- so they are restored
   by name. `:where()` keeps this rule at zero specificity, so every design
   rule still outranks it exactly as it outranked the element default.

   `padding: 0` is not housekeeping. A <button> arrives with the UA's own
   `padding: 1px 6px`, and `.button` sets no padding of its own -- the design
   puts it on `.button-text` inside. Those two pixels made the contact form,
   the CTA form and the password page each exactly 2px taller than the
   export, on every page that carries a form. */
:where(button.button, button.text-btn, button.testimonial-tab-btn) {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: inherit;
  text-align: inherit;
  cursor: pointer;
}

/* Webflow's `.w-form-done` / `.w-form-fail` are `display: none` until the
   runtime shows one. main.js toggles `hidden` instead, so the panels need a
   display value for the state where they are NOT hidden -- otherwise the
   framework rule keeps them invisible and a submitted form says nothing. */
[data-form-done]:not([hidden]),
[data-form-fail]:not([hidden]) {
  display: block;
}

/* The studio credit, appended to the footer's copyright line. The design has
   no rule for it, because the export carried the credit inside the
   marketplace promo bar this build removes. It inherits the line's own type
   and only announces itself as a link. */
.footer-credit {
  white-space: nowrap;
}

.credit-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity .25s var(--ease-quad-in-out);
}

.credit-link:hover {
  opacity: .7;
}

/* The design tints its focus rings nowhere, and the browser default sits
   badly on a black field. One visible ring, keyboard only. */
:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 2px solid var(--colors--white);
  outline-offset: 2px;
}

.footer-section :where(a, button):focus-visible {
  outline-color: var(--colors--white);
}

.faq-item :where(button):focus-visible,
.pricing-table :where(a, button):focus-visible {
  outline-color: currentColor;
}


/* ======================================================================
   Scroll reveals  (IX3 i-e7bffb94, i-684469e4, i-40b0633d, i-06fc5509,
                    i-0a6dc3fe, i-d72a3dd9, i-d52969ac, i-fc96e754,
                    i-ca5cb16c, i-3275074a, i-bc5a12ff, i-5435384b)
   ======================================================================

   Three states, and all three are load-bearing:

     rest        `:not(.is-revealed):not(.is-shown)` -- the element's own
                 from-values. Written as a negation rather than as a bare
                 class so that when main.js hands over, the element returns to
                 the DESIGN's rest transform rather than to `transform: none`.
                 A conversion that pinned `transform: none` on the finished
                 state flattened a seven-step design stagger.
     revealed    the animation runs, `animation-fill-mode: both`.
     shown       main.js swaps the class at `animationend`; no animation is
                 named any more, so nothing is pinned and a later transform on
                 the same element is free to move it. `animation-fill-mode`
                 left in place froze four scroll rails on an earlier build.

   THE WHOLE LAYER IS GATED ON `.js`. Un-gated, a browser with JavaScript off
   gets a page of `opacity: 0` -- which is exactly what one earlier conversion
   shipped. `:where(.js)` keeps the gate at zero specificity so these rules
   score the same as they would without it. */

:where(.js) [data-reveal]:not(.is-revealed):not(.is-shown),
:where(.js) [data-reveal-item]:not(.is-revealed):not(.is-shown) {
  opacity: 0;
}

:where(.js) [data-reveal="up"]:not(.is-revealed):not(.is-shown),
:where(.js) [data-reveal-group="up"] [data-reveal-item]:not(.is-revealed):not(.is-shown) {
  transform: translateY(48px);
}

:where(.js) [data-reveal="down"]:not(.is-revealed):not(.is-shown),
:where(.js) [data-reveal-group="down"] [data-reveal-item]:not(.is-revealed):not(.is-shown) {
  transform: translateY(-48px);
}

:where(.js) [data-reveal="right"]:not(.is-revealed):not(.is-shown),
:where(.js) [data-reveal-group="right"] [data-reveal-item]:not(.is-revealed):not(.is-shown) {
  transform: translateX(48px);
}

:where(.js) [data-reveal="left"]:not(.is-revealed):not(.is-shown),
:where(.js) [data-reveal-group="left"] [data-reveal-item]:not(.is-revealed):not(.is-shown) {
  transform: translateX(-48px);
}

:where(.js) [data-reveal="zoom"]:not(.is-revealed):not(.is-shown) {
  transform: scale(.8);
}

/* `rise` is the ONE reveal that comes from the IX2 payload rather than IX3:
   Webflow's stock `slideInBottom` preset, which the instructions page puts on
   all eight of its blocks. It is a different animation from `up` and has to
   stay one -- 100px rather than 48, a full second rather than 0.55, and
   `outQuart` rather than `power2.out`. Folding it into `up` would have been
   the easy thing and would have retimed the only page that uses it. */
:where(.js) [data-reveal="rise"]:not(.is-revealed):not(.is-shown) {
  opacity: 0;
  transform: translateY(100px);
}

/* `--reveal-delay` carries the stagger. main.js sets it per item inside a
   group (0.15s each, the payload's own figure) and leaves it unset elsewhere,
   where the rule's own default -- the action's timeline position -- applies. */
[data-reveal].is-revealed,
[data-reveal-item].is-revealed {
  animation-duration: .55s;
  animation-fill-mode: both;
  animation-timing-function: var(--ease-cubic-out);
  animation-delay: var(--reveal-delay, 0s);
}

[data-reveal="up"].is-revealed,
[data-reveal-group="up"] [data-reveal-item].is-revealed {
  animation-name: reveal-up;
  animation-delay: calc(.1s + var(--reveal-delay, 0s));
}

[data-reveal="down"].is-revealed,
[data-reveal-group="down"] [data-reveal-item].is-revealed {
  animation-name: reveal-down;
  animation-delay: calc(.05s + var(--reveal-delay, 0s));
}

[data-reveal="right"].is-revealed,
[data-reveal-group="right"] [data-reveal-item].is-revealed {
  animation-name: reveal-right;
  animation-delay: calc(.05s + var(--reveal-delay, 0s));
}

[data-reveal="left"].is-revealed,
[data-reveal-group="left"] [data-reveal-item].is-revealed {
  animation-name: reveal-left;
  animation-delay: calc(.05s + var(--reveal-delay, 0s));
}

/* The group items' delay starts at the group's own timeline position -- .1s
   for the up/down groups, .05s for left/right -- and the rules above already
   fold that in, so nothing extra is needed here. */

[data-reveal="zoom"].is-revealed {
  animation-name: reveal-zoom;
  animation-delay: 0s;
}

/* The preset's own 50ms `delay`, and its own `outQuart`. */
[data-reveal="rise"].is-revealed {
  animation: reveal-rise 1s var(--ease-out-quart) .05s both;
}@keyframes reveal-up {

  from { opacity: 0; transform: translateY(48px); }
  to   { opacity: 1; transform: translateY(0); }}
@keyframes reveal-down {

  from { opacity: 0; transform: translateY(-48px); }
  to   { opacity: 1; transform: translateY(0); }}
@keyframes reveal-right {

  from { opacity: 0; transform: translateX(48px); }
  to   { opacity: 1; transform: translateX(0); }}
@keyframes reveal-left {

  from { opacity: 0; transform: translateX(-48px); }
  to   { opacity: 1; transform: translateX(0); }}
@keyframes reveal-zoom {

  from { opacity: 0; transform: scale(.8); }
  to   { opacity: 1; transform: scale(1); }}
@keyframes reveal-rise {

  from { opacity: 0; transform: translateY(100px); }
  to   { opacity: 1; transform: translateY(0); }}



/* ---- the image reveal (i-3275074a) ----------------------------------- */
/* Two halves that read as one wipe: a white panel slides down off the frame
   while the photo behind it settles from 1.2 to 1.

   The panel's REST is not the design's rest. `.image-anim-overlay` is styled
   `transform: translate(0, 100%)` -- that is where it ENDS. The interaction
   renders its from-value (y: 0, covering the frame) the moment the timeline
   is built, so on the published site the panel sits over the image until the
   frame scrolls in. Encoding the design's value as the resting state would
   ship every framed image already uncovered. */
:where(.js) [data-image-reveal]:not(.is-revealed):not(.is-shown) img {
  transform: scale(1.2);
}

:where(.js) [data-image-reveal]:not(.is-revealed):not(.is-shown) .image-anim-overlay {
  transform: translateY(0);
}

[data-image-reveal].is-revealed img {
  animation: image-settle .55s var(--ease-linear) .05s both;
}

[data-image-reveal].is-revealed .image-anim-overlay {
  animation: image-uncover .55s var(--ease-sine-in) .02s both;
}@keyframes image-settle {

  from { transform: scale(1.2); }
  to   { transform: scale(1); }}
@keyframes image-uncover {

  from { transform: translateY(0); }
  to   { transform: translateY(100%); }}



/* ---- the flip-in rows (i-bc5a12ff, i-5435384b) ----------------------- */
/* The team categories on the home page and the pricing table's rows both
   hinge open from their top edge. The design already supplies the two halves
   of that: `transform: perspective(100vh)` and `transform-origin: 50% 0`. The
   rotation composes onto the perspective, so both have to be written out
   together -- a bare `rotateX()` here would drop the perspective and flatten
   the whole move. Neither action names an easing, which the runtime resolves
   to linear. */
:where(.js) .home-team-category:not(.is-revealed):not(.is-shown),
:where(.js) .pricing-table-row:not(.is-revealed):not(.is-shown) {
  opacity: 0;
  transform: perspective(100vh) rotateX(-90deg);
}

.home-team-category.is-revealed,
.pricing-table-row.is-revealed {
  animation: reveal-flip .55s var(--ease-linear) both;
}@keyframes reveal-flip {

  from { opacity: 0; transform: perspective(100vh) rotateX(-90deg); }
  to   { opacity: 1; transform: perspective(100vh) rotateX(0deg); }}



/* ---- the home hero's arrival (i-90712d21, i-c3527bba) ---------------- */
/* One timeline, index only, played on load behind the wordmark loader. The
   positions below are the payload's, to the hundredth of a second, and they
   are what makes the sequence read as choreography rather than as a pile of
   fades: label, then emoji, then the button, then the services column, then
   the work card.

   `.home-page-loader` is `display: none` in the design and the interaction
   sets it to flex. Gating that on `.js` keeps the two in step: a browser with
   scripting off never sees a loader it cannot dismiss. */
:where(.js) .home-page-loader {
  display: flex;
}

.home-page-loader[data-loader-done] {
  display: none;
}

/* The wordmark, one character at a time. The interaction's own
   `splitText: { type: "chars", mask: "chars" }` is what makes this a stagger
   rather than a single move: each letter rises out of a box clipped to its
   own width, 0.09s after the one before it. main.js does the splitting; the
   mask and the timing are here.

   `overflow: hidden` on an inline-block clips against the line box, which is
   exactly the effect wanted -- the letter is invisible until it arrives. */
.split-char {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}

.split-char-inner {
  display: inline-block;
  animation: loader-word .17s var(--ease-linear) both;
  animation-delay: calc(var(--char-index, 0) * .09s);
}

.home-page-loader.is-leaving {
  animation: loader-leave .35s var(--ease-linear) both;
}@keyframes loader-word {

  from { transform: translateY(100%); }
  to   { transform: translateY(0); }}
@keyframes loader-leave {

  from { transform: translateY(0); }
  to   { transform: translateY(-100%); }}


/* Everything the loader hands the page to. Each rest state is the action's
   from-value; each animation starts at the action's own timeline position,
   counted from the moment the loader begins to lift (1.0s in), because
   main.js starts this group then rather than replaying the whole timeline. */
:where(.js) .home-hero-section [data-hero-reveal]:not(.is-shown),
:where(.js) .home-hero-section .home-hero-work:not(.is-shown),
:where(.js) .home-hero-section .home-hero-services-content:not(.is-shown),
:where(.js) .home-hero-section .home-hero-service:not(.is-shown),
:where(.js) .home-hero-section .home-hero-title-emoji:not(.is-shown),
:where(.js) .home-hero-section .home-hero-btn-with-work > div:first-child:not(.is-shown) {
  opacity: 0;
}

.home-hero-section.is-arriving [data-hero-reveal] {
  animation: hero-rise .35s var(--ease-linear) both;
  animation-delay: calc(.35s + var(--hero-index, 0) * .18s);
}

.home-hero-section.is-arriving .section-bg-image {
  animation: hero-bg-settle .45s var(--ease-linear) both;
}

.home-hero-section.is-arriving .home-hero-title-emoji {
  animation: hero-emoji-spin .4s var(--ease-back-out) .76s both;
}

.home-hero-section.is-arriving .home-hero-title-with-emoji:last-of-type .home-hero-title-emoji {
  animation: hero-emoji-pop .4s var(--ease-back-in-out) .83s both;
}

.home-hero-section.is-arriving .home-hero-btn-with-work > div:first-child {
  animation: hero-pop .25s var(--ease-linear) 1.14s both;
}

.home-hero-section.is-arriving .home-hero-services-content {
  animation: hero-fade .14s var(--ease-linear) 1.14s both;
}

.home-hero-section.is-arriving .home-hero-service {
  animation: hero-slide-in .35s var(--ease-sine-out) both;
  animation-delay: calc(1.15s + var(--hero-index, 0) * .15s);
}

.home-hero-section.is-arriving .home-hero-work {
  animation: hero-slide-out .45s var(--ease-back-in-out) 1.23s both;
}@keyframes hero-rise {

  from { opacity: 0; transform: translateY(48px); }
  to   { opacity: 1; transform: translateY(0); }}
@keyframes hero-bg-settle {

  from { transform: scale(1.2); }
  to   { transform: scale(1); }}
@keyframes hero-emoji-spin {

  from { transform: rotate(-25deg); }
  to   { transform: rotate(0deg); }}
@keyframes hero-emoji-pop {

  from { transform: scale(.6); }
  to   { transform: scale(1); }}
@keyframes hero-pop {

  from { opacity: 0; transform: scale(.8); }
  to   { opacity: 1; transform: scale(1); }}
@keyframes hero-fade {

  from { opacity: 0; }
  to   { opacity: 1; }}
@keyframes hero-slide-in {

  from { opacity: 0; transform: translateX(-48px); }
  to   { opacity: 1; transform: translateX(0); }}
@keyframes hero-slide-out {

  from { opacity: 0; transform: translateX(48px); }
  to   { opacity: 1; transform: translateX(0); }}



/* ======================================================================
   Loops
   ====================================================================== */

/* The decorative dot grids (i-7a20cb4f). Two alternating phases, 0.7s each,
   yoyo, forever, with the whole set scattered over half a second at random.
   main.js writes the scatter into `--pulse-delay`; the phases are the
   payload's, and they are opposites -- one dips to 50%, the other climbs
   from it. */
.doted-shape-dot.is-pulse-a {
  animation: dot-dim .7s var(--ease-linear) var(--pulse-delay, 0s) infinite alternate;
}

.doted-shape-dot.is-pulse-b {
  animation: dot-lift .7s var(--ease-linear) var(--pulse-delay, 0s) infinite alternate;
}@keyframes dot-dim {

  from { opacity: 1; }
  to   { opacity: .5; }}
@keyframes dot-lift {

  from { opacity: .5; }
  to   { opacity: 1; }}


/* The partner marquee (i-265ac7c7). Three identical logo trucks in a masked
   flex row; each travels its own width in 50 seconds and the row repeats
   forever, so the seam never arrives. */
[data-marquee] {
  animation: marquee-left 50s var(--ease-linear) infinite;
}@keyframes marquee-left {

  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }}


/* The dashed rule inside the hero's work card (i-36f20b43). The line is
   scaled 4.6x vertically by the design and clipped by its wrapper, so a
   52.5% travel is what puts a fresh dash where the last one was. */
[data-vr-line] {
  transform-origin: 50% 0%;
  animation: vr-line-scroll 10s var(--ease-linear) infinite;
}@keyframes vr-line-scroll {

  from { transform: scale3d(1, 4.6, 1) translateY(0); }
  to   { transform: scale3d(1, 4.6, 1) translateY(-52.5%); }}


/* The "latest workshop" status dot (i-c3527bba): a slow blink on a 1.65s
   cycle -- dim at 0.5s, back up at 1.5s, both over 0.15s. */
.home-hero-work-label-dot {
  animation: status-blink 1.65s var(--ease-linear) infinite;
}@keyframes status-blink {

  0%,      30.3% { opacity: 1; }
  39.4%,   90.9% { opacity: .5; }
  100%           { opacity: 1; }}



/* ======================================================================
   Hovers
   ====================================================================== */

/* The button text roll (i-8daa35e8). Both label layers travel up by their own
   height together: the resting label leaves the top of the box as the hover
   label arrives from `top: 100%`. The two rules on `.button-line` slide the
   white bars in from the edges by one spacing step, which is a responsive
   token -- so the distance tracks the breakpoint exactly as the design's own
   padding does.

   The hover is written BOTH ways, on the trigger itself and on a descendant.
   An interaction whose target list names a class that also sits on the trigger
   is a shape that has now cost three conversions a working hover. */
[data-button-hover] [data-button-text],
[data-button-hover][data-button-text] {
  transition: transform .55s var(--ease-cubic-out);
}

[data-button-hover]:hover [data-button-text],
[data-button-hover]:focus-visible [data-button-text] {
  transform: translateY(-100%);
}

[data-button-hover] .button-line {
  transition: transform .55s var(--ease-quint-out);
}

[data-button-hover]:hover .button-line.is-left,
[data-button-hover]:focus-visible .button-line.is-left {
  transform: translateX(var(--_responsive---spacing--spacing-8x));
}

[data-button-hover]:hover .button-line.is-right,
[data-button-hover]:focus-visible .button-line.is-right {
  transform: translateX(var(--_responsive---spacing--spacing-8x-minus));
}

/* The services page's card hover (i-1a5997bb). The number turns white and the
   photograph pushes in 10%; the card's own `overflow` does the cropping. */
.service-item .services-number {
  transition: color .4s var(--ease-linear);
}

.service-item .cover-size-banner {
  transition: transform .4s var(--ease-quad-in-out);
}

.service-item:hover .services-number,
.service-item:focus-within .services-number {
  color: var(--colors--white);
}

.service-item:hover .cover-size-banner,
.service-item:focus-within .cover-size-banner {
  transform: scale(1.1);
}


/* ======================================================================
   The header
   ====================================================================== */

/* The hamburger (i-6852d66e): top and bottom bars swing to a cross while the
   middle one collapses from its left edge. The origins are the payload's --
   `0% 0%`, `0% 50%`, `0% 100%` -- which is why the two ends of the cross meet
   at the left of the box rather than at its centre. */
/* The middle bar's collapse is timed at 0.4s in the payload; the two that
   swing carry no duration at all, which GSAP resolves to its own 0.5s
   default. Giving all three 0.4s made the cross close a fraction early. */
.hamburger-line-top,
.hamburger-line-bottom {
  transition: transform .5s var(--ease-linear);
}

.hamburger-line-middle {
  transition: transform .4s var(--ease-linear);
}

.hamburger-line-top {
  transform-origin: 0% 0%;
}

.hamburger-line-middle {
  transform-origin: 0% 50%;
}

.hamburger-line-bottom {
  transform-origin: 0% 100%;
}

[aria-expanded="true"] .hamburger-line-top {
  transform: rotate(45deg);
}

[aria-expanded="true"] .hamburger-line-middle {
  transform: scaleX(0);
}

[aria-expanded="true"] .hamburger-line-bottom {
  transform: rotate(-45deg);
}

/* The open mobile panel. `overflow: hidden` on the document is what stops the
   page scrolling behind a full-height menu. */
body.is-nav-open {
  overflow: hidden;
}


/* ======================================================================
   The sliders
   ====================================================================== */

/* Positioning is per SLIDE, not per track: main.js gives every slide its own
   `translateX` and its own `transition`, which is the only way the seamless
   wrap can move the outgoing slide and the incoming ones in opposite
   directions at the same time. Nothing is declared here for it.

   The two cross-fading sliders ("outin" on the about page's counters) need
   only one extra thing, and main.js writes it inline: `visibility: hidden` on
   the slides that are not showing. The `slide` mode deliberately leaves them
   visible -- the neighbours peeking out either side of the award strip's
   266px mask ARE the design. */
[data-slide] {
  will-change: transform;
}

/* ---- the award strip (IX2 `a` / `a-2`) ------------------------------- */
/* The resting slide is scaled to 0.7 with its text block collapsed to zero
   height; the active one is full size with the block open. Both action lists
   run 500ms on Webflow's default easing.

   `.award-banner` is held at 0.3 opacity in BOTH lists and in the resting
   group, which makes it a constant rather than a transition -- the design
   sheet never mentions opacity, so without this every logo would render at
   full strength, which is not what the published site does. */
.award-banner {
  opacity: .3;
}

.award-item {
  transition: transform 500ms var(--ease-webflow);
  transform: scale(.7);
}

[data-slide].is-active .award-item {
  transform: scale(1);
}

/* `height: 0 -> auto` is a grid row, not a height: `minmax(0, 0fr)` is the
   collapse that actually collapses -- a bare `0fr` leaves the content box's
   own minimum behind -- and the child needs `min-height: 0` or it refuses to
   shrink inside it. */
.award-item-content-wrap {
  display: grid;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 500ms var(--ease-webflow);
}

.award-item-content-wrap > * {
  min-height: 0;
}

[data-slide].is-active .award-item-content-wrap {
  grid-template-rows: minmax(0, 1fr);
}

/* ---- the blog carousel (IX2 `a-3`..`a-6`) ---------------------------- */
/* The active card grows from 90%/336px to 100%/600px and its caption fades up
   from 20px; the phone pair of action lists uses 250px and 500px instead, and
   the breakpoint between them is Webflow's own `medium`/`small` boundary at
   768px. Ignoring that gating on an earlier conversion ran a desktop-only
   scrub on every phone. */
/* The 200ms delay is on the RESTING rule, which is the one that runs when a
   card is leaving: the deactivate list (`a-4`) fades the caption out first
   and only then shrinks the card. The active rule cancels the delay, because
   the activate list (`a-3`) grows the card first and brings the caption in
   after it. Reading both as one symmetric transition made the card shrink
   under its own caption. */
.home-blog-slide .home-blog-item {
  width: 90%;
  height: 336px;
  transition: width 200ms var(--ease-out-quad) 200ms,
              height 200ms var(--ease-out-quad) 200ms;
}

.home-blog-slide.is-active .home-blog-item {
  width: 100%;
  height: 600px;
  transition-delay: 0s;
}

.home-blog-slide .home-blog-item-body {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 300ms var(--ease-out-quad), transform 300ms var(--ease-out-quad);
}

.home-blog-slide.is-active .home-blog-item-body {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 200ms;
}@media screen and (max-width: 767px) {

  .home-blog-slide .home-blog-item {
    width: 90%;
    height: 250px;
  }

  .home-blog-slide.is-active .home-blog-item {
    width: 100%;
    height: 500px;
  }}


/* ---- the about page's counters (IX2 `a-7`..`a-12`) ------------------- */
/* Three slides holding one big number each, and THREE LABEL BLOCKS BELOW THE
   SLIDER that light up with them. The pairing is what the first attempt
   missed: `a-7`, `a-9` and `a-11` each name two targets -- `.display-text-one`
   inside the slide, and one `.rating-item` by element id, which sits outside
   the slider entirely. Reading the second target as something inside the
   slide left all three labels resting at 0.3 forever, and the active state
   that Webflow marks was simply never marked.
   `.rating-item` is at `opacity: 0.3` in the export's own markup, so that
   resting value is IX2's and not an invention. main.js writes `.is-active`
   onto the label whose index matches the slide. */
/* THE TWO DIRECTIONS ARE NOT SYMMETRIC. The activate lists (`a-7`, `a-9`,
   `a-11`) ease in -- 300ms `outBack` for the number, 350ms for the label --
   and the deactivate lists (`a-8`, `a-10`, `a-12`) are duration ZERO: the
   outgoing counter snaps back rather than easing out. So the transition
   belongs on the active rule only, and the resting rule declares none. */
.rating-slider .display-text-one {
  transform: translateX(-20%);
  transition: none;
}

.rating-slider [data-slide].is-active .display-text-one {
  transform: translateX(0);
  transition: transform 300ms var(--ease-out-back);
}

.rating-item {
  opacity: .3;
  transition: none;
}

.rating-item.is-active {
  opacity: 1;
  transition: opacity 350ms var(--ease-webflow);
}


/* ======================================================================
   Tabs, disclosure rows and the services picker
   ====================================================================== */

/* The testimonial tab set. `.w-tab-pane { display: none }` is kept and
   renamed in section 2, and main.js marks the open pane `.is-active`, so the
   only thing left to say is what an open pane does with the space. */
[data-tab-panel] {
  display: none;
}

/* The widget is configured `data-duration-in="350"`, `data-duration-out="0"`,
   `data-easing="ease-in-out-quad"` -- the arriving pane fades in over 350ms
   and the leaving one is cut instantly. That is an ANIMATION rather than a
   transition, because the pane crosses `display: none` on the way in and a
   transition cannot run across that. */
[data-tab-panel].is-active {
  display: block;
  animation: tab-in 350ms var(--ease-quad-in-out) both;
}@keyframes tab-in {

  from { opacity: 0; }
  to   { opacity: 1; }}


/* The FAQ rows (i-f1477cf8): a 350ms open on a linear curve, and the vertical
   stroke of the plus fading out over the first 100ms to leave a minus. The
   grid-row collapse is the same shape as the award strip's, for the same
   reason. */
[data-faq-panel] {
  display: grid;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows .35s var(--ease-linear);
}

[data-faq-panel] > * {
  min-height: 0;
}

.faq-item.is-open [data-faq-panel] {
  grid-template-rows: minmax(0, 1fr);
}

.faq-icon-line.faq-icon-line-toggle {
  transition: opacity .1s var(--ease-linear);
}

.faq-item.is-open .faq-icon-line.faq-icon-line-toggle {
  opacity: 0;
}

/* The head is a <button> now; it has to keep filling the row the way the
   <div> it replaces did, and lose the control chrome a <button> arrives
   with. `.faq-item-grid` supplies the columns. */
button.faq-item-grid {
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
}

/* The home page's "what we do" picker. Six panels stacked absolutely inside
   one clipped track; choosing a title slides the whole stack so the chosen
   panel sits at the top. The step is one panel's height plus the track's own
   80px gap, which main.js measures rather than assumes -- the panels are
   images and their height moves with the breakpoint. */
/* The design class is in this selector on purpose. `.home-services-item
   .item-one` carries `transform: translate(0)` -- the first panel's resting
   position -- and scores (0,2,0), which beats a bare `[data-picker-panel]`.
   The first panel therefore never moved: choosing any other title slid the
   other five and left the first one sitting where it was. Matching the
   design's specificity and arriving later in the sheet is what settles it. */
.home-services-item[data-picker-panel] {
  transition: transform .4s var(--ease-cubic-out);
  transform: translateY(calc(var(--picker-offset, 0) * var(--picker-step, 0px)));
}

[data-picker-panel].is-active {
  position: relative;
}

[data-picker-tab] .heading-04 {
  opacity: .4;
  transition: opacity .3s var(--ease-cubic-out);
}

[data-picker-tab].is-active .heading-04 {
  opacity: 1;
}


/* ======================================================================
   The custom cursor
   ====================================================================== */

/* A small arrow that trails the pointer and tips into the direction of
   travel. Two elements, and the split matters: the WRAPPER is moved and the
   ARROW inside it is rotated, about a `transform-origin` at the arrow's own
   tip. Doing both on one element pivots the art around its centre.

   These declarations are the export's own -- its script assigned them inline
   at run time, which is a stylesheet's job. It is hidden until the pointer
   moves, hidden entirely for a coarse pointer (a touch screen has no cursor
   to decorate) and `pointer-events: none` throughout, or it would swallow
   every click on the page. */
.custom-cursor-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  margin: 0;
  padding: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s var(--ease-linear);
  will-change: transform;
}

.custom-cursor-wrap.is-visible {
  opacity: 1;
}

.custom-cursor {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  pointer-events: none;
  transform-origin: 16px 16px;
  will-change: transform;
}@media (hover: none), (pointer: coarse) {

  .cursor-content {
    display: none;
  }}



/* ======================================================================
   Reduced motion
   ====================================================================== */

/* Everything above is decoration over a page that is already complete. A
   reader who has asked for less movement gets the finished state directly:
   the reveals resolve, the loops stop, the loader never runs. The slider and
   the picker keep working -- they just change without travelling. */
@media (prefers-reduced-motion: reduce) {
  :where(.js) [data-reveal]:not(.is-revealed):not(.is-shown),
  :where(.js) [data-reveal-item]:not(.is-revealed):not(.is-shown),
  :where(.js) [data-image-reveal]:not(.is-revealed):not(.is-shown) img,
  :where(.js) .home-team-category:not(.is-revealed):not(.is-shown),
  :where(.js) .pricing-table-row:not(.is-revealed):not(.is-shown),
  :where(.js) .home-hero-section [data-hero-reveal]:not(.is-shown),
  :where(.js) .home-hero-section .home-hero-work:not(.is-shown),
  :where(.js) .home-hero-section .home-hero-services-content:not(.is-shown),
  :where(.js) .home-hero-section .home-hero-service:not(.is-shown),
  :where(.js) .home-hero-section .home-hero-title-emoji:not(.is-shown),
  :where(.js) .home-hero-section .home-hero-btn-with-work > div:first-child:not(.is-shown) {
    opacity: 1;
    transform: none;
  }

  :where(.js) [data-image-reveal]:not(.is-revealed):not(.is-shown) .image-anim-overlay {
    transform: translateY(100%);
  }

  :where(.js) .home-page-loader {
    display: none;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}