/* GOLDEN FLASH - 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
   3  Golden Flash design, including the renamed commerce layout
   4  components -- vanilla replacements for the Webflow runtime
      and its IX2 / IX3 interactions

   Fonts: assets/fonts/fonts.css (BDO Grotesk + Inter, self-hosted
   woff2; the export shipped BDO as .otf and pulled Inter from Google
   at runtime). */

/* ======================================================================
   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:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  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-)
   ====================================================================== */
[class^="w-icon-"], [class*=" w-icon-"] {
  
  font-family: 'webflow-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  -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-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}
input.wf-button {
  -webkit-appearance: button;
}
h1:where(:not([class*="heading-scale-"])), h2:where(:not([class*="heading-scale-"])), h3:where(:not([class*="heading-scale-"])), h4:where(:not([class*="heading-scale-"])), h5:where(:not([class*="heading-scale-"])), h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-1), :where(.heading-scale-2), :where(.heading-scale-3), :where(.heading-scale-4), :where(.heading-scale-5), :where(.heading-scale-6) {
  font-weight: bold;
  margin-bottom: 10px;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
h2:where(:not([class*="heading-scale-"])), :where(.heading-scale-2) {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
h3:where(:not([class*="heading-scale-"])), :where(.heading-scale-3) {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
h4:where(:not([class*="heading-scale-"])), :where(.heading-scale-4) {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
h5:where(:not([class*="heading-scale-"])), :where(.heading-scale-5) {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-6) {
  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;
}
.wf-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}
.wf-container:before, .wf-container:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.wf-container:after {
  clear: both;
}
@media screen and (max-width: 991px) {
.wf-container {
    max-width: 728px;
  }
}
@media screen and (max-width: 479px) {
.wf-container {
    max-width: none;
  }
}
.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 the dropped rules used to provide
   ====================================================================== */
/* Geometry the dropped framework rules used to provide.
 *
 * build_css drops every `.w-nav*`, `.w-lightbox*`, `.w-slider*`, `.w-dyn*` and
 * `[data-nav-menu-open]` rule, because those existed only so Webflow's runtime
 * could drive them. Several of them were also carrying real layout, and the
 * design sheet was written on top of that layout rather than instead of it --
 * so it is restated here, on THIS design's own class names.
 *
 * This file is emitted BETWEEN the framework and the design sheet, so the
 * design keeps overriding it exactly as it overrode the originals. Putting it
 * after the design instead is how a hand-written replacement silently wins a
 * cascade it never used to win.
 */

/* ---- navbar -------------------------------------------------------------
 * `.w-nav` gave the header `position: relative; z-index: 1000`. Both are
 * load-bearing: the menu overlay is absolutely positioned against the header, * and every hero image below it has `z-index: 7`.
 */
.navbar {
  position: relative;
  z-index: 1000;
}
/* `.w-nav:before/:after`. An empty `display: table` pair looks like decoration
 * and is not: it is Webflow's clearfix, and it participates in the header's
 * box. Reproduced rather than reasoned about -- an earlier conversion lost
 * real height by assuming the pair was inert.
 */
.navbar:before, .navbar:after {
  content: " ";
  display: table;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.navbar:after {
  clear: both;
}
/* `.w-nav-brand` */
.navbar-brand {
  position: relative;
  text-decoration: none;
}
/* ---- the menu overlay ---------------------------------------------------
 * Webflow built this wrapper in JavaScript and measured its height there too.
 * Neither is necessary here: `data-collapse="all"` means the panel is the ONLY
 * navigation at every width, and `.nav-menu-wrapper` is a fixed `87vh`, so the
 * open height is a constant.
 *
 * `[data-nav-menu-open]` was the one runtime rule that beat the design sheet:
 * `display: block !important`, plus the absolute box and the `text-align:
 * center` the panel's contents inherit. The design sheet sets no `display` on
 * `.nav-menu-wrapper` at all, so without this the panel has no box.
 */
.nav-overlay {
  position: absolute;
  inset: 100% 0 auto 0;
  width: 100%;
  overflow: hidden;
  height: 0;
  transition: height .4s ease;
}
.nav-menu-wrapper {
  display: block;
  position: absolute;
  inset: 0 0 auto 0;
  min-width: 200px;
  text-align: center;
  overflow: visible;
  transform: translateY(-100%);
  transition: transform .4s ease;
}
/* `.w-nav[data-collapse="all"] .w-nav-button { display: block }` -- the
 * hamburger is the whole navigation here, at every width. */
.menu-button {
  position: relative;
  font-size: 24px;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: rgb(0 0 0 / 0);
}
/* ---- <a> and <div> that became <button> ---------------------------------
 * A form control does not inherit `letter-spacing`, `word-spacing` or
 * `text-transform`, and `font: inherit` does NOT bring them back -- that is a
 * UA reset on the control itself, and it reflows a label the moment an <a>
 * becomes a <button>. Every element the transform retags is listed here.
 *
 * `:where()` so this scores zero: `.w-button`, `.w-tab-link` and the design's
 * own rules must keep winning exactly as they did before the retag.
 */
:where(button.menu-button, button.faq-question, button.tabset-link, button.cart-open, button.cart-close, button.remove-button, button.lightbox-link, button.cart-checkout) {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  /* A button's UA padding is `1px 6px`. Left in, every retagged header
     measures 2px taller and its contents sit 6px in from both edges: the five
     FAQ questions on contact-us came out 10px long for that alone. */
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: inherit;
  text-align: inherit;
  color: inherit;
  cursor: pointer;
}
/* The FAQ header was a <div> inside a flex column, so it filled the row. A
 * <button> is a replaced-ish control that shrink-wraps in some engines. */
button.faq-question {
  width: 100%;
}
/* ---- form feedback ------------------------------------------------------
 * `.wf-form-done` / `.wf-form-fail` are `display: none` in the framework
 * sheet; main.js reveals one by clearing `hidden` rather than by adding a
 * class, so the rule that shows them keys on the attribute's absence.
 */
.wf-form-done:not([hidden]), .wf-form-fail:not([hidden]) {
  display: block;
}
/* ---- accessibility ------------------------------------------------------ */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.skip-link {
  position: absolute;
  top: -100%;
  left: var(--_sizes---padding--space-3, 1rem);
  z-index: 2000;
  padding: .75rem 1.25rem;
  border-radius: var(--_sizes---border-radius--border-radius-4, .5rem);
  background-color: var(--_colors---background-color--gold, #ffef73);
  color: var(--_colors---background-color--smoky-black, #0d0d0d);
  font-size: var(--all-texts--paragraph-s, .875rem);
  text-decoration: none;
}
.skip-link:focus {
  top: var(--_sizes---padding--space-3, 1rem);
}
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--_colors---background-color--gold, #ffef73);
  outline-offset: 2px;
}
/* ======================================================================
   3. Golden Flash design
   ====================================================================== */
:root {
  --_colors---background-color--smoky-black: #0d0d0d;
  --_fonts---font-family--inter: Inter, sans-serif;
  --_colors---text-color--white: white;
  --all-texts--default-paragraph: 1rem;
  --_sizes---height--default-line-height: 150%;
  --_fonts---font-weight--normal: 400;
  --texts-letter-spacing--default-paragraph: -.02rem;
  --all-heading--h1: 6rem;
  --heading-line-height--h1: 100%;
  --_fonts---font-weight--semi-bold: 600;
  --heading-letter-spacing--h1: -.3rem;
  --all-heading--h2: 3.5rem;
  --heading-line-height--h2: 114.286%;
  --_fonts---font-weight--medium: 500;
  --heading-letter-spacing--h2: -.105rem;
  --all-heading--h3: 2.25rem;
  --heading-line-height--h3: 122.222%;
  --heading-letter-spacing--h3: -.0675rem;
  --all-heading--h4: 1.5rem;
  --heading-line-height--h4: 133.333%;
  --heading-letter-spacing--h4: -.045rem;
  --all-heading--h5: 1.25rem;
  --heading-line-height--h5: 140%;
  --heading-letter-spacing--h5: -.0375rem;
  --_colors---text-color--spanish-gray: #939393;
  --_sizes---padding--space-3: 1rem;
  --_sizes---padding--space-2: .75rem;
  --_sizes---border-radius--border-radius-5: 3.75rem;
  --_sizes---padding--space-1: .5rem;
  --_sizes---padding--space-6: 2rem;
  --_colors---text-color--transparent: #fff0;
  --_sizes---container--max-width: 90rem;
  --all-texts--paragraph-s: .875rem;
  --_sizes---padding--space-4: 1.25rem;
  --_fonts---font-family--bdo-grotesk: "BDO Grotesk", Arial, sans-serif;
  --all-texts--paragraph-m: 1.25rem;
  --_sizes---padding--section-gap: 3.75rem;
  --_sizes---padding--space-8: 2.5rem;
  --_sizes---padding--space-9: 5rem;
  --_sizes---padding--padding-vertical: 6.5rem;
  --_sizes---padding--space-7: 2.25rem;
  --_sizes---border-radius--border-radius-6: 5rem;
  --texts-letter-spacing--paragraph-m: -.025rem;
  --texts-line-height--default-paragraph: 150%;
  --_colors---background-color--gold: #ffef73;
  --_sizes---padding--space-5: 1.5rem;
  --_colors---background-color--eerie-black: #181818;
  --_colors---text-color--black-olive: #3a3a3a;
  --_colors---button-color--charleston-green: #2d2d2d;
  --all-texts--paragraph-l: 1.5rem;
  --texts-line-height--paragraph-l: 133.333%;
  --texts-letter-spacing--paragraph-l: -.045rem;
  --_colors---background-color--shade-gray: #e0e0e0;
  --texts-line-height--paragraph-m: 140%;
  --texts-line-height--paragraph-s: 142.857%;
  --texts-letter-spacing--paragraph-s: -.0175rem;
  --_sizes---padding--padding-horizontal: 1rem;
  --_sizes---border-radius--border-radius-3: 1.5rem;
  --_sizes---border-radius--border-radius-4: 2rem;
  --_sizes---border-radius--border-radius-full: 100%;
  --all-heading--h6: 1.125rem;
  --heading-line-height--h6: 150%;
  --heading-letter-spacing--h6: -.02rem;
  --_sizes---border-radius--border-radius-1: 1rem;
  --_colors---text-color--granite-gray: gray;
  --_colors---background-color--black: black;
  --_colors---text-color--mid-tone-gray: #7e7e7e;
  --_colors---text-color--dark-silver: #707070;
  --_sizes---border-radius--border-radius-2: 1.25rem;
  --_fonts---font-weight--bold: 700;
  --_colors---text-color--danger: #f44336;
  --_colors---text-color--yellowish: #eddf77;
  --_colors---background-color--olive-gold: #b2a751;
  --_fonts---font-weight--light: 300;
  --_fonts---font-weight--extra-blod: 800;
}
.wf-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}
.wf-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}
.wf-commerce-commercecartopenlinkicon {
  margin-right: 8px;
}
.wf-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}
.wf-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}
.wf-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.wf-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}
.wf-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}
.wf-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.wf-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}
.wf-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}
.wf-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}
.wf-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}
.wf-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}
.wf-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}
.wf-commerce-commercecartproductname {
  font-weight: 700;
}
.wf-commerce-commercecartquantity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecartquantity::placeholder {
  color: #999;
}
.wf-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}
.wf-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}
.wf-commerce-commercecartordervalue {
  font-weight: 700;
}
.wf-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}
.wf-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}
.wf-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}
.wf-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}
.wf-commerce-commerceaddtocartquantityinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}
.wf-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}
.wf-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}
.wf-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}
.wf-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}
.wf-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.wf-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}
.wf-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}
.wf-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}
.wf-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}
.wf-commerce-commercecheckoutemailinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutshippingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}
.wf-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}
.wf-commerce-commercecheckoutshippingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.wf-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}
.wf-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}
.wf-commerce-commerceboldtextblock {
  font-weight: 700;
}
.wf-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}
.wf-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutcardnumber {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutcardnumber:focus, .wf-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutcardexpirationdate {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutcardexpirationdate:focus, .wf-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutcardsecuritycode {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutcardsecuritycode:focus, .wf-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}
.wf-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}
.wf-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}
.wf-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutbillingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}
.wf-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}
.wf-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}
.wf-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}
.wf-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}
.wf-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}
.wf-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutsummarylineitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}
.wf-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}
.wf-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}
.wf-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}
.wf-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}
.wf-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutsummaryitem, .wf-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}
.wf-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}
.wf-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}
.wf-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}
.wf-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}
.wf-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.wf-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }
.wf-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }
.wf-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}
@media screen and (max-width: 479px) {
.wf-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }
.wf-commerce-commercecartquantity, .wf-commerce-commerceaddtocartquantityinput, .wf-commerce-commercecheckoutemailinput, .wf-commerce-commercecheckoutshippingfullname, .wf-commerce-commercecheckoutshippingstreetaddress, .wf-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }
.wf-commerce-commercecheckoutrow {
    flex-direction: column;
  }
.wf-commerce-commercecheckoutshippingcity, .wf-commerce-commercecheckoutshippingstateprovince, .wf-commerce-commercecheckoutshippingzippostalcode, .wf-commerce-commercecheckoutshippingcountryselector, .wf-commerce-commercecheckoutcardnumber, .wf-commerce-commercecheckoutcardexpirationdate, .wf-commerce-commercecheckoutcardsecuritycode, .wf-commerce-commercecheckoutbillingfullname, .wf-commerce-commercecheckoutbillingstreetaddress, .wf-commerce-commercecheckoutbillingstreetaddressoptional, .wf-commerce-commercecheckoutbillingcity, .wf-commerce-commercecheckoutbillingstateprovince, .wf-commerce-commercecheckoutbillingzippostalcode, .wf-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}
body {
  background-color: var(--_colors---background-color--smoky-black);
  font-family: var(--_fonts---font-family--inter);
  color: var(--_colors---text-color--white);
  font-size: var(--all-texts--default-paragraph);
  line-height: var(--_sizes---height--default-line-height);
  font-weight: var(--_fonts---font-weight--normal);
  letter-spacing: var(--texts-letter-spacing--default-paragraph);
  --all-texts--default-paragraph: 1rem;
  --texts-letter-spacing--default-paragraph: -.02rem;
  --all-heading--h1: 6rem;
  --heading-line-height--h1: 100%;
  --heading-letter-spacing--h1: -.3rem;
  --all-heading--h2: 3.5rem;
  --heading-line-height--h2: 114.286%;
  --heading-letter-spacing--h2: -.105rem;
  --all-heading--h3: 2.25rem;
  --heading-line-height--h3: 122.222%;
  --heading-letter-spacing--h3: -.0675rem;
  --all-heading--h4: 1.5rem;
  --heading-line-height--h4: 133.333%;
  --heading-letter-spacing--h4: -.045rem;
  --all-heading--h5: 1.25rem;
  --heading-line-height--h5: 140%;
  --heading-letter-spacing--h5: -.0375rem;
  --all-texts--paragraph-s: .875rem;
  --all-texts--paragraph-m: 1.25rem;
  --texts-letter-spacing--paragraph-m: -.025rem;
  --texts-line-height--default-paragraph: 150%;
  --all-texts--paragraph-l: 1.5rem;
  --texts-line-height--paragraph-l: 133.333%;
  --texts-letter-spacing--paragraph-l: -.045rem;
  --texts-line-height--paragraph-m: 140%;
  --texts-line-height--paragraph-s: 142.857%;
  --texts-letter-spacing--paragraph-s: -.0175rem;
  --all-heading--h6: 1.125rem;
  --heading-line-height--h6: 150%;
  --heading-letter-spacing--h6: -.02rem;
  --_sizes---height--default-line-height: 150%;
  --_sizes---padding--space-3: 1rem;
  --_sizes---padding--space-2: .75rem;
  --_sizes---border-radius--border-radius-5: 3.75rem;
  --_sizes---padding--space-1: .5rem;
  --_sizes---padding--space-6: 2rem;
  --_sizes---container--max-width: 90rem;
  --_sizes---padding--space-4: 1.25rem;
  --_sizes---padding--section-gap: 3.75rem;
  --_sizes---padding--space-8: 2.5rem;
  --_sizes---padding--space-9: 5rem;
  --_sizes---padding--padding-vertical: 6.5rem;
  --_sizes---padding--space-7: 2.25rem;
  --_sizes---border-radius--border-radius-6: 5rem;
  --_sizes---padding--space-5: 1.5rem;
  --_sizes---padding--padding-horizontal: 1rem;
  --_sizes---border-radius--border-radius-3: 1.5rem;
  --_sizes---border-radius--border-radius-4: 2rem;
  --_sizes---border-radius--border-radius-full: 100%;
  --_sizes---border-radius--border-radius-1: 1rem;
  --_sizes---border-radius--border-radius-2: 1.25rem;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-family: var(--_fonts---font-family--inter);
  color: var(--_colors---text-color--white);
  font-size: var(--all-heading--h1);
  line-height: var(--heading-line-height--h1);
  font-weight: var(--_fonts---font-weight--semi-bold);
  letter-spacing: var(--heading-letter-spacing--h1);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h2:where(:not([class*="heading-scale-"])), :where(.heading-scale-2) {
  font-size: var(--all-heading--h2);
  line-height: var(--heading-line-height--h2);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h2);
  margin-top: 0;
  margin-bottom: 0;
}
h3:where(:not([class*="heading-scale-"])), :where(.heading-scale-3) {
  font-size: var(--all-heading--h3);
  line-height: var(--heading-line-height--h3);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h3);
  margin-top: 0;
  margin-bottom: 0;
}
h4:where(:not([class*="heading-scale-"])), :where(.heading-scale-4) {
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h4);
  margin-top: 0;
  margin-bottom: 0;
}
h5:where(:not([class*="heading-scale-"])), :where(.heading-scale-5) {
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h5);
  margin-top: 0;
  margin-bottom: 0;
}
p {
  color: var(--_colors---text-color--spanish-gray);
  margin-top: 0;
  margin-bottom: 0;
}
img {
  max-width: 100%;
  display: inline-block;
}
blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}
figure {
  margin-bottom: 10px;
}
.page-wrapper {
  overflow: clip;
}
.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.navbar-brand {
  color: var(--_colors---text-color--white);
  font-size: var(--all-heading--h4);
  font-style: italic;
  font-weight: var(--_fonts---font-weight--semi-bold);
  letter-spacing: -.12rem;
  cursor: pointer;
}
.nav-menu-wrapper {
  z-index: 999;
  background-color: var(--_colors---text-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 87vh;
}
.menu-button {
  padding: .88rem var(--_sizes---padding--space-3);
  grid-column-gap: var(--_sizes---padding--space-2);
  grid-row-gap: var(--_sizes---padding--space-2);
  border-radius: var(--_sizes---border-radius--border-radius-5);
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--smoky-black);
  cursor: pointer;
  flex-flow: row;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}
.menu-button.is-open {
  z-index: 99999;
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--smoky-black);
}
.navbar {
  padding-top: var(--_sizes---padding--space-6);
  padding-bottom: var(--_sizes---padding--space-6);
  background-color: var(--_colors---text-color--transparent);
}
.container {
  width: 100%;
  max-width: var(--_sizes---container--max-width);
  padding-right: var(--_sizes---padding--space-3);
  padding-left: var(--_sizes---padding--space-3);
  margin-left: auto;
  margin-right: auto;
}
.container.home {
  height: 100%;
}
.menu-block {
  grid-column-gap: var(--_sizes---padding--space-2);
  grid-row-gap: var(--_sizes---padding--space-2);
  font-size: var(--all-texts--default-paragraph);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  display: flex;
}
.hamburger-icon {
  width: 1.25rem;
}
.nav-menu {
  grid-column-gap: 5.75rem;
  grid-row-gap: 5.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}
.nav-menu.cross {
  grid-column-gap: 5.75rem;
  grid-row-gap: 5.75rem;
  justify-content: space-between;
  padding-top: 2rem;
  padding-bottom: 5rem;
}
.nav-menu-items {
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.nav-link {
  width: 100%;
  height: 5rem;
  font-family: var(--_fonts---font-family--bdo-grotesk);
  color: var(--_colors---background-color--smoky-black);
  font-size: 5rem;
  line-height: 100%;
  font-weight: var(--_fonts---font-weight--semi-bold);
  letter-spacing: -.2rem;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}
.nav-link.nav-utility-link {
  height: 1.75rem;
  font-family: var(--_fonts---font-family--inter);
  font-size: var(--all-texts--paragraph-m);
  line-height: 140%;
  font-weight: var(--_fonts---font-weight--normal);
  letter-spacing: var(--texts-letter-spacing--default-paragraph);
  text-transform: none;
}
.nav-link-text._02 {
  position: absolute;
  inset: auto 0% -100%;
}
.nav-utility-wrap {
  grid-column-gap: var(--_sizes---padding--space-6);
  grid-row-gap: var(--_sizes---padding--space-6);
  justify-content: center;
  align-items: center;
  display: flex;
}
.cross-btn {
  grid-column-gap: var(--_sizes---padding--space-2);
  grid-row-gap: var(--_sizes---padding--space-2);
  font-size: var(--all-texts--default-paragraph);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  inset: 0%;
}
.cart-button {
  background-color: var(--_colors---text-color--transparent);
  padding: 0;
}
.cart, .cart-quantity, .icon {
  display: none;
}
.cart-bag {
  width: 1.5rem;
}
.nav-right-block {
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  justify-content: center;
  align-items: center;
  display: flex;
}
.hero-section.home {
  background-image: url('../images/New-V1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  top: 0;
}
.hero-section.style, .hero-section.license {
  width: 100%;
}
.home-contents {
  width: 100%;
  height: 100%;
  padding-bottom: var(--_sizes---padding--section-gap);
  grid-column-gap: var(--_sizes---padding--space-6);
  grid-row-gap: var(--_sizes---padding--space-6);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.hero-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}
.hero-wrapper.home {
  position: relative;
}
.home-contents-1 {
  z-index: 1;
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70rem;
  display: flex;
  position: relative;
}
.home-contents-2 {
  z-index: 1;
  position: relative;
}
.hero-between {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.primary-button {
  padding: var(--_sizes---padding--space-3) var(--_sizes---padding--space-7);
  border-radius: var(--_sizes---border-radius--border-radius-6);
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--smoky-black);
  font-size: var(--all-texts--paragraph-m);
  font-weight: var(--_fonts---font-weight--medium);
  text-align: center;
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}
.primary-button.social {
  color: var(--_colors---text-color--white);
  background-color: #ffffff4d;
}
.primary-button.black {
  background-color: var(--_colors---background-color--smoky-black);
  width: 100%;
  color: var(--_colors---text-color--white);
  font-size: var(--all-texts--default-paragraph);
  line-height: var(--texts-line-height--default-paragraph);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--texts-letter-spacing--default-paragraph);
}
.primary-button.compare {
  width: 100%;
  padding-right: var(--_sizes---padding--space-3);
  padding-left: var(--_sizes---padding--space-3);
  background-color: var(--_colors---background-color--smoky-black);
  color: var(--_colors---text-color--white);
  font-size: var(--_sizes---padding--space-3);
}
.primary-button.add-cart {
  width: 100%;
  padding-right: var(--_sizes---padding--space-3);
  padding-left: var(--_sizes---padding--space-3);
  background-color: var(--_colors---background-color--smoky-black);
  color: var(--_colors---text-color--white);
  font-size: var(--_sizes---padding--space-3);
  transition: all .25s;
}
.primary-button.add-cart:hover {
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--smoky-black);
}
.primary-button.checkout {
  width: 100%;
  padding-right: var(--_sizes---padding--space-3);
  padding-left: var(--_sizes---padding--space-3);
  background-color: var(--_colors---background-color--smoky-black);
  color: var(--_colors---text-color--white);
  font-size: var(--_sizes---padding--space-3);
  transition: all .25s;
}
.primary-button.checkout:hover {
  background-color: var(--_colors---background-color--gold);
  color: var(--_colors---background-color--smoky-black);
}
.primary-button.protected {
  width: 100%;
  margin-top: var(--_sizes---padding--space-5);
  padding-right: var(--_sizes---padding--space-3);
  padding-left: var(--_sizes---padding--space-3);
  background-color: var(--_colors---background-color--smoky-black);
  color: var(--_colors---text-color--white);
  font-size: var(--_sizes---padding--space-3);
  transition: all .25s;
}
.primary-button.protected:hover {
  background-color: var(--_colors---background-color--gold);
  color: var(--_colors---background-color--smoky-black);
}
.primary-button.cookies-button {
  padding: var(--_sizes---padding--space-2) var(--_sizes---padding--space-4);
  background-color: var(--_colors---background-color--smoky-black);
  color: var(--_colors---text-color--white);
  font-size: var(--all-texts--default-paragraph);
  line-height: var(--texts-line-height--default-paragraph);
  letter-spacing: var(--texts-letter-spacing--default-paragraph);
  border-radius: .5rem;
}
.primary-button.offer-btn {
  width: 100%;
  padding-right: var(--_sizes---padding--space-3);
  padding-left: var(--_sizes---padding--section-gap);
  background-color: var(--_colors---background-color--smoky-black);
  color: var(--_colors---text-color--white);
  font-size: var(--_sizes---padding--space-3);
  background-image: url('../images/call-02.webp');
  background-position: 30%;
  background-repeat: no-repeat;
  background-size: 1.125rem;
  margin-top: 0;
  transition: all .25s;
}
.primary-button.offer-btn:hover {
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--smoky-black);
  background-image: url('../images/call-02-1.webp');
}
.primary-button.checkout-button {
  margin-bottom: 0;
  transition: all .25s;
}
.primary-button.checkout-button:hover {
  background-color: var(--_colors---background-color--gold);
}
.primary-button._100-width {
  width: 100%;
  transition: all .3s;
}
.primary-button._100-width:hover {
  background-color: var(--_colors---background-color--gold);
  color: var(--_colors---background-color--smoky-black);
}
.primary-button-text {
  z-index: 1;
  position: relative;
}
.primary-button-bg {
  border-radius: var(--_sizes---border-radius--border-radius-6);
  background-color: var(--_colors---background-color--gold);
  width: 0%;
  height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}
.primary-button-bg.social {
  background-color: var(--_colors---background-color--gold);
}
.primary-button-bg.black {
  background-color: var(--_colors---text-color--white);
}
.primary-button-bg.cookies-5 {
  background-color: var(--_colors---text-color--black-olive);
  border-radius: .5rem;
}
.button-texts {
  width: 100%;
  height: 1.5rem;
  overflow: clip;
}
.hero-wrap {
  width: 100%;
  padding-top: var(--_sizes---padding--padding-vertical);
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5rem;
  display: flex;
}
.home-title {
  text-align: center;
}
.wrapper {
  padding-top: var(--_sizes---padding--padding-vertical);
  padding-bottom: var(--_sizes---padding--padding-vertical);
  grid-column-gap: var(--_sizes---padding--section-gap);
  grid-row-gap: var(--_sizes---padding--section-gap);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.wrapper.style-details-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-top: 1px solid var(--_colors---button-color--charleston-green);
  padding-top: 3.5rem;
}
.wrapper.footer-wrapper {
  padding-bottom: 0;
}
.wrapper.about-us-wrapper {
  padding-right: var(--_sizes---padding--space-6);
  padding-bottom: var(--_sizes---padding--section-gap);
  padding-left: var(--_sizes---padding--space-6);
  grid-column-gap: var(--_sizes---padding--section-gap);
  grid-row-gap: var(--_sizes---padding--section-gap);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, .45fr);
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}
.wrapper.our-features-wrapper {
  padding-top: var(--_sizes---padding--section-gap);
  padding-bottom: var(--_sizes---padding--section-gap);
}
.wrapper.portfolio-wrapper {
  padding-top: var(--_sizes---padding--section-gap);
}
.wrapper.work-faq-wrapper {
  padding-top: var(--_sizes---padding--section-gap);
  padding-bottom: var(--_sizes---padding--section-gap);
  justify-content: center;
  align-items: flex-start;
}
.wrapper.our-process-wrapper {
  padding-top: var(--_sizes---padding--space-9);
  padding-bottom: var(--_sizes---padding--section-gap);
  grid-column-gap: var(--_sizes---padding--padding-vertical);
  grid-row-gap: var(--_sizes---padding--padding-vertical);
}
.wrapper.our-services-wrapper {
  padding-top: var(--_sizes---padding--section-gap);
  padding-bottom: var(--_sizes---padding--section-gap);
  grid-column-gap: var(--_sizes---padding--padding-vertical);
  grid-row-gap: var(--_sizes---padding--padding-vertical);
}
.wrapper.pricing-wrapper {
  padding-bottom: var(--_sizes---padding--section-gap);
  grid-column-gap: 8.75rem;
  grid-row-gap: 8.75rem;
  grid-template-rows: auto;
  grid-template-columns: .85fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}
.wrapper.testimonial-wrapper {
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
  padding-top: 0;
}
.wrapper.about-hero-wrapper, .wrapper.experience-wrapper, .wrapper.clients-wrapper {
  padding-bottom: var(--_sizes---padding--space-8);
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
}
.wrapper.why-wrapper {
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
}
.wrapper.strategy-wrapper {
  padding-bottom: var(--_sizes---padding--space-8);
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
}
.wrapper.team-wrapper {
  padding-bottom: var(--_sizes---padding--section-gap);
}
.wrapper.award-wrapper {
  grid-column-gap: var(--_sizes---padding--section-gap);
  grid-row-gap: var(--_sizes---padding--section-gap);
}
.wrapper.portfolio-wrapper {
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
  padding-bottom: 0;
}
.wrapper.portfolio-items-wrapper {
  padding-bottom: 10rem;
  overflow: clip;
}
.wrapper.portfolio-details-wrapper {
  padding-bottom: var(--_sizes---padding--space-5);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}
.wrapper.related-projects-wrapper {
  padding-top: var(--_sizes---padding--section-gap);
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
}
.wrapper.blog-wrapper {
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
}
.wrapper.blog-details-wrapper {
  padding-bottom: var(--_sizes---padding--space-6);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}
.wrapper.related-insights-wrapper {
  padding-top: var(--_sizes---padding--section-gap);
}
.wrapper.pricing-wrap {
  padding-bottom: var(--_sizes---padding--space-8);
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
}
.wrapper.portfolio-update-wrapper {
  padding-top: var(--_sizes---padding--section-gap);
}
.wrapper.compare-wrapper {
  padding-bottom: var(--_sizes---padding--space-8);
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
}
.wrapper.faq-s-wrapper {
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
}
.wrapper.pricing-detail-wrap, .wrapper.contact-wrap {
  padding-bottom: var(--_sizes---padding--space-8);
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
}
.wrapper.license-details-wrapper {
  padding-top: 0;
}
.wrapper.changelog-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  padding-top: 0;
}
.wrapper.services-wrapper {
  padding-top: var(--_sizes---padding--section-gap);
  padding-bottom: 0;
}
.typography-wrapper {
  width: 100%;
  padding-bottom: var(--_sizes---padding--padding-vertical);
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  border-bottom: 1px solid var(--_colors---button-color--charleston-green);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.typography-subtitle {
  color: var(--_colors---text-color--spanish-gray);
}
.typography-subtitle:where(.variant-sub-title-uppercase) {
  text-transform: uppercase;
}
.typography-details, .all-heading-block {
  grid-column-gap: var(--_sizes---padding--space-8);
  grid-row-gap: var(--_sizes---padding--space-8);
  flex-flow: column;
  display: flex;
}
.heading-flex {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.spanish-gray {
  color: var(--_colors---text-color--spanish-gray);
}
.spanish-gray.client {
  position: sticky;
  top: 2.5rem;
}
.style-line {
  background-color: var(--_colors---button-color--charleston-green);
  width: 100%;
  height: 1px;
}
.all-paragraph-block {
  grid-column-gap: var(--_sizes---padding--space-6);
  grid-row-gap: var(--_sizes---padding--space-6);
  flex-flow: column;
  display: flex;
}
.large-paragraph {
  font-size: var(--all-texts--paragraph-l);
  line-height: var(--texts-line-height--paragraph-l);
  letter-spacing: var(--texts-letter-spacing--paragraph-l);
}
.large-paragraph.white-text {
  color: var(--_colors---text-color--white);
}
.large-paragraph.faq-answer-title {
  font-family: var(--_fonts---font-family--bdo-grotesk);
  color: var(--_colors---background-color--shade-gray);
}
.medium-paragraph {
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-line-height--paragraph-m);
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
}
.medium-paragraph.white-text {
  color: var(--_colors---text-color--white);
}
.medium-paragraph.style-para {
  text-align: center;
  width: 100%;
  max-width: 37.5rem;
}
.medium-paragraph.hero-para {
  width: 100%;
  max-width: 51.0625rem;
  color: var(--_colors---text-color--white);
  text-align: center;
}
.medium-paragraph.about-hero-para {
  width: 100%;
  max-width: 51.0625rem;
  margin-top: var(--_sizes---padding--space-5);
  margin-bottom: var(--_sizes---padding--space-8);
  text-align: center;
}
.medium-paragraph.portfolio-hero-para {
  width: 100%;
  max-width: 51.0625rem;
  margin-top: var(--_sizes---padding--space-5);
  text-align: center;
  margin-bottom: 0;
}
.medium-paragraph.license {
  text-align: center;
  width: 100%;
  max-width: 45rem;
}
.white-text {
  color: var(--_colors---text-color--white);
}
.small-paragraph {
  font-size: var(--all-texts--paragraph-s);
  line-height: var(--texts-line-height--paragraph-s);
  letter-spacing: var(--texts-letter-spacing--paragraph-s);
}
.all-button-block {
  grid-column-gap: var(--_sizes---padding--space-6);
  grid-row-gap: var(--_sizes---padding--space-6);
  flex-flow: column;
  display: flex;
}
.button-1-text {
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-line-height--paragraph-m);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
}
.tag-block {
  grid-column-gap: var(--_sizes---padding--space-6);
  grid-row-gap: var(--_sizes---padding--space-6);
  flex-flow: column;
  display: flex;
}
.tag {
  text-transform: uppercase;
}
.color-wrapper {
  width: 100%;
  padding-top: var(--_sizes---padding--section-gap);
  padding-bottom: var(--_sizes---padding--section-gap);
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  border-bottom: 1px solid var(--_colors---button-color--charleston-green);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.colors-block {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.color-box {
  border: 1px solid var(--_colors---button-color--charleston-green);
  background-color: var(--_colors---background-color--smoky-black);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 11.125rem;
  display: flex;
}
.color-box._02 {
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--smoky-black);
  border-style: none;
}
.color-box._03 {
  background-color: var(--_colors---text-color--spanish-gray);
  border-style: none;
}
.color-box._04 {
  background-color: var(--_colors---background-color--eerie-black);
  border-style: none;
}
.color-box._05 {
  background-color: var(--_colors---button-color--charleston-green);
  border-style: none;
}
.color-box._06 {
  background-color: var(--_colors---background-color--gold);
  color: var(--_colors---background-color--smoky-black);
  border-style: none;
}
.buttons-wrapper {
  width: 100%;
  padding-top: var(--_sizes---padding--section-gap);
  padding-bottom: var(--_sizes---padding--section-gap);
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  border-bottom: 1px solid var(--_colors---button-color--charleston-green);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.buttons-flex {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.secondary-button {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  color: var(--_colors---text-color--white);
  font-weight: var(--_fonts---font-weight--medium);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}
.button-arrow {
  width: 100%;
  height: 100%;
}
.button-arrow._02 {
  position: absolute;
  inset: 0% auto 0% -100%;
}
.button-arrow-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 1.5rem;
  height: 1rem;
  display: flex;
  position: relative;
  overflow: clip;
}
.button-texts-2 {
  flex-flow: column;
  width: 100%;
  height: 1.5rem;
  display: flex;
  position: relative;
  overflow: clip;
}
.subtitle-animation {
  top: var(--_sizes---padding--space-8);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: sticky;
}
.subtitle-animation.portfolio {
  justify-content: flex-start;
  align-items: flex-start;
}
.footer {
  background-color: var(--_colors---background-color--eerie-black);
}
.footer-top {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}
.timeless-text {
  width: 100%;
  max-width: 55rem;
  font-family: var(--_fonts---font-family--inter);
  font-size: var(--all-heading--h3);
  line-height: var(--heading-line-height--h3);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h3);
}
.footer-button {
  justify-content: center;
  align-items: center;
  display: flex;
}
.footer-middle {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.footer-links {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.footer-links.right {
  justify-content: center;
  align-items: flex-end;
  width: 12rem;
}
.footer-links._01 {
  width: 8rem;
}
.footer-images {
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.footer-link {
  color: var(--_colors---text-color--white);
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-line-height--paragraph-m);
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
  text-transform: none;
  flex: none;
  text-decoration: none;
  transition: all .25s;
}
.footer-link:hover {
  color: var(--_colors---background-color--gold);
  margin-left: 7px;
}
.footer-link[aria-current="page"], .footer-link.is-active {
  color: var(--_colors---background-color--gold);
}
.footer-link.right {
  text-align: right;
}
.footer-link.right:hover {
  margin-left: 0;
  margin-right: 7px;
}
.footer-image {
  border-radius: var(--_sizes---border-radius--border-radius-3);
  width: 100%;
  max-width: 22.5rem;
  height: 100%;
}
.footer-bottom-1 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.webflow-link {
  color: var(--_colors---text-color--white);
  transition: all .25s;
}
.webflow-link:hover {
  color: var(--_colors---background-color--gold);
}
.social-links {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  justify-content: center;
  align-items: center;
  display: flex;
}
.footer-marquees {
  width: 100%;
  margin-bottom: -6rem;
}
.footer-marquee-text {
  color: var(--_colors---text-color--black-olive);
  letter-spacing: -.49rem;
  margin-right: 6rem;
  font-size: 12.5rem;
  line-height: 1;
}
.footer-marquees-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.footer-marquees-items {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.about-us-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.story-title {
  width: 100%;
  max-width: 33.1875rem;
  margin-top: var(--_sizes---padding--space-2);
  margin-bottom: var(--_sizes---padding--space-5);
}
.about-us-images {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  grid-template-rows: auto;
  grid-template-columns: 1fr .62fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.about-us-image {
  border-radius: var(--_sizes---border-radius--border-radius-3);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.about-text-2 {
  margin-top: var(--_sizes---padding--section-gap);
}
.about-us-right {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 11rem;
  display: flex;
}
.about-us-buttons {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.features-top {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.features-title {
  text-align: center;
  width: 100%;
  max-width: 33rem;
}
.features-bottom {
  grid-column-gap: var(--_sizes---padding--space-8);
  grid-row-gap: var(--_sizes---padding--space-8);
  flex-flow: column;
  width: 100%;
  display: flex;
}
.features-top-marquees {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.features-marquee-items {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.features-marquee-item {
  width: 100%;
  max-width: 26.125rem;
  height: 23.125rem;
  padding: var(--_sizes---padding--space-6) var(--_sizes---padding--space-6) var(--_sizes---padding--space-5);
  border-radius: var(--_sizes---border-radius--border-radius-4);
  background-color: var(--_colors---background-color--eerie-black);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  margin-right: 1.25rem;
  display: flex;
}
.features-marquee-icon {
  width: 4.5rem;
  height: 100%;
  max-height: 72px;
  color: var(--_colors---text-color--white);
  margin-left: auto;
  margin-right: 0;
}
.features-marquee-detail {
  grid-column-gap: var(--_sizes---padding--space-2);
  grid-row-gap: var(--_sizes---padding--space-2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.features-marquee-title {
  color: var(--_colors---text-color--white);
}
.features-bottom-marquees {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.portfolio-bottom {
  grid-column-gap: var(--_sizes---padding--section-gap);
  grid-row-gap: var(--_sizes---padding--section-gap);
  flex-flow: column;
  width: 100%;
  display: flex;
}
.collection-list-portfolio {
  justify-content: center;
  align-items: center;
  display: flex;
}
.collection-list-portfolio.details {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.collection-list-wrapper-portfolio.sticky {
  position: sticky;
  top: 4rem;
}
.portfolio-item-link {
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  flex-flow: column;
  width: 100%;
  max-width: 24rem;
  text-decoration: none;
  display: flex;
}
.portfolio-item-link.detail {
  max-width: none;
}
.portfolio-overflow {
  border-radius: var(--_sizes---border-radius--border-radius-3);
  width: 100%;
  overflow: clip;
}
.portfolio-small-img {
  border-radius: var(--_sizes---border-radius--border-radius-3);
  width: 100%;
  height: 100%;
}
.portfolio-item-detail {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.portfolio-left-content {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.portfolio-name-block {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.portfolio-dot {
  width: var(--_sizes---padding--space-3);
  height: var(--_sizes---padding--space-3);
  border-radius: var(--_sizes---border-radius--border-radius-full);
  background-color: var(--_colors---background-color--shade-gray);
}
.portfolio-item-name {
  font-family: var(--_fonts---font-family--inter);
  color: var(--_colors---text-color--white);
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h4);
  text-decoration: none;
}
.portfolio-category {
  color: var(--_colors---text-color--white);
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-line-height--paragraph-m);
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
}
.portfolio-arrow-wrap {
  border: 1px solid var(--_colors---button-color--charleston-green);
  border-radius: var(--_sizes---border-radius--border-radius-full);
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}
.portfolio-arrow {
  width: 1.5rem;
  color: var(--_colors---text-color--spanish-gray);
  justify-content: center;
  align-items: center;
}
.portfolio-arrow._02 {
  position: absolute;
  inset: auto auto -100% -100%;
}
.portfolio-arrow-overflow {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
  overflow: clip;
}
.portfolio-items-2 {
  justify-content: space-between;
  display: flex;
}
.work-faq-title {
  width: 100%;
  max-width: 65.3125rem;
}
.work-faq-lists-wrapper {
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  background-color: var(--_colors---text-color--transparent);
  flex-flow: column;
  width: 100%;
  display: flex;
}
.faq-list-wrap {
  border-radius: var(--_sizes---padding--space-4);
  background-color: var(--_colors---background-color--eerie-black);
  cursor: pointer;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}
.faq-question {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.faq-ques {
  font-size: var(--all-heading--h3);
  line-height: var(--heading-line-height--h3);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h3);
}
.lottie-animation {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}
.work-faq-flex {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.work-faq-circle {
  border-radius: var(--_sizes---border-radius--border-radius-full);
  background-color: var(--_colors---background-color--gold);
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
  display: flex;
}
.work-faq-number {
  color: var(--_colors---background-color--smoky-black);
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h4);
}
.lottie-block {
  border-radius: var(--_sizes---border-radius--border-radius-full);
  background-color: var(--_colors---background-color--smoky-black);
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  min-width: 2.75rem;
  height: 2.75rem;
  min-height: 2.75rem;
  display: flex;
}
.faq-answer-wrap {
  width: 100%;
  overflow: clip;
}
.faq-answer {
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 2rem;
  display: flex;
}
.faq-answer-left {
  grid-column-gap: var(--_sizes---padding--space-6);
  grid-row-gap: var(--_sizes---padding--space-6);
  flex-flow: column;
  width: 100%;
  max-width: 34rem;
  display: flex;
}
.faq-answer-lists {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  font-family: var(--_fonts---font-family--bdo-grotesk);
  color: var(--_colors---text-color--spanish-gray);
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-line-height--paragraph-m);
  font-weight: var(--_fonts---font-weight--normal);
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 2.25rem;
  display: flex;
}
.faq-image {
  border-radius: var(--_sizes---border-radius--border-radius-1);
  width: 100%;
  max-width: 536px;
  height: 100%;
}
.our-process-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  width: 100%;
  max-width: 54.25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.process-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.process-img._01 {
  z-index: 4;
  opacity: 1;
}
.process-img._02 {
  opacity: 0;
  background-image: url('../images/Process-Img-2_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}
.process-img._03, .process-img._04 {
  opacity: 0;
  position: absolute;
  inset: 0%;
}
.process-img.mob {
  display: none;
}
.process-detail {
  width: 100%;
  height: 23.125rem;
  padding-top: var(--_sizes---padding--space-5);
  grid-column-gap: var(--_sizes---padding--space-2);
  grid-row-gap: var(--_sizes---padding--space-2);
  border-top: 1px solid var(--_colors---button-color--charleston-green);
  background-color: var(--_colors---background-color--smoky-black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.step-text {
  color: var(--_colors---text-color--granite-gray);
}
.process-card-title {
  font-family: var(--_fonts---font-family--inter);
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h4);
}
.process-images {
  border-radius: var(--_sizes---border-radius--border-radius-1);
  width: 100%;
  height: 23.125rem;
  position: sticky;
  top: 3rem;
  overflow: clip;
}
.process-cards {
  grid-column-gap: var(--_sizes---padding--space-8);
  grid-row-gap: var(--_sizes---padding--space-8);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.process-details-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}
.our-services-items {
  flex-flow: column;
  width: 100%;
  display: flex;
}
.our-services-item {
  border-bottom: 1px solid var(--_colors---button-color--charleston-green);
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}
.our-services-item-wrap {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}
.our-services-item-left {
  grid-column-gap: 11.88rem;
  grid-row-gap: 11.88rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.our-services-item-right {
  width: 100%;
  max-width: 23.625rem;
}
.service-no {
  font-family: var(--_fonts---font-family--bdo-grotesk);
  color: var(--_colors---text-color--spanish-gray);
}
.our-services-item-name {
  font-family: var(--_fonts---font-family--bdo-grotesk);
  font-size: 2.5rem;
  line-height: var(--heading-line-height--h4);
  letter-spacing: var(--heading-letter-spacing--h4);
}
.our-services-item-img {
  object-fit: cover;
  flex: 1;
  align-self: stretch;
  width: 100%;
  max-width: 10.25rem;
  height: 100%;
  min-height: 185px;
  max-height: 185px;
  display: block;
  position: absolute;
  inset: -30% 34% 0% auto;
  transform: rotate(3deg);
}
.our-services-item-bg {
  z-index: -1;
  background-color: var(--_colors---background-color--eerie-black);
  width: 100%;
  height: 0%;
  position: absolute;
  inset: auto 0%;
}
.pricing-left {
  grid-column-gap: var(--_sizes---padding--space-8);
  grid-row-gap: var(--_sizes---padding--space-8);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}
.pricing-title {
  width: 100%;
  max-width: 33.1875rem;
  margin-top: var(--_sizes---padding--space-2);
}
.pricing-sticky {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.pricing-bottom {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 24.5rem;
  display: flex;
}
.collection-list-pricing {
  grid-column-gap: var(--_sizes---padding--space-6);
  grid-row-gap: var(--_sizes---padding--space-6);
  flex-flow: column;
  display: flex;
}
.pricing-product-item {
  padding: var(--_sizes---padding--padding-horizontal);
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  border-radius: var(--_sizes---border-radius--border-radius-3);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}
.pricing-product-left {
  padding: var(--_sizes---padding--space-2);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.pricing-product-right {
  padding: var(--_sizes---padding--space-5);
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  border-radius: var(--_sizes---border-radius--border-radius-1);
  background-color: var(--_colors---background-color--smoky-black);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.include-title {
  color: var(--_colors---text-color--spanish-gray);
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  letter-spacing: var(--heading-letter-spacing--h5);
}
.include-lists ul {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}
.include-lists li {
  background-image: url('../images/checkbox-core.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 1.125rem;
  padding-left: 2rem;
}
.pricing-product-top {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.product-flex {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.product-name {
  font-family: var(--_fonts---font-family--inter);
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  font-weight: var(--_fonts---font-weight--normal);
  letter-spacing: var(--heading-letter-spacing--h4);
  text-transform: none;
}
.pricing-product-bottom {
  grid-column-gap: var(--_sizes---padding--space-2);
  grid-row-gap: var(--_sizes---padding--space-2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.product-price-flex {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.product-price {
  font-size: 3rem;
  line-height: var(--heading-line-height--h3);
  font-weight: var(--_fonts---font-weight--medium);
}
.testimonial-title {
  text-align: center;
  width: 100%;
  max-width: 28rem;
}
.testimonial-marquees {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}
.testimonial-marquees-items {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.testimonial-marquees-item {
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.testimonial-marquee-card {
  width: 100%;
  max-width: 21.8125rem;
  margin-right: var(--_sizes---padding--space-6);
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  flex-flow: column;
  display: flex;
}
.testimonial-marquee-content {
  grid-column-gap: var(--_sizes---padding--space-8);
  grid-row-gap: var(--_sizes---padding--space-8);
  border-radius: var(--_sizes---border-radius--border-radius-3);
  background-color: var(--_colors---background-color--eerie-black);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem 1.5rem;
  display: flex;
}
.testimonial-quote {
  width: 4rem;
}
.testimonial-author-detail {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.testimonial-author {
  border-radius: var(--_sizes---border-radius--border-radius-full);
  width: 4rem;
  height: 4rem;
}
.testimonial-author-flex {
  grid-column-gap: .38rem;
  grid-row-gap: .38rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.testimonial-author-name {
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h5);
}
.about-top-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 55rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.center-align {
  text-align: center;
}
.about-hero-buttons {
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-hero-marquees {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}
.about-hero-marquee-items {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.about-marquee-item {
  width: 100%;
  max-width: 19rem;
  height: 100%;
  margin-right: var(--_sizes---padding--space-5);
}
.experience-top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.experience-bottom {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.experience-left {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.experience-circle {
  border-radius: var(--_sizes---border-radius--border-radius-full);
  background-color: var(--_colors---text-color--white);
  justify-content: center;
  align-items: center;
  width: 9.25rem;
  height: 9.25rem;
  display: flex;
}
.experience-left-flex {
  grid-column-gap: var(--_sizes---padding--space-2);
  grid-row-gap: var(--_sizes---padding--space-2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: clip;
}
.experience-text {
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h4);
}
.experience-desp {
  width: 100%;
  max-width: 25rem;
}
.experience-right {
  grid-column-gap: var(--_sizes---padding--space-2);
  grid-row-gap: var(--_sizes---padding--space-2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 29.25rem;
  display: flex;
}
.experience-title {
  font-size: var(--all-heading--h3);
  line-height: var(--heading-line-height--h3);
  letter-spacing: var(--heading-letter-spacing--h3);
}
.experience-line {
  background-color: var(--_colors---button-color--charleston-green);
  width: 1px;
  height: 6.125rem;
}
.number-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: clip;
}
.number {
  height: 3.75rem;
}
.number.experience-01, .number.experience-02 {
  height: 2rem;
}
.counter-title {
  color: var(--_colors---background-color--black);
}
.counter-title._01 {
  color: var(--_colors---text-color--white);
  font-size: var(--all-heading--h4);
  letter-spacing: var(--heading-letter-spacing--h4);
  line-height: 2rem;
}
.experience-card {
  padding: var(--_sizes---padding--space-3);
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  border-radius: var(--_sizes---border-radius--border-radius-1);
  background-color: var(--_colors---background-color--eerie-black);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: clip;
}
.clients-bottom {
  grid-column-gap: var(--_sizes---padding--space-9);
  grid-row-gap: var(--_sizes---padding--space-9);
  grid-template-rows: auto;
  grid-template-columns: .35fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}
.clients-cards {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.clients-card {
  padding-right: var(--_sizes---padding--space-4);
  padding-left: var(--_sizes---padding--space-4);
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  border-left: 1px solid var(--_colors---button-color--charleston-green);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.company-icon {
  width: 100%;
  max-width: 11rem;
  height: 100%;
  max-height: 23.8594px;
}
.company-icon._02 {
  max-width: 6.5rem;
}
.company-icon._03 {
  max-width: 7.7rem;
}
.why-cards {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  flex-flow: column;
  width: 100%;
  max-width: 60.8125rem;
  display: flex;
}
.why-card {
  padding: var(--_sizes---padding--space-2) var(--_sizes---padding--space-9) var(--_sizes---padding--space-2) var(--_sizes---padding--space-2);
  grid-column-gap: var(--_sizes---padding--section-gap);
  grid-row-gap: var(--_sizes---padding--section-gap);
  border-radius: var(--_sizes---border-radius--border-radius-4);
  background-color: var(--_colors---background-color--eerie-black);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: sticky;
  top: 3rem;
}
.why-image {
  object-fit: cover;
  border-radius: 1.75rem;
  width: 100%;
  height: 100%;
}
.why-card-detail {
  grid-column-gap: var(--_sizes---padding--space-2);
  grid-row-gap: var(--_sizes---padding--space-2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.why-card-title {
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  letter-spacing: var(--heading-letter-spacing--h4);
}
.foundation-section {
  padding-right: var(--_sizes---padding--space-4);
  padding-left: var(--_sizes---padding--space-4);
  overflow: clip;
}
.strategy-title {
  text-align: center;
  width: 100%;
  max-width: 63.25rem;
}
.strategy-cards {
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.strategy-card {
  width: 100%;
  height: 100%;
  padding: var(--_sizes---padding--space-6);
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  border-radius: var(--_sizes---border-radius--border-radius-3);
  background-color: var(--_colors---background-color--eerie-black);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.strategy-card-title {
  color: var(--_colors---text-color--spanish-gray);
  text-transform: uppercase;
}
.team-members {
  grid-column-gap: var(--_sizes---padding--padding-vertical);
  grid-row-gap: var(--_sizes---padding--padding-vertical);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.team-top {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 6.5rem;
}
.team-member-card {
  width: 100%;
  max-width: 24.1875rem;
  padding: var(--_sizes---padding--space-2) var(--_sizes---padding--space-2) var(--_sizes---padding--space-5);
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  border-radius: var(--_sizes---padding--space-5);
  background-color: var(--_colors---background-color--eerie-black);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 4rem;
}
.team-member-card._01 {
  transform: rotate(-7.5deg);
}
.team-member-card._02 {
  transform: rotate(7.5deg);
}
.team-overflow {
  border-radius: var(--_sizes---padding--space-4);
  overflow: clip;
}
.team-member-image {
  border-radius: var(--_sizes---padding--space-4);
  width: 100%;
  height: 100%;
}
.team-member-detail {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.team-member-flex {
  grid-column-gap: .12rem;
  grid-row-gap: .12rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.team-member-name {
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  letter-spacing: var(--heading-letter-spacing--h5);
}
.team-member-designation {
  color: var(--_colors---text-color--spanish-gray);
}
.team-linkedin-link {
  width: 2rem;
  height: 2rem;
  color: var(--_colors---text-color--white);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}
.team-linkedin-link:hover {
  color: var(--_colors---background-color--gold);
}
.social-icon {
  width: 100%;
  height: 100%;
}
.seo {
  display: none;
}
.award-items-wrap {
  flex-flow: column;
  width: 100%;
  display: flex;
}
.award-item-wrap {
  padding-top: var(--_sizes---padding--space-3);
  padding-bottom: var(--_sizes---padding--space-3);
  border-bottom: 1px solid var(--_colors---button-color--charleston-green);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.award-no {
  color: var(--_colors---text-color--spanish-gray);
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h5);
}
.award-item-block {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.award-item-name {
  color: var(--_colors---text-color--white);
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h5);
}
.honours-item {
  color: var(--_colors---text-color--spanish-gray);
}
.award-item-info {
  grid-column-gap: 22rem;
  grid-row-gap: 22rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}
.award-2-detail {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.award-item-bg {
  z-index: -1;
  background-color: var(--_colors---text-color--white);
  width: 100%;
  position: absolute;
  inset: auto 0%;
}
.sticky-services-component {
  width: 100%;
  position: sticky;
}
.sticky-service-item {
  z-index: 1;
  border-radius: var(--_sizes---padding--space-5);
  width: 100%;
  height: 100%;
  position: sticky;
  top: 12vh;
}
.portfolio-stiky-list {
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: visible;
}
.portfolio-stiky-item {
  border-radius: var(--_sizes---border-radius--border-radius-3);
  perspective: 100vw;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}
.portfolio-sticky {
  z-index: 10;
  border-radius: var(--_sizes---border-radius--border-radius-3);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}
.thumbnail-image {
  z-index: 0;
  border-radius: var(--_sizes---border-radius--border-radius-3);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.flex-vertical-align {
  z-index: 3;
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 31rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
}
.flex-horizontal-center {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.date-category, .portfolio-title {
  color: var(--_colors---text-color--white);
  text-align: center;
}
.cursor-wrapper {
  z-index: 1000;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}
.cursor {
  z-index: 999;
  border-radius: var(--_sizes---border-radius--border-radius-full);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 6rem;
  height: 6rem;
  font-family: var(--_fonts---font-family--bdo-grotesk);
  color: var(--_colors---text-color--white);
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-letter-spacing--paragraph-m);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
  background-color: #ffef7340;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: none;
  position: absolute;
  overflow: clip;
}
.portfolio-details-top {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}
.portfolio-top-1 {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 32.6875rem;
  display: flex;
}
.portfolio-item-title {
  font-family: var(--_fonts---font-family--inter);
  font-size: var(--all-heading--h2);
  line-height: var(--heading-line-height--h2);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h2);
  text-transform: none;
}
.portfolio-banner {
  width: 100%;
  height: 100%;
  margin-top: var(--_sizes---padding--space-8);
  border-radius: var(--_sizes---border-radius--border-radius-3);
}
.portfolio-top-2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.client-info {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  justify-content: center;
  align-items: center;
  display: flex;
}
.introduction-block {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 2rem;
  display: grid;
}
.introduction-detail p {
  margin-bottom: var(--_sizes---padding--space-5);
  color: var(--_colors---text-color--white);
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-line-height--paragraph-m);
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
}
.collection-list-wrapper-introduction {
  width: 100%;
}
.introduction-img, .introduction-lightbox-link {
  border-radius: var(--_sizes---border-radius--border-radius-3);
}
.collection-list-introduction {
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.challenges-banner {
  width: 100%;
  margin-top: var(--_sizes---padding--space-4);
  border-radius: var(--_sizes---border-radius--border-radius-3);
}
.solution-banner {
  border-radius: var(--_sizes---border-radius--border-radius-3);
  width: 100%;
}
.blog-tabs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.blog-tabs-menu {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}
.blog-tabs-content {
  width: 100%;
}
.blog-tab-link {
  padding: var(--_sizes---padding--space-1) var(--_sizes---padding--space-4);
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--white);
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-line-height--paragraph-m);
  text-align: center;
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
  border-radius: .625rem;
}
.blog-tab-link[aria-current="page"], .blog-tab-link.is-active {
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--smoky-black);
}
.collection-list-blog {
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--section-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.blog-item-link {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  flex-flow: column;
  width: 100%;
  text-decoration: none;
  display: flex;
}
.blog-overflow {
  border-radius: var(--_sizes---border-radius--border-radius-1);
  overflow: clip;
}
.blog-item-image {
  border-radius: var(--_sizes---border-radius--border-radius-1);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.blog-item-detail {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.blog-item-name {
  font-family: var(--_fonts---font-family--inter);
  color: var(--_colors---text-color--white);
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-line-height--paragraph-m);
  font-weight: var(--_fonts---font-weight--normal);
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
}
.empty-state {
  border-radius: var(--_sizes---border-radius--border-radius-4);
  background-color: var(--_colors---background-color--gold);
  color: var(--_colors---background-color--black);
  text-align: center;
}
.blog-details-top {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}
.blog-details-left {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 33.375rem;
  display: flex;
}
.blog-details-title {
  font-size: var(--all-heading--h2);
  line-height: var(--heading-line-height--h2);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h2);
  text-transform: none;
}
.blog-details-right {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  justify-content: center;
  align-items: center;
  display: flex;
}
.share-text {
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  letter-spacing: var(--heading-letter-spacing--h5);
}
.blog-social-link {
  border: 1px solid var(--_colors---button-color--charleston-green);
  border-radius: var(--_sizes---border-radius--border-radius-full);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--_colors---text-color--white);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}
.blog-social-link:hover {
  color: var(--_colors---background-color--gold);
}
.blog-social-icon {
  width: 1.125rem;
  height: 1.125rem;
}
.blog-banner {
  border-radius: var(--_sizes---border-radius--border-radius-3);
  width: 100%;
  height: 100%;
  margin-top: 2.5rem;
  margin-bottom: 5rem;
}
.blog-main-details {
  flex-flow: column;
  width: 100%;
  max-width: 52.6875rem;
  display: flex;
}
.blog-detail-top {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.blog-author-detail {
  grid-column-gap: var(--_sizes---padding--space-2);
  grid-row-gap: var(--_sizes---padding--space-2);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-author-icon {
  width: 2.5rem;
  height: 2.5rem;
}
.blog-author-flex {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.blog-author-name {
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h5);
}
.blog-author-designation {
  color: var(--_colors---text-color--spanish-gray);
}
.blog-info {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-dot {
  border-radius: var(--_sizes---border-radius--border-radius-full);
  background-color: var(--_colors---text-color--spanish-gray);
  width: .25rem;
  height: .25rem;
}
.blog-detail h4 {
  margin-top: var(--_sizes---padding--space-8);
  margin-bottom: var(--_sizes---padding--space-1);
}
.blog-detail p {
  margin-bottom: var(--_sizes---padding--space-5);
  color: var(--_colors---text-color--mid-tone-gray);
}
.blog-detail figure {
  margin-top: var(--_sizes---padding--space-8);
  margin-bottom: var(--_sizes---padding--space-8);
  border-radius: var(--_sizes---border-radius--border-radius-3);
}
.blog-detail img {
  border-radius: var(--_sizes---border-radius--border-radius-3);
}
.blog-detail blockquote {
  margin-top: var(--_sizes---padding--space-8);
  margin-bottom: var(--_sizes---padding--space-8);
  padding: var(--_sizes---padding--space-5);
  border-left-color: var(--_colors---background-color--gold);
  background-color: var(--_colors---background-color--eerie-black);
  font-size: var(--all-texts--default-paragraph);
  line-height: var(--texts-line-height--default-paragraph);
  letter-spacing: var(--texts-letter-spacing--default-paragraph);
  border-radius: .75rem;
}
.compare-bottom-block {
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}
.compare-header {
  width: 100%;
  height: 9rem;
}
.compare-header._01 {
  padding-top: var(--_sizes---padding--space-3);
  padding-bottom: var(--_sizes---padding--space-3);
  border-bottom: 1px solid var(--_colors---background-color--eerie-black);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}
.features-header {
  color: var(--_colors---text-color--dark-silver);
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-line-height--paragraph-m);
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
}
.compare-flex {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.compare-flex.dark {
  color: var(--_colors---background-color--smoky-black);
}
.compare-icon-block {
  border-radius: var(--_sizes---border-radius--border-radius-full);
  background-color: var(--_colors---text-color--transparent);
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}
.compare-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.compare-package {
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h5);
}
.compare-head {
  width: 100%;
  height: 9rem;
}
.compare-head._02 {
  padding: var(--_sizes---padding--space-3);
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  border-radius: var(--_sizes---border-radius--border-radius-2);
  background-color: var(--_colors---background-color--eerie-black);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.compare-head.yellow {
  padding: var(--_sizes---padding--space-3);
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  border-radius: var(--_sizes---border-radius--border-radius-2);
  background-color: var(--_colors---background-color--gold);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.compare-block {
  flex-flow: column;
  flex: none;
  width: 100%;
  max-width: 17.5rem;
  display: flex;
}
.compare-block.left {
  width: 100%;
  max-width: 22rem;
}
.compare-item-block {
  width: 100%;
  height: 3.5rem;
  padding-top: var(--_sizes---padding--space-3);
  padding-bottom: var(--_sizes---padding--space-3);
  border-bottom: 1px solid var(--_colors---background-color--eerie-black);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.compare-item-block._01 {
  padding-right: var(--_sizes---padding--space-3);
  padding-left: var(--_sizes---padding--space-3);
}
.compare-item-title {
  color: var(--_colors---text-color--white);
}
.compare-check-icon {
  width: 1.25rem;
}
.faq-s-items-wrapper {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  flex-flow: column;
  width: 100%;
  max-width: 60.875rem;
  display: flex;
}
.faq-para {
  padding-top: var(--_sizes---padding--space-3);
  color: var(--_colors---text-color--spanish-gray);
}
.faq-item-wrap {
  border-bottom: 1px solid var(--_colors---button-color--charleston-green);
  background-color: var(--_colors---text-color--transparent);
  cursor: pointer;
  flex-flow: column;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}
.faq-item-ques {
  color: var(--_colors---text-color--white);
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h5);
}
.faq-item-answer {
  width: 100%;
  max-width: 39.25rem;
  overflow: clip;
}
.faq-s-lottie-box {
  border: 1.5px solid var(--_colors---text-color--white);
  border-radius: var(--_sizes---border-radius--border-radius-full);
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  display: flex;
}
.faq-s-lottie {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}
.package-details {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  grid-template-rows: auto;
  grid-template-columns: 1fr .7fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  max-width: 60.875rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.package-detail-block {
  padding: var(--_sizes---padding--space-6);
  grid-column-gap: var(--_sizes---padding--space-6);
  grid-row-gap: var(--_sizes---padding--space-6);
  border-radius: var(--_sizes---border-radius--border-radius-2);
  background-color: var(--_colors---background-color--eerie-black);
  flex-flow: column;
  display: flex;
}
.package-detail-top {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.package-build {
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h4);
}
.package-build-flex {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.product-desp h4 {
  margin-bottom: var(--_sizes---padding--space-1);
}
.package-pricing-box {
  padding: var(--_sizes---padding--space-6);
  grid-column-gap: var(--_sizes---padding--space-6);
  grid-row-gap: var(--_sizes---padding--space-6);
  border-radius: var(--_sizes---border-radius--border-radius-1);
  background-color: var(--_colors---background-color--gold);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 3rem;
}
.plan-name {
  color: var(--_colors---background-color--smoky-black);
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-line-height--h5);
}
.plan-desp {
  color: var(--_colors---background-color--smoky-black);
}
.pricing-info {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.price-product {
  color: var(--_colors---background-color--smoky-black);
  font-size: var(--all-heading--h2);
  line-height: var(--heading-line-height--h2);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h2);
}
.session {
  color: var(--_colors---background-color--smoky-black);
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-line-height--paragraph-m);
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
}
.field-label, .quantity, .buy-now-button {
  display: none;
}
.default-state {
  margin-bottom: 0;
}
.package-header {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  justify-content: center;
  align-items: center;
  display: flex;
}
.apple-pay {
  border-radius: var(--_sizes---border-radius--border-radius-6);
  height: 3.2rem;
}
.heading {
  color: var(--_colors---background-color--smoky-black);
}
.cart-quantity-2 {
  display: none;
}
.cart-plan-name {
  color: var(--_colors---background-color--smoky-black);
  font-size: var(--all-texts--paragraph-m);
  line-height: var(--texts-line-height--paragraph-m);
  font-weight: var(--_fonts---font-weight--bold);
  letter-spacing: var(--texts-letter-spacing--paragraph-m);
}
.cart-plan-price {
  color: var(--_colors---background-color--smoky-black);
  position: absolute;
  inset: 1rem 0% auto auto;
}
.remove-button {
  color: var(--_colors---background-color--smoky-black);
  text-decoration: none;
}
.cart-item {
  position: relative;
}
.subtotal, .total {
  color: var(--_colors---background-color--smoky-black);
}
.error-state {
  border-radius: var(--_sizes---border-radius--border-radius-3);
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--danger);
  text-align: center;
  padding: 0;
}
.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}
.utility-page-wrap.password {
  height: auto;
  display: block;
  overflow: clip;
}
.utility-page-wrap.error {
  height: 85vh;
}
.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}
.utility-page-content.password {
  width: auto;
  padding: 10rem var(--_sizes---padding--space-3);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.utility-page-content.error {
  width: 100%;
  height: 100%;
  max-width: var(--_sizes---container--max-width);
  justify-content: center;
  align-items: center;
  position: relative;
}
.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 44rem;
  display: flex;
}
.contact-details-wrap {
  grid-column-gap: var(--_sizes---padding--space-6);
  grid-row-gap: var(--_sizes---padding--space-6);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.contact-left {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}
.message-block {
  grid-column-gap: var(--_sizes---padding--space-2);
  grid-row-gap: var(--_sizes---padding--space-2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 28rem;
  display: flex;
}
.send-message {
  color: var(--_colors---text-color--white);
  font-size: var(--all-heading--h3);
  line-height: var(--heading-line-height--h3);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h3);
}
.contact-image {
  width: 100%;
  height: 100%;
  margin-top: var(--_sizes---padding--space-6);
  margin-bottom: var(--_sizes---padding--space-3);
  border-radius: var(--_sizes---border-radius--border-radius-2);
}
.contact-info-block {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.contact-info-flex {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.contact-email-link {
  color: var(--_colors---text-color--white);
  text-decoration: none;
  transition: all .25s;
}
.contact-email-link:hover {
  color: var(--_colors---background-color--gold);
}
.contact-form-block {
  padding: var(--_sizes---padding--space-6);
  border-radius: var(--_sizes---border-radius--border-radius-3);
  background-color: var(--_colors---background-color--eerie-black);
  flex-flow: column;
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}
.contact-form {
  flex-flow: column;
  justify-content: center;
  display: flex;
}
.contact-field-label {
  font-weight: var(--_fonts---font-weight--normal);
  margin-bottom: 0;
}
.contact-text-field {
  width: 100%;
  height: 3rem;
  padding: var(--_sizes---padding--space-1) 0px;
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--_colors---button-color--charleston-green);
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--white);
  margin-bottom: 0;
}
.contact-text-field:focus {
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---background-color--gold);
}
.contact-text-field::placeholder {
  color: var(--_colors---text-color--spanish-gray);
}
.contact-flex {
  padding-bottom: var(--_sizes---padding--space-5);
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.contact-grid {
  grid-column-gap: var(--_sizes---padding--space-5);
  grid-row-gap: var(--_sizes---padding--space-5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.message {
  width: 100%;
  height: 8.25rem;
  min-height: 8.25rem;
  padding: var(--_sizes---padding--space-1) 0px;
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--_colors---button-color--charleston-green);
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--white);
  margin-bottom: 0;
}
.message:focus {
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---background-color--gold);
}
.message::placeholder {
  color: var(--_colors---text-color--spanish-gray);
}
.contact-success-message {
  border-radius: var(--_sizes---border-radius--border-radius-1);
  background-color: var(--_colors---background-color--gold);
  color: var(--_colors---background-color--smoky-black);
}
.contact-error-message {
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--danger);
  padding: 0;
}
.license-top {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  grid-template-rows: auto;
  grid-template-columns: 1fr .4fr .4fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.license-bottom {
  width: 100%;
}
.license-images-block {
  padding-top: var(--_sizes---padding--space-6);
  padding-bottom: var(--_sizes---padding--space-6);
  grid-column-gap: var(--_sizes---padding--space-6);
  grid-row-gap: var(--_sizes---padding--space-6);
  border-top: 1px solid var(--_colors---button-color--charleston-green);
  border-bottom: 1px solid var(--_colors---button-color--charleston-green);
  grid-template-rows: auto;
  grid-template-columns: 1fr .4fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.license-images-block._01 {
  grid-template-columns: 1fr .75fr;
}
.license-images-block._02 {
  border-top-style: none;
  grid-template-columns: 1fr .75fr;
}
.license-images {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.license-img {
  border-radius: var(--_sizes---border-radius--border-radius-1);
  width: 100%;
  height: 100%;
}
.right-align {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.image-text {
  color: var(--_colors---text-color--white);
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h4);
}
.license-link {
  color: var(--_colors---text-color--white);
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h4);
  transition: all .25s;
}
.license-link:hover {
  color: var(--_colors---background-color--gold);
}
.license-block {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  border-radius: var(--_sizes---border-radius--border-radius-1);
  background-color: var(--_colors---background-color--eerie-black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 4.59rem;
  padding-bottom: 4.59rem;
  display: flex;
}
.license-icon {
  width: 4rem;
  height: 4rem;
}
.hugeicon-text {
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h5);
}
.top-items {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.changelog-block {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  border-top: 1px solid var(--_colors---button-color--charleston-green);
  border-bottom: 1px solid var(--_colors---button-color--charleston-green);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  display: grid;
}
.changelog-block._02 {
  border-top-style: none;
}
.changelog-flex {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.release-text {
  font-size: var(--all-heading--h3);
  line-height: var(--heading-line-height--h3);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h3);
}
.lost-text {
  z-index: 1;
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--smoky-black);
  font-size: var(--all-texts--paragraph-l);
  line-height: var(--texts-line-height--paragraph-l);
  font-weight: var(--_fonts---font-weight--semi-bold);
  text-align: center;
  letter-spacing: var(--texts-letter-spacing--paragraph-l);
  text-transform: uppercase;
  padding: .1rem;
  position: relative;
}
.error-image {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}
.error-button {
  position: absolute;
  inset: auto auto 4rem;
}
.protected-password {
  display: none;
}
.protected-para {
  text-align: center;
  width: 100%;
  max-width: 27rem;
}
.protected-top {
  margin-bottom: var(--_sizes---padding--space-7);
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.protected-form {
  padding: var(--_sizes---padding--space-6);
  border-radius: var(--_sizes---border-radius--border-radius-3);
  background-color: var(--_colors---background-color--eerie-black);
}
.password-field {
  text-align: left;
}
.cookies {
  z-index: 999;
  width: 100%;
  max-width: 46.25rem;
  padding: var(--_sizes---padding--space-3) var(--_sizes---border-radius--border-radius-3) var(--_sizes---padding--space-3) var(--_sizes---padding--space-5);
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-radius: var(--_sizes---border-radius--border-radius-1);
  background-color: var(--_colors---background-color--gold);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: auto 0% 2rem;
}
.cookies-para {
  color: var(--_colors---background-color--smoky-black);
}
.policy-link {
  color: var(--_colors---background-color--smoky-black);
  transition: all .25s;
}
.policy-link:hover {
  color: var(--_colors---text-color--granite-gray);
}
.cookies-block {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  justify-content: center;
  align-items: center;
  display: flex;
}
.cookies-cross {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
}
.offer {
  z-index: 99999;
  opacity: 1;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}
.offer-form-block {
  width: 100%;
  max-width: 35.5625rem;
  padding: var(--_sizes---padding--space-6);
  border-radius: var(--_sizes---padding--space-3);
  background-color: var(--_colors---background-color--gold);
  margin-bottom: 0;
}
.offer-top {
  margin-bottom: var(--_sizes---padding--space-6);
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.offer-title {
  color: var(--_colors---background-color--smoky-black);
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h4);
}
.offer-text-field {
  width: 100%;
  height: 3rem;
  margin-bottom: var(--_sizes---padding--space-3);
  padding: var(--_sizes---padding--space-2) 0px;
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--_colors---text-color--yellowish);
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---background-color--black);
}
.offer-text-field:focus {
  border-bottom-color: var(--_colors---background-color--smoky-black);
}
.offer-text-field::placeholder {
  color: var(--_colors---background-color--olive-gold);
}
.offer-text-field.email {
  margin-bottom: var(--_sizes---padding--space-6);
}
.offer-success-message {
  border-radius: var(--_sizes---border-radius--border-radius-1);
  background-color: var(--_colors---background-color--smoky-black);
}
.offer-cross {
  width: 3rem;
  height: 3rem;
  padding: var(--_sizes---padding--space-1);
  border-radius: var(--_sizes---border-radius--border-radius-full);
  background-color: var(--_colors---background-color--gold);
  cursor: pointer;
  position: absolute;
  inset: 2rem 2rem auto auto;
}
.offer-cross-icon {
  width: 100%;
}
.checkout-form {
  padding: var(--_sizes---padding--space-8) 0px var(--_sizes---padding--padding-vertical);
  background-color: var(--_colors---text-color--transparent);
}
.web-payments {
  display: none;
}
.block-header {
  padding: var(--_sizes---padding--space-3);
  background-color: var(--_colors---text-color--white);
  justify-content: space-between;
  align-items: center;
}
.checkout-title {
  color: var(--_colors---background-color--smoky-black);
}
.required {
  color: var(--_colors---background-color--black);
}
.block-content {
  padding: var(--_sizes---padding--space-3);
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---background-color--smoky-black);
}
.checkout-field-label {
  color: var(--_colors---background-color--black);
}
.checkout-email {
  border-color: var(--_colors---background-color--shade-gray);
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---background-color--smoky-black);
}
.checkout-email:focus, .checkout-email.-wfp-focus {
  border-color: var(--_colors---background-color--olive-gold);
}
.order-items {
  margin-bottom: 0;
}
.billing-address-toggle {
  color: var(--_colors---background-color--smoky-black);
  justify-content: flex-start;
  align-items: center;
}
.checkbox {
  margin-top: 0;
}
.checkbox-label {
  margin-bottom: 0;
}
.order-item-list, .subtotal-text {
  color: var(--_colors---background-color--black);
}
.shipping-method-list {
  color: var(--_colors---background-color--smoky-black);
}
.radio-button {
  background-color: var(--_colors---background-color--smoky-black);
}
.black-text {
  color: #f13131;
}
.shipping-method {
  color: var(--_colors---background-color--smoky-black);
}
.checkout-empty-state {
  background-color: var(--_colors---text-color--white);
  color: var(--_colors---text-color--danger);
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
}
.order-items-block {
  margin-left: 0;
}
.order-summary {
  margin-bottom: 0;
}
.foundation-wrapper {
  width: 100%;
  height: 325vh;
}
.foundation-contents {
  border-radius: var(--_sizes---border-radius--border-radius-3);
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: clip;
}
.foundation-banner {
  border-radius: var(--_sizes---border-radius--border-radius-3);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.foundation-block {
  z-index: 10;
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  border-radius: var(--_sizes---border-radius--border-radius-3);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 33.375rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}
.foundation-title {
  text-align: center;
}
.foundation-para {
  color: var(--_colors---text-color--white);
  text-align: center;
}
.foundation-cards-block {
  padding: 5rem;
  position: relative;
}
.foundation-card {
  width: 100%;
  max-width: 19.1875rem;
  padding: var(--_sizes---padding--space-5);
  grid-column-gap: 9.62rem;
  grid-row-gap: 9.62rem;
  border-radius: var(--_sizes---border-radius--border-radius-2);
  background-color: var(--_colors---background-color--gold);
  flex-flow: column;
  display: flex;
}
.foundation-card._01 {
  margin-top: 5rem;
}
.foundation-card._02 {
  margin-top: -5rem;
  margin-left: auto;
  margin-right: 0;
}
.foundation-card._04 {
  margin-left: auto;
}
.foundation-card._06 {
  margin-top: 5rem;
  margin-left: 10rem;
}
.foundation-icon {
  width: 2rem;
  height: 2rem;
  margin-left: auto;
  margin-right: 0;
}
.foundation-card-detail {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.foundation-card-title {
  color: var(--_colors---background-color--smoky-black);
  font-size: var(--all-heading--h5);
  line-height: var(--heading-line-height--h5);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h5);
}
.foundation-card-para {
  color: var(--_colors---background-color--black);
  font-size: var(--all-texts--paragraph-s);
  line-height: var(--texts-line-height--paragraph-s);
  letter-spacing: var(--texts-letter-spacing--paragraph-s);
}
.services-bottom {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 5rem;
  position: relative;
}
.service-cards {
  grid-column-gap: var(--_sizes---padding--space-4);
  grid-row-gap: var(--_sizes---padding--space-4);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 57.875rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.service-card {
  width: 100%;
  height: 100%;
  padding: var(--_sizes---padding--space-5);
  grid-column-gap: 4.31rem;
  grid-row-gap: 4.31rem;
  background-color: var(--_colors---background-color--eerie-black);
  border-radius: .625rem;
  flex-flow: column;
  display: flex;
}
.service-card-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.service-card-no {
  color: var(--_colors---text-color--white);
  font-size: var(--all-heading--h4);
  line-height: var(--heading-line-height--h4);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--heading-letter-spacing--h4);
}
.service-icon-box {
  width: 2rem;
  height: 2rem;
  color: var(--_colors---text-color--white);
  position: relative;
  overflow: clip;
}
.service-icon._02 {
  position: absolute;
  inset: auto auto -100% -100%;
}
.service-card-bottom {
  grid-column-gap: var(--_sizes---padding--space-1);
  grid-row-gap: var(--_sizes---padding--space-1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.service-card-title {
  color: var(--_colors---text-color--white);
}
.service-card-para {
  color: var(--_colors---text-color--spanish-gray);
}
.service-img-1 {
  width: 9rem;
  height: 100%;
  max-height: 144px;
  position: absolute;
  inset: 1rem auto auto 0%;
}
.service-img-2 {
  width: 9rem;
  height: 100%;
  max-height: 144px;
  position: absolute;
  inset: 0% 0% auto auto;
}
.service-img-3 {
  width: 9rem;
  height: 100%;
  max-height: 144px;
  position: absolute;
  inset: auto auto 0% 0%;
}
.service-img-4 {
  width: 9rem;
  height: 100%;
  max-height: 144px;
  position: absolute;
  inset: auto 0% 3rem auto;
}
.process-section {
  background-color: var(--_colors---background-color--smoky-black);
  overflow: clip;
}
.rt-developement-sticky {
  z-index: 1;
  pointer-events: none;
  perspective: 1000px;
  perspective-origin: 50%;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: clip;
}
.rt-developement-gradient {
  background-image: linear-gradient(180deg, var(--_colors---background-color--smoky-black) 23%, #0d0d0dcc 35%, #0d0d0d00 51%, #0d0d0dcc 66%, var(--_colors---background-color--smoky-black) 73%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.rt-developement-wrapper {
  grid-column-gap: var(--_sizes---padding--section-gap);
  grid-row-gap: var(--_sizes---padding--section-gap);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: -50vh;
  padding-bottom: 50vh;
  display: flex;
  overflow: clip;
}
.rt-developement-text {
  color: var(--_colors---background-color--gold);
  font-size: var(--all-heading--h1);
  line-height: var(--heading-line-height--h1);
  font-weight: var(--_fonts---font-weight--bold);
  letter-spacing: var(--heading-letter-spacing--h1);
  text-transform: uppercase;
}
.service-card-link {
  text-decoration: none;
}
.pricing-right {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}
.award-item-link {
  text-decoration: none;
}
.black-shade {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.hero-image {
  z-index: 7;
  border-radius: var(--_sizes---border-radius--border-radius-1);
  cursor: pointer;
  width: 100%;
  max-width: 8.5rem;
  height: 100%;
  position: relative;
}
.hero-image._02 {
  margin-top: 2rem;
}
.hero-image._03 {
  margin-top: 4rem;
}
.hero-image._04 {
  margin-top: 6rem;
}
.hero-image._05 {
  margin-top: 8rem;
}
.hero-image._06 {
  margin-top: 6rem;
}
.hero-image._07 {
  margin-top: 4rem;
}
.hero-image._08 {
  margin-top: 2rem;
}
.hero-images-changing {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.home-hero-bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.home-hero-bg._01, .home-hero-bg._02, .home-hero-bg._03, .home-hero-bg._04, .home-hero-bg._05, .home-hero-bg._06, .home-hero-bg._07, .home-hero-bg._08, .home-hero-bg._09 {
  opacity: 0;
}
.hero-top-images {
  grid-column-gap: var(--_sizes---padding--space-3);
  grid-row-gap: var(--_sizes---padding--space-3);
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 7rem;
  margin-left: -2.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}
.hero-overlay {
  z-index: 1000000;
  background-image: linear-gradient(#06060500, #060605);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}
.buy-template-button {
  background-color: #7c7c7c26;
  border-top-left-radius: 1.4rem;
  border-top-right-radius: 1.4rem;
  justify-content: center;
  align-items: center;
  min-width: 20rem;
  position: fixed;
  inset: auto 0% 0% auto;
}
.buy-template-button:hover {
  box-shadow: 4px 4px 25px #0003;
}
.buy-template-button.frosted-glass {
  z-index: 1000;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 16rem;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  position: relative;
  bottom: auto;
  right: auto;
}
.buy-template-button.frosted-glass:hover {
  border-width: 1px;
  border-color: #0158ff;
}
.promo-cards {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.circle {
  background-color: #0158ff;
  border-radius: 1000px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -4px;
  right: -4px;
}
.unlock-full-access {
  color: #0158ff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
}
.image {
  width: 28px;
  height: 28px;
}
.promo-text {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  text-decoration: none;
}
@media screen and (min-width: 1440px) {
.wrapper.about-us-wrapper {
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, .5fr);
  }
.portfolio-item-link {
    max-width: 25.5rem;
  }
.clients-card {
    grid-column-gap: 14rem;
    grid-row-gap: 14rem;
  }
.portfolio-sticky {
    height: 43.625rem;
  }
.utility-page-content.password {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
.error-image {
    width: 90%;
  }
.foundation-card._06 {
    margin-left: 14rem;
  }
.hero-image {
    max-width: 9.8rem;
  }
}
@media screen and (min-width: 1920px) {
.home-contents {
    padding-bottom: var(--_sizes---padding--space-8);
  }
.error-image {
    width: 100%;
  }
.foundation-card._06 {
    margin-left: 16rem;
  }
.service-icon-box {
    color: var(--_colors---text-color--white);
  }
.service-card-link {
    text-decoration: none;
  }
.hero-image {
    max-width: 13rem;
  }
}
@media screen and (max-width: 991px) {
body {
    --all-texts--default-paragraph: 1rem;
    --texts-letter-spacing--default-paragraph: -.02rem;
    --all-heading--h1: 4rem;
    --heading-line-height--h1: 100%;
    --heading-letter-spacing--h1: -.3rem;
    --all-heading--h2: 2.5rem;
    --heading-line-height--h2: 114.286%;
    --heading-letter-spacing--h2: -.105rem;
    --all-heading--h3: 2rem;
    --heading-line-height--h3: 122.222%;
    --heading-letter-spacing--h3: -.0675rem;
    --all-heading--h4: 1.5rem;
    --heading-line-height--h4: 133.333%;
    --heading-letter-spacing--h4: -.045rem;
    --all-heading--h5: 1.25rem;
    --heading-line-height--h5: 140%;
    --heading-letter-spacing--h5: -.0375rem;
    --all-texts--paragraph-s: .875rem;
    --all-texts--paragraph-m: 1.125rem;
    --texts-letter-spacing--paragraph-m: -.025rem;
    --texts-line-height--default-paragraph: 150%;
    --all-texts--paragraph-l: 1.25rem;
    --texts-line-height--paragraph-l: 133.333%;
    --texts-letter-spacing--paragraph-l: -.045rem;
    --texts-line-height--paragraph-m: 140%;
    --texts-line-height--paragraph-s: 142.857%;
    --texts-letter-spacing--paragraph-s: -.0175rem;
    --all-heading--h6: 1.125rem;
    --heading-line-height--h6: 150%;
    --heading-letter-spacing--h6: -.02rem;
    --_sizes---height--default-line-height: 150%;
    --_sizes---padding--space-3: 1rem;
    --_sizes---padding--space-2: .75rem;
    --_sizes---border-radius--border-radius-5: 3.75rem;
    --_sizes---padding--space-1: .5rem;
    --_sizes---padding--space-6: 2rem;
    --_sizes---container--max-width: 90rem;
    --_sizes---padding--space-4: 1.25rem;
    --_sizes---padding--section-gap: 3.125rem;
    --_sizes---padding--space-8: 2.5rem;
    --_sizes---padding--space-9: 3.75rem;
    --_sizes---padding--padding-vertical: 5rem;
    --_sizes---padding--space-7: 2.25rem;
    --_sizes---border-radius--border-radius-6: 5rem;
    --_sizes---padding--space-5: 1.5rem;
    --_sizes---padding--padding-horizontal: 1rem;
    --_sizes---border-radius--border-radius-3: 1.5rem;
    --_sizes---border-radius--border-radius-4: 2rem;
    --_sizes---border-radius--border-radius-full: 100%;
    --_sizes---border-radius--border-radius-1: 1rem;
    --_sizes---border-radius--border-radius-2: 1.25rem;
  }
.nav-menu-wrapper {
    height: 88vh;
  }
.navbar {
    padding-top: 1rem;
  }
.nav-menu.cross {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    justify-content: center;
    align-items: center;
  }
.nav-link {
    height: 4rem;
    font-size: 4rem;
  }
.hero-section.home {
    height: 100vh;
    position: static;
  }
.home-contents {
    padding-top: var(--_sizes---padding--space-9);
    padding-bottom: var(--_sizes---padding--padding-vertical);
  }
.primary-button.compare {
    padding: var(--_sizes---padding--space-1);
    font-size: .85rem;
  }
.primary-button.add-cart {
    padding-right: var(--_sizes---padding--space-1);
    padding-left: var(--_sizes---padding--space-1);
    font-size: .85rem;
  }
.primary-button.checkout, .primary-button.protected {
    padding-right: var(--_sizes---padding--space-1);
    padding-left: var(--_sizes---padding--space-1);
  }
.primary-button.offer-btn {
    padding-right: var(--_sizes---padding--space-1);
  }
.hero-wrap {
    padding-bottom: 4rem;
  }
.wrapper.about-us-wrapper {
    padding-right: var(--_sizes---padding--space-3);
    padding-bottom: var(--_sizes---padding--space-5);
    padding-left: var(--_sizes---padding--space-3);
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
    grid-template-columns: minmax(0, 1fr);
  }
.wrapper.portfolio-wrapper {
    padding-bottom: var(--_sizes---padding--space-9);
  }
.wrapper.work-faq-wrapper {
    padding-bottom: var(--_sizes---padding--space-5);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }
.wrapper.our-process-wrapper {
    padding-top: var(--_sizes---padding--padding-vertical);
    padding-bottom: var(--_sizes---padding--space-8);
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
  }
.wrapper.our-services-wrapper {
    padding-bottom: var(--_sizes---padding--space-7);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }
.wrapper.pricing-wrapper {
    padding-bottom: var(--_sizes---padding--space-5);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: minmax(0, 1fr);
  }
.wrapper.about-hero-wrapper {
    padding-top: var(--_sizes---padding--space-9);
  }
.wrapper.portfolio-wrapper {
    padding-top: var(--_sizes---padding--space-9);
    padding-bottom: 0;
  }
.wrapper.portfolio-items-wrapper {
    padding-bottom: var(--_sizes---padding--padding-vertical);
  }
.wrapper.portfolio-details-wrapper {
    padding-top: var(--_sizes---padding--space-8);
    padding-bottom: var(--_sizes---padding--space-2);
  }
.wrapper.blog-wrapper, .wrapper.blog-details-wrapper, .wrapper.pricing-wrap {
    padding-top: var(--_sizes---padding--space-9);
  }
.wrapper.portfolio-update-wrapper {
    padding-bottom: var(--_sizes---padding--space-9);
  }
.wrapper.pricing-detail-wrap, .wrapper.contact-wrap, .wrapper.services-wrapper {
    padding-top: var(--_sizes---padding--space-9);
  }
.typography-wrapper {
    grid-template-columns: minmax(0, .5fr) minmax(0, 1fr);
  }
.spanish-gray {
    position: sticky;
    top: 3rem;
  }
.spanish-gray.client {
    text-align: center;
  }
.large-paragraph.faq-answer-title {
    font-size: var(--all-texts--paragraph-m);
  }
.medium-paragraph.style-para {
    max-width: 30rem;
  }
.medium-paragraph.about-hero-para {
    margin-top: var(--_sizes---padding--space-3);
    margin-bottom: var(--_sizes---padding--space-5);
  }
.medium-paragraph.portfolio-hero-para {
    margin-top: var(--_sizes---padding--space-3);
  }
.medium-paragraph.reach-para {
    text-align: center;
  }
.medium-paragraph.license {
    max-width: 40rem;
  }
.color-wrapper {
    grid-template-columns: minmax(0, .5fr) minmax(0, 1fr);
  }
.colors-block {
    grid-template-columns: 1fr 1fr;
  }
.buttons-wrapper {
    grid-template-columns: minmax(0, .5fr) minmax(0, 1fr);
  }
.footer-top {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }
.timeless-text {
    text-align: center;
  }
.footer-links {
    grid-column-gap: var(--_sizes---padding--padding-horizontal);
    grid-row-gap: var(--_sizes---padding--padding-horizontal);
  }
.footer-images {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
  }
.footer-image {
    max-width: 13rem;
  }
.footer-bottom-1 {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
    flex-flow: column;
  }
.footer-marquees {
    margin-bottom: -3.5rem;
  }
.footer-marquee-text {
    font-size: 8rem;
  }
.story-title {
    max-width: none;
  }
.about-text-2 {
    margin-top: var(--_sizes---padding--space-6);
  }
.about-us-right {
    margin-top: 0;
  }
.features-title {
    max-width: 25rem;
  }
.features-bottom {
    grid-column-gap: var(--_sizes---padding--space-5);
    grid-row-gap: var(--_sizes---padding--space-5);
  }
.features-marquee-item {
    max-width: 22rem;
    height: 18rem;
  }
.features-marquee-icon {
    width: 3rem;
  }
.collection-list-portfolio.details {
    grid-template-columns: 1fr 1fr;
  }
.portfolio-item-link {
    max-width: 14rem;
  }
.portfolio-name-block {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
  }
.portfolio-dot {
    width: var(--_sizes---padding--space-2);
    height: var(--_sizes---padding--space-2);
  }
.portfolio-item-name {
    font-size: var(--all-heading--h6);
    line-height: var(--heading-line-height--h6);
    letter-spacing: var(--heading-letter-spacing--h6);
  }
.portfolio-category {
    font-size: var(--all-texts--paragraph-s);
  }
.portfolio-arrow-wrap {
    width: 3rem;
    height: 3rem;
  }
.faq-list-wrap {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
.faq-ques {
    font-size: var(--all-heading--h4);
    line-height: var(--heading-line-height--h4);
    letter-spacing: var(--heading-letter-spacing--h4);
  }
.work-faq-flex {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
  }
.work-faq-circle {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
  }
.work-faq-number {
    font-size: var(--all-heading--h6);
    line-height: var(--heading-line-height--h6);
  }
.faq-answer {
    grid-column-gap: var(--_sizes---padding--space-4);
    grid-row-gap: var(--_sizes---padding--space-4);
  }
.faq-answer-left {
    max-width: 26rem;
  }
.faq-answer-lists {
    font-size: var(--all-texts--default-paragraph);
  }
.faq-image {
    max-width: 22rem;
  }
.our-services-item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
.our-services-item-left {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }
.our-services-item-right {
    max-width: 16rem;
  }
.our-services-item-name {
    font-size: 1.75rem;
  }
.our-services-item-img {
    max-width: 8rem;
    top: -20%;
    right: 38%;
  }
.pricing-left {
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
  }
.pricing-title, .pricing-bottom {
    max-width: none;
  }
.testimonial-title {
    max-width: 22rem;
  }
.about-top-wrap {
    max-width: 40rem;
  }
.experience-top {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
    flex-flow: column;
  }
.experience-bottom {
    grid-template-columns: 1fr 1fr;
  }
.experience-circle {
    width: 8rem;
    height: 8rem;
  }
.experience-right {
    order: -9999;
    justify-content: center;
    align-items: center;
  }
.experience-title {
    text-align: center;
  }
.experience-line {
    display: none;
  }
.number {
    height: 3rem;
  }
.counter-title {
    line-height: 3rem;
  }
.clients-bottom {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
    grid-template-columns: minmax(0, 1fr);
  }
.clients-cards {
    grid-row-gap: var(--_sizes---padding--space-7);
  }
.clients-card {
    padding-right: var(--_sizes---padding--space-3);
    padding-left: var(--_sizes---padding--space-3);
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }
.why-card {
    padding-right: var(--_sizes---padding--space-6);
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
  }
.why-image {
    border-radius: var(--_sizes---border-radius--border-radius-3);
  }
.strategy-cards {
    grid-template-columns: 1fr 1fr;
  }
.award-item-info {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
  }
.portfolio-stiky-list {
    grid-column-gap: var(--_sizes---padding--space-8);
    grid-row-gap: var(--_sizes---padding--space-8);
  }
.portfolio-stiky-item {
    max-width: none;
  }
.portfolio-sticky {
    height: 30rem;
  }
.portfolio-details-top {
    grid-column-gap: var(--_sizes---padding--padding-horizontal);
    grid-row-gap: var(--_sizes---padding--padding-horizontal);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
.portfolio-top-1 {
    grid-column-gap: var(--_sizes---padding--space-2);
    grid-row-gap: var(--_sizes---padding--space-2);
    max-width: none;
  }
.introduction-block {
    grid-template-columns: .5fr 1fr;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
  }
.collection-list-blog {
    grid-template-columns: 1fr 1fr;
  }
.blog-details-top {
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
.blog-details-left {
    grid-column-gap: var(--_sizes---padding--space-2);
    grid-row-gap: var(--_sizes---padding--space-2);
    max-width: none;
  }
.blog-details-right {
    order: -9999;
  }
.blog-banner {
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
.compare-bottom-block {
    grid-column-gap: var(--_sizes---padding--space-2);
    grid-row-gap: var(--_sizes---padding--space-2);
    justify-content: center;
  }
.compare-header._01 {
    height: 7rem;
  }
.features-header {
    font-size: var(--all-texts--default-paragraph);
  }
.compare-icon-block {
    width: 1.5rem;
    height: 1.5rem;
  }
.compare-package {
    font-size: var(--all-texts--default-paragraph);
    line-height: var(--heading-line-height--h6);
    letter-spacing: var(--heading-letter-spacing--h6);
  }
.compare-head._02, .compare-head.yellow {
    height: 7rem;
    padding-right: var(--_sizes---padding--space-1);
    padding-left: var(--_sizes---padding--space-1);
  }
.compare-block, .compare-block.left {
    max-width: 11rem;
  }
.compare-item-block {
    font-size: var(--all-texts--paragraph-s);
  }
.cart-plan-name {
    font-size: var(--all-texts--paragraph-l);
    line-height: var(--texts-line-height--paragraph-l);
    letter-spacing: var(--texts-letter-spacing--paragraph-l);
  }
.utility-page-wrap.error {
    height: auto;
  }
.utility-page-content.password {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
.utility-page-content.error {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
.contact-details-wrap {
    grid-template-columns: minmax(0, 1fr);
  }
.contact-left, .message-block, .contact-info-flex {
    justify-content: center;
    align-items: center;
  }
.contact-email-link {
    text-align: center;
  }
.image-text, .license-link {
    font-size: var(--all-heading--h5);
  }
.license-block {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
.changelog-block {
    grid-template-columns: .5fr 1fr;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
.error-button {
    margin-top: var(--_sizes---padding--space-4);
    position: static;
  }
.row {
    flex-flow: column;
  }
.foundation-wrapper {
    height: 290vh;
  }
.foundation-block {
    max-width: 27rem;
  }
.foundation-cards-block {
    padding: 2rem 1.5rem;
  }
.foundation-card {
    max-width: 14rem;
    padding-right: var(--_sizes---padding--space-3);
    padding-left: var(--_sizes---padding--space-3);
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }
.foundation-card._02 {
    margin-top: -3rem;
  }
.foundation-card._04 {
    margin-top: 4rem;
    margin-right: 4rem;
  }
.foundation-card._06 {
    margin-left: 4rem;
  }
.foundation-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
.services-bottom {
    padding-top: 0;
    padding-bottom: 0;
  }
.service-img-1, .service-img-2, .service-img-3, .service-img-4 {
    display: none;
  }
.hero-image {
    max-width: 5.5rem;
  }
.hero-top-images {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
body {
    --all-texts--default-paragraph: 1rem;
    --texts-letter-spacing--default-paragraph: 0rem;
    --all-heading--h1: 3rem;
    --heading-line-height--h1: 100%;
    --heading-letter-spacing--h1: -.1rem;
    --all-heading--h2: 1.75rem;
    --heading-line-height--h2: 114.286%;
    --heading-letter-spacing--h2: 0rem;
    --all-heading--h3: 1.5rem;
    --heading-line-height--h3: 122.222%;
    --heading-letter-spacing--h3: 0rem;
    --all-heading--h4: 1.25rem;
    --heading-line-height--h4: 133.333%;
    --heading-letter-spacing--h4: 0rem;
    --all-heading--h5: 1.125rem;
    --heading-line-height--h5: 140%;
    --heading-letter-spacing--h5: 0rem;
    --all-texts--paragraph-s: .875rem;
    --all-texts--paragraph-m: 1rem;
    --texts-letter-spacing--paragraph-m: 0rem;
    --texts-line-height--default-paragraph: 150%;
    --all-texts--paragraph-l: 1.125rem;
    --texts-line-height--paragraph-l: 133.333%;
    --texts-letter-spacing--paragraph-l: 0rem;
    --texts-line-height--paragraph-m: 140%;
    --texts-line-height--paragraph-s: 142.857%;
    --texts-letter-spacing--paragraph-s: 0rem;
    --all-heading--h6: 1rem;
    --heading-line-height--h6: 150%;
    --heading-letter-spacing--h6: 0rem;
    --_sizes---height--default-line-height: 150%;
    --_sizes---padding--space-3: 1rem;
    --_sizes---padding--space-2: .625rem;
    --_sizes---border-radius--border-radius-5: 3.75rem;
    --_sizes---padding--space-1: .5rem;
    --_sizes---padding--space-6: 1.25rem;
    --_sizes---container--max-width: 90rem;
    --_sizes---padding--space-4: 1rem;
    --_sizes---padding--section-gap: 2.5rem;
    --_sizes---padding--space-8: 2rem;
    --_sizes---padding--space-9: 3rem;
    --_sizes---padding--padding-vertical: 3.75rem;
    --_sizes---padding--space-7: 2rem;
    --_sizes---border-radius--border-radius-6: 5rem;
    --_sizes---padding--space-5: 1rem;
    --_sizes---padding--padding-horizontal: 1rem;
    --_sizes---border-radius--border-radius-3: 1.5rem;
    --_sizes---border-radius--border-radius-4: 2rem;
    --_sizes---border-radius--border-radius-full: 100%;
    --_sizes---border-radius--border-radius-1: 1rem;
    --_sizes---border-radius--border-radius-2: 1.25rem;
  }
.navbar-brand {
    padding-left: 0;
  }
.nav-menu-wrapper {
    height: 90vh;
  }
.menu-button {
    padding: .5rem var(--_sizes---padding--space-1);
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }
.menu-block {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }
.nav-menu.cross {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }
.nav-link {
    letter-spacing: -.1rem;
    height: 3rem;
    font-size: 3rem;
  }
.cross-btn {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }
.nav-right-block {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
  }
.hero-section.home, .hero-section.style, .hero-section.license {
    height: auto;
  }
.home-contents {
    padding-top: var(--_sizes---padding--padding-vertical);
  }
.primary-button {
    padding: var(--_sizes---padding--space-2) var(--_sizes---padding--space-6);
  }
.primary-button.offer-btn {
    padding-left: var(--_sizes---padding--space-9);
    background-position: 25%;
  }
.hero-wrap {
    padding-bottom: 3rem;
  }
.home-title {
    margin-top: 10px;
  }
.wrapper.about-us-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
.wrapper.work-faq-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }
.wrapper.our-process-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    padding-top: 5rem;
  }
.wrapper.our-services-wrapper, .wrapper.pricing-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }
.wrapper.testimonial-wrapper {
    padding-top: var(--_sizes---padding--section-gap);
  }
.wrapper.about-hero-wrapper {
    padding-bottom: var(--_sizes---padding--space-3);
    grid-column-gap: var(--_sizes---padding--space-7);
    grid-row-gap: var(--_sizes---padding--space-7);
  }
.wrapper.experience-wrapper, .wrapper.clients-wrapper, .wrapper.strategy-wrapper {
    padding-bottom: var(--_sizes---padding--space-3);
  }
.wrapper.portfolio-wrapper {
    grid-column-gap: var(--_sizes---padding--space-7);
    grid-row-gap: var(--_sizes---padding--space-7);
  }
.wrapper.related-projects-wrapper {
    padding-top: var(--_sizes---padding--space-7);
  }
.wrapper.blog-wrapper, .wrapper.pricing-wrap, .wrapper.pricing-detail-wrap, .wrapper.contact-wrap {
    grid-column-gap: var(--_sizes---padding--space-7);
    grid-row-gap: var(--_sizes---padding--space-7);
  }
.wrapper.services-wrapper {
    padding-top: var(--_sizes---padding--padding-vertical);
  }
.typography-wrapper {
    grid-column-gap: var(--_sizes---padding--space-7);
    grid-row-gap: var(--_sizes---padding--space-7);
    grid-template-columns: minmax(0, 1fr);
  }
.typography-subtitle {
    font-size: var(--all-texts--paragraph-s);
  }
.large-paragraph.faq-answer-title {
    font-size: var(--all-texts--paragraph-l);
  }
.color-wrapper {
    grid-column-gap: var(--_sizes---padding--space-7);
    grid-row-gap: var(--_sizes---padding--space-7);
    grid-template-columns: minmax(0, 1fr);
  }
.colors-block {
    grid-template-columns: 1fr 1fr 1fr;
  }
.color-box {
    height: 8rem;
  }
.buttons-wrapper {
    grid-column-gap: var(--_sizes---padding--space-7);
    grid-row-gap: var(--_sizes---padding--space-7);
    grid-template-columns: minmax(0, 1fr);
  }
.subtitle-animation {
    position: static;
  }
.footer-middle {
    grid-column-gap: 10rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
  }
.footer-links.right, .footer-links._01 {
    width: auto;
  }
.footer-images {
    order: 9999;
    width: 100%;
  }
.footer-link {
    font-size: var(--all-texts--paragraph-s);
  }
.footer-image {
    max-width: none;
  }
.social-links {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
    flex-flow: wrap;
  }
.footer-marquees {
    margin-bottom: -2.5rem;
  }
.footer-marquee-text {
    margin-right: 4rem;
    font-size: 6rem;
  }
.features-title {
    max-width: 20rem;
  }
.features-bottom {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
  }
.features-marquee-item {
    max-width: 18rem;
    height: 14rem;
    margin-right: 1rem;
  }
.features-marquee-icon {
    width: 2.5rem;
  }
.collection-list-portfolio.details {
    grid-row-gap: var(--_sizes---padding--space-7);
    grid-template-columns: 1fr 1fr;
  }
.collection-list-wrapper-portfolio.sticky, .collection-list-wrapper-portfolio.details {
    position: static;
  }
.portfolio-item-link {
    max-width: 16rem;
  }
.faq-list-wrap {
    padding: 1.5rem 1.25rem;
  }
.work-faq-circle {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
  }
.lottie-block {
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    min-height: 2.25rem;
  }
.faq-answer {
    flex-flow: column;
  }
.faq-answer-left {
    max-width: none;
  }
.faq-image {
    order: -9999;
    max-width: none;
  }
.process-img {
    border-radius: var(--_sizes---padding--space-3);
  }
.process-img.mob {
    height: auto;
    display: block;
  }
.process-detail {
    height: auto;
  }
.process-images {
    display: none;
  }
.process-cards {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }
.process-details-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }
.process-detail-1 {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
    grid-template-rows: auto;
    grid-template-columns: .9fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    display: grid;
    position: sticky;
    top: 2.5rem;
  }
.our-services-item-wrap {
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
.our-services-item-left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
.our-services-item-right {
    max-width: 24rem;
  }
.our-services-item-name {
    font-size: 1.5rem;
  }
.our-services-item-img {
    max-width: 6rem;
    top: 7%;
    right: 0%;
  }
.pricing-product-item {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
  }
.pricing-product-left {
    grid-column-gap: var(--_sizes---padding--space-7);
    grid-row-gap: var(--_sizes---padding--space-7);
    padding: 0;
  }
.include-lists ul {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
  }
.include-lists li {
    background-size: 1rem;
    padding-left: 1.5rem;
  }
.product-price {
    font-size: 2rem;
  }
.testimonial-title {
    max-width: 16rem;
  }
.testimonial-marquee-card {
    max-width: 18rem;
  }
.testimonial-marquee-content {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
    padding: 2rem 1.125rem;
  }
.testimonial-quote {
    width: 2.5rem;
  }
.testimonial-author-detail {
    grid-column-gap: var(--_sizes---padding--space-2);
    grid-row-gap: var(--_sizes---padding--space-2);
  }
.testimonial-author {
    width: 3rem;
    height: 3rem;
  }
.testimonial-author-flex {
    grid-column-gap: .125rem;
    grid-row-gap: .125rem;
  }
.about-top-wrap {
    max-width: 26rem;
  }
.about-marquee-item {
    max-width: 14rem;
  }
.experience-left {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
.experience-circle {
    width: 6rem;
    height: 6rem;
  }
.experience-left-flex {
    justify-content: center;
    align-items: center;
  }
.experience-desp {
    text-align: center;
  }
.number {
    height: 2.5rem;
  }
.number.experience-01, .number.experience-02 {
    height: 1.5rem;
  }
.counter-title {
    line-height: 2.5rem;
  }
.counter-title._01 {
    line-height: 1.5rem;
  }
.clients-bottom {
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
    grid-template-columns: .75fr 1fr;
  }
.clients-cards {
    grid-template-columns: 1fr;
  }
.clients-card {
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
  }
.why-card {
    padding-right: var(--_sizes---padding--space-3);
  }
.strategy-card-title {
    font-size: var(--all-texts--paragraph-s);
  }
.team-member-card {
    max-width: 20rem;
  }
.award-item-info {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }
.portfolio-sticky {
    height: 22rem;
  }
.flex-vertical-align {
    grid-column-gap: var(--_sizes---padding--space-2);
    grid-row-gap: var(--_sizes---padding--space-2);
  }
.portfolio-top-2 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }
.introduction-block {
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2rem;
  }
.blog-tabs-menu {
    flex-flow: wrap;
    margin-bottom: 1.75rem;
  }
.blog-item-desp {
    font-size: var(--all-texts--paragraph-s);
  }
.blog-banner {
    border-radius: var(--_sizes---border-radius--border-radius-1);
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }
.blog-detail img {
    border-radius: var(--_sizes---border-radius--border-radius-1);
  }
.compare-bottom-block {
    justify-content: flex-start;
    overflow: auto;
  }
.compare-head._02, .compare-head.yellow {
    height: 6rem;
    padding-top: var(--_sizes---padding--space-2);
    padding-bottom: var(--_sizes---padding--space-2);
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
  }
.compare-block, .compare-block.left {
    max-width: 12rem;
  }
.faq-s-items-wrapper {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
  }
.faq-item-wrap {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
.faq-s-lottie-box {
    width: 1.2rem;
    min-width: 1.2rem;
    height: 1.2rem;
    min-height: 1.2rem;
  }
.faq-s-lottie {
    width: .7rem;
    height: .7rem;
  }
.package-details {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
    grid-template-columns: minmax(0, 1fr);
  }
.package-pricing-box {
    position: static;
  }
.plan-name {
    font-size: var(--all-heading--h4);
  }
.price-product {
    font-size: var(--all-heading--h1);
  }
.apple-pay {
    height: 2.75rem;
  }
.utility-page-content.error {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
.contact-details-wrap {
    grid-column-gap: var(--_sizes---padding--section-gap);
    grid-row-gap: var(--_sizes---padding--section-gap);
  }
.contact-info-block {
    grid-column-gap: var(--_sizes---padding--space-7);
    grid-row-gap: var(--_sizes---padding--space-6);
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
  }
.license-top {
    grid-template-columns: 1fr .4fr;
  }
.license-images-block._01, .license-images-block._02 {
    grid-template-columns: 1fr;
  }
.assets-block {
    display: none;
  }
.changelog-block {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
.cookies {
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
    flex-flow: column;
    max-width: 28rem;
    display: none;
    bottom: 1rem;
  }
.cookies-para {
    text-align: center;
  }
.cookies-block {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
  }
.offer-form-block {
    max-width: 28rem;
  }
.offer-top {
    margin-bottom: var(--_sizes---padding--space-3);
  }
.foundation-wrapper {
    height: auto;
  }
.foundation-contents {
    height: 25rem;
  }
.foundation-block {
    grid-column-gap: var(--_sizes---padding--space-2);
    grid-row-gap: var(--_sizes---padding--space-2);
    max-width: 24rem;
  }
.foundation-cards-block {
    display: none;
  }
.service-cards {
    grid-template-columns: 1fr;
  }
.process-section {
    padding: var(--_sizes---padding--padding-vertical) var(--_sizes---padding--space-3) var(--_sizes---padding--space-9);
  }
.rt-developement-sticky {
    height: auto;
  }
.rt-developement-wrapper {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
    margin-top: 0;
    padding-bottom: 0;
  }
.hero-images-changing, .hero-top-images {
    display: none;
  }
}
@media screen and (max-width: 479px) {
body {
    --all-texts--default-paragraph: 1rem;
    --texts-letter-spacing--default-paragraph: 0rem;
    --all-heading--h1: 2.25rem;
    --heading-line-height--h1: 100%;
    --heading-letter-spacing--h1: -.1rem;
    --all-heading--h2: 1.625rem;
    --heading-line-height--h2: 114.286%;
    --heading-letter-spacing--h2: 0rem;
    --all-heading--h3: 1.5rem;
    --heading-line-height--h3: 122.222%;
    --heading-letter-spacing--h3: 0rem;
    --all-heading--h4: 1.25rem;
    --heading-line-height--h4: 133.333%;
    --heading-letter-spacing--h4: 0rem;
    --all-heading--h5: 1.125rem;
    --heading-line-height--h5: 140%;
    --heading-letter-spacing--h5: 0rem;
    --all-texts--paragraph-s: .875rem;
    --all-texts--paragraph-m: 1rem;
    --texts-letter-spacing--paragraph-m: 0rem;
    --texts-line-height--default-paragraph: 150%;
    --all-texts--paragraph-l: 1.125rem;
    --texts-line-height--paragraph-l: 133.333%;
    --texts-letter-spacing--paragraph-l: 0rem;
    --texts-line-height--paragraph-m: 140%;
    --texts-line-height--paragraph-s: 142.857%;
    --texts-letter-spacing--paragraph-s: 0rem;
    --all-heading--h6: 1rem;
    --heading-line-height--h6: 150%;
    --heading-letter-spacing--h6: 0rem;
    --_sizes---height--default-line-height: 150%;
    --_sizes---padding--space-3: 1rem;
    --_sizes---padding--space-2: .625rem;
    --_sizes---border-radius--border-radius-5: 3.75rem;
    --_sizes---padding--space-1: .5rem;
    --_sizes---padding--space-6: 1.25rem;
    --_sizes---container--max-width: 90rem;
    --_sizes---padding--space-4: 1rem;
    --_sizes---padding--section-gap: 2.25rem;
    --_sizes---padding--space-8: 2rem;
    --_sizes---padding--space-9: 2.5rem;
    --_sizes---padding--padding-vertical: 3.75rem;
    --_sizes---padding--space-7: 2rem;
    --_sizes---border-radius--border-radius-6: 5rem;
    --_sizes---padding--space-5: 1rem;
    --_sizes---padding--padding-horizontal: 1rem;
    --_sizes---border-radius--border-radius-3: 1.5rem;
    --_sizes---border-radius--border-radius-4: 2rem;
    --_sizes---border-radius--border-radius-full: 100%;
    --_sizes---border-radius--border-radius-1: 1rem;
    --_sizes---border-radius--border-radius-2: 1.25rem;
  }
.menu-block {
    font-size: var(--all-texts--paragraph-s);
  }
.hamburger-icon {
    width: 1rem;
  }
.nav-menu.cross {
    padding-bottom: 4rem;
  }
.nav-utility-wrap {
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
  }
.cross-btn {
    font-size: var(--all-texts--paragraph-s);
  }
.home-contents {
    padding-top: var(--_sizes---padding--space-9);
  }
.hero-between {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
.primary-button.offer-btn {
    background-position: 14%;
    background-size: 1rem;
  }
.wrapper.work-faq-wrapper {
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
  }
.wrapper.our-services-wrapper {
    padding-bottom: var(--_sizes---padding--space-3);
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }
.wrapper.award-wrapper {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
  }
.wrapper.pricing-wrap, .wrapper.compare-wrapper, .wrapper.pricing-detail-wrap, .wrapper.contact-wrap {
    padding-bottom: var(--_sizes---padding--space-5);
  }
.spanish-gray, .spanish-gray.client {
    position: static;
  }
.medium-paragraph.copyright-text {
    text-align: center;
  }
.colors-block {
    grid-template-columns: 1fr 1fr;
  }
.color-box {
    height: 6rem;
  }
.footer-middle {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
  }
.footer-images {
    order: 9999;
  }
.footer-marquees {
    margin-bottom: -1.5rem;
  }
.footer-marquee-text {
    margin-right: 2.5rem;
    font-size: 4rem;
  }
.about-us-images {
    grid-template-columns: minmax(200px, 1fr);
  }
.features-title {
    max-width: 18rem;
  }
.collection-list-portfolio.details {
    grid-column-gap: var(--_sizes---padding--space-7);
    grid-row-gap: var(--_sizes---padding--space-7);
    grid-template-columns: 1fr;
  }
.portfolio-item-link {
    max-width: none;
  }
.portfolio-small-img._01 {
    object-fit: cover;
    object-position: 50% 0%;
    height: 20rem;
  }
.portfolio-items-2 {
    grid-column-gap: var(--_sizes---padding--section-gap);
    grid-row-gap: var(--_sizes---padding--section-gap);
    flex-flow: column;
  }
.faq-list-wrap {
    padding: 1.25rem .75rem;
  }
.faq-question {
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
  }
.faq-ques {
    font-size: var(--all-heading--h5);
    line-height: var(--heading-line-height--h5);
    letter-spacing: var(--heading-letter-spacing--h5);
  }
.lottie-animation {
    justify-content: center;
    align-items: center;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
  }
.lottie-block {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
  }
.faq-answer-lists {
    padding-left: 2rem;
  }
.process-detail-1 {
    border-top-left-radius: var(--_sizes---border-radius--border-radius-1);
    border-top-right-radius: var(--_sizes---border-radius--border-radius-1);
    background-color: var(--_colors---background-color--smoky-black);
    grid-template-columns: minmax(0, 1fr);
  }
.our-services-item {
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
    flex-flow: column;
  }
.our-services-item-wrap {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
  }
.our-services-item-name {
    font-size: 1.25rem;
  }
.our-services-item-img {
    max-width: none;
    position: static;
    transform: none;
  }
.pricing-product-item {
    grid-template-columns: minmax(0, 1fr);
  }
.pricing-product-left {
    grid-column-gap: var(--_sizes---padding--space-5);
    grid-row-gap: var(--_sizes---padding--space-5);
  }
.center-align.about-hero-title {
    width: 100%;
    max-width: 20rem;
  }
.about-marquee-item {
    max-width: 12rem;
  }
.experience-bottom {
    grid-template-columns: 1fr;
  }
.experience-right {
    max-width: 16rem;
  }
.clients-bottom {
    grid-column-gap: var(--_sizes---padding--space-7);
    grid-row-gap: var(--_sizes---padding--space-7);
    grid-template-columns: minmax(0, 1fr);
  }
.why-card {
    padding-right: var(--_sizes---padding--space-2);
    padding-bottom: var(--_sizes---padding--space-6);
    border-radius: var(--_sizes---border-radius--border-radius-1);
    grid-template-columns: minmax(0, 1fr);
  }
.why-image {
    border-radius: var(--_sizes---border-radius--border-radius-1);
  }
.strategy-cards {
    grid-template-columns: 1fr;
  }
.team-member-card {
    max-width: 16rem;
  }
.award-items-wrap {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
  }
.award-item-wrap {
    padding-bottom: var(--_sizes---padding--space-7);
  }
.award-item-info, .award-2-detail {
    grid-column-gap: var(--_sizes---padding--space-3);
    grid-row-gap: var(--_sizes---padding--space-3);
    flex-flow: column;
  }
.portfolio-stiky-list {
    grid-column-gap: var(--_sizes---padding--space-6);
    grid-row-gap: var(--_sizes---padding--space-6);
  }
.portfolio-sticky {
    height: 16rem;
  }
.portfolio-top-2 {
    grid-column-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
  }
.collection-list-introduction {
    grid-template-columns: minmax(0, 1fr);
  }
.collection-list-blog {
    grid-template-columns: 1fr;
  }
.blog-item-image {
    height: 11rem;
  }
.blog-banner {
    margin-top: 1.5rem;
  }
.blog-detail-top {
    grid-column-gap: var(--_sizes---padding--space-2);
    grid-row-gap: var(--_sizes---padding--space-2);
  }
.utility-page-content.password {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
.utility-page-content.error {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
.contact-form-block {
    padding-right: var(--_sizes---padding--space-3);
    padding-left: var(--_sizes---padding--space-3);
  }
.contact-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }
.message {
    height: 7rem;
    min-height: 7rem;
  }
.license-images {
    grid-template-columns: 1fr;
  }
.error-image {
    width: 90%;
  }
.protected-top {
    margin-bottom: var(--_sizes---padding--space-6);
    grid-column-gap: var(--_sizes---padding--space-2);
    grid-row-gap: var(--_sizes---padding--space-2);
  }
.password-field {
    text-align: center;
  }
.offer-form-block {
    max-width: 22rem;
    padding-right: var(--_sizes---padding--space-3);
    padding-left: var(--_sizes---padding--space-3);
  }
.offer-top, .offer-text-field {
    margin-bottom: var(--_sizes---padding--space-1);
  }
.block-header {
    grid-column-gap: var(--_sizes---padding--space-1);
    grid-row-gap: var(--_sizes---padding--space-1);
    flex-flow: column;
  }
.required {
    order: -9999;
  }
.billing-address-toggle {
    font-size: var(--all-texts--paragraph-s);
  }
.foundation-contents {
    height: 20rem;
  }
.foundation-block {
    padding-right: var(--_sizes---padding--space-3);
    padding-left: var(--_sizes---padding--space-3);
  }
.brain-text {
    font-size: var(--all-texts--paragraph-s);
    line-height: var(--texts-line-height--paragraph-s);
    letter-spacing: var(--texts-letter-spacing--paragraph-s);
  }
.service-card {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }
.process-section {
    padding-bottom: var(--_sizes---padding--space-8);
  }
.collection-item-portfolio {
    width: 100%;
  }
}
#node-_01a6ae7a-1f23-a012-8751-76c5513e3d26-b5b1b827 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 767px) {
#node-ad399491-2628-1ccf-5671-d43d31d094af-e3302be3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
#node-_862bb05c-6c23-35e5-498e-d65a27c5d03e-4fb81726, #node-a7580dec-d343-c511-2430-27477d0ef956-0f93748e, #node-ea897fb8-9f7f-f96f-d56a-0d5a41cf65fd-0f93748e, #node-_16421d60-8437-fe7d-c44f-416cae60bac9-0f93748e {
    order: -9999;
  }
}
@media screen and (max-width: 479px) {
#node-_9be84cb8-2f89-1ccc-0fdb-ce846c578a15-0f93748e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}
/* ======================================================================
   4. Components (hand-written)
   ====================================================================== */
/* Vanilla replacements for the Webflow runtime and its IX2 / IX3 interactions.
 *
 * Every duration, delay, easing, colour and distance here is transcribed from
 * the export's own payload -- `ix2.json` (378 events, 78 action lists) and the
 * IX3 `register(...)` call inside the bundle -- rather than eyeballed. The
 * action list each block reproduces is named in its comment so the two can be
 * checked against each other.
 *
 * Two easings do nearly all the work:
 *   outQuart              cubic-bezier(.165, .84, .44, 1)     the reveals
 *   [.25, .46, .45, .94]  Webflow's "ease out quad"           every hover
 */

:root {
  --gf-ease-hover: cubic-bezier(.25, .46, .45, .94);
  --gf-ease-reveal: cubic-bezier(.165, .84, .44, 1);
}
/* ==========================================================================
   1. Reveals -- slideInBottom (148 events), slideInLeft (16), growIn (1)
   ==========================================================================
   Webflow's three stock presets, at 1000ms outQuart. IX2 wrote the rest state
   as an inline `opacity: 0`, which transform strips; the class carries it now.

   TWO THINGS ARE DELIBERATE HERE AND BOTH HAVE COST A BUILD BEFORE:

   * These are ANIMATIONS, not transitions. A `transition:` shorthand on the
     reveal layer DELETES whatever transition the element's own design rule
     set -- `.primary-button.add-cart` and five others have one -- so the
     reveal is expressed as a keyframe animation and the element keeps its own.
   * The rest state is gated on `.js`. Ungated, a page with JavaScript off is
     blank: nothing ever adds `.is-revealed`, so every revealed element stays
     at `opacity: 0`. */
:where(.js) .reveal {
  opacity: 0;
  will-change: transform, opacity;
}
:where(.js) .reveal-up {
  transform: translateY(100px);
}
:where(.js) .reveal-left {
  transform: translateX(-100px);
}
:where(.js) .reveal-grow {
  transform: scale(.75);
}
:where(.js) .reveal.is-revealed {
  animation: gf-reveal 1s var(--gf-ease-reveal) both;
  animation-delay: var(--gf-reveal-delay, 0ms);
}
@keyframes gf-reveal {
to {
    opacity: 1;
    transform: none;
  }
}
/* The eight delays the payload uses. Written as a custom property so one
   keyframe serves all three presets. */
.reveal[data-reveal-delay="25"] { --gf-reveal-delay:  25ms; }
.reveal[data-reveal-delay="50"] { --gf-reveal-delay:  50ms; }
.reveal[data-reveal-delay="100"] { --gf-reveal-delay: 100ms; }
.reveal[data-reveal-delay="150"] { --gf-reveal-delay: 150ms; }
.reveal[data-reveal-delay="200"] { --gf-reveal-delay: 200ms; }
.reveal[data-reveal-delay="250"] { --gf-reveal-delay: 250ms; }
.reveal[data-reveal-delay="300"] { --gf-reveal-delay: 300ms; }
/* One reveal is gated to <= 767px in the payload (`mediaQueries: small, tiny`): the mobile-only hero block on the home page. Above that width the
   element must simply be visible, never hidden waiting for an observer that
   the script does not arm. */
@media screen and (min-width: 768px) {
  :where(.js) .reveal[data-reveal-mq="small"] {
    opacity: 1;
    transform: none;
    animation: none;
  }
}
/* ==========================================================================
   2. IX3 -- the home hero's nine thumbnails
   ==========================================================================
   The export's only IX3 timeline (`t-63e22fd7`): on load, `.hero-image` fades
   and rises from `yPercent: 100`, 350ms each, staggered 200ms in RANDOM order.
   The stagger index is written by main.js; the shuffle is what makes it read
   as a scatter rather than a sweep. The export pre-hid these with
   `html.w-mod-js:not(.w-mod-ix3) :is(.hero-image) { visibility: hidden }`, which is the same idea as the `.js` gate above. */
:where(.js) .hero-image {
  opacity: 0;
  transform: translateY(100%);
}
:where(.js) .hero-image.is-revealed {
  animation: gf-hero-image .35s ease both;
  animation-delay: var(--gf-hero-delay, 0ms);
}
@keyframes gf-hero-image {
to {
    opacity: 1;
    transform: none;
  }
}
/* ==========================================================================
   3. The nav overlay -- a-3 "Menu Opens" / a-4 "Menu Closes"
   ==========================================================================
   500ms on the colours, 400ms on the panel (the widget's own `data-duration`).
   On open: the header goes opaque white, the wordmark goes black, and the
   hamburger label swaps to the cross. All four were `display` and colour
   actions in the payload; here they hang off the button's own
   `aria-expanded`, which is the state a screen reader reads anyway. */
.navbar {
  transition: background-color .5s var(--gf-ease-hover);
}
.navbar-brand {
  transition: color .5s var(--gf-ease-hover);
}
.navbar.is-open {
  background-color: var(--_colors---text-color--white);
}
.navbar.is-open .navbar-brand {
  color: var(--_colors---background-color--smoky-black);
}
[data-nav-toggle][aria-expanded="true"] .menu-block {
  display: none;
}
[data-nav-toggle][aria-expanded="true"] .cross-btn {
  display: flex;
}
/* The panel's open height is the height the design gives it, per breakpoint.
   Webflow measured this in JavaScript; it is a constant. */
.navbar.is-open .nav-overlay {
  height: 87vh;
}
.navbar.is-open .nav-menu-wrapper {
  transform: none;
}
@media screen and (max-width: 991px) {
.navbar.is-open .nav-overlay {
    height: 88vh;
  }
}
@media screen and (max-width: 767px) {
.navbar.is-open .nav-overlay {
    height: 90vh;
  }
}
/* ==========================================================================
   4. Hovers
   ==========================================================================
   Every one of these is a CHILDREN-scoped selector in the payload, so the rule
   is written the same way: descendants of the element carrying the hook. A CSS
   `:hover` plays both directions, so each [Hover In]/[Hover Out] pair is one
   block -- the "out" list only ever restored the "in" list's rest state.

   `@media (hover: hover)` throughout: a touch device fires `:hover` on tap and
   leaves it stuck, which is not what MOUSE_OVER did. */

/* -- a / a-2: Nav Link. Both label copies roll up 100%, 350ms. ------------ */
[data-hover="nav-link"] .nav-link-text {
  transition: transform .35s var(--gf-ease-hover);
}
/* -- a-5 / a-6 / a-45 / a-46 / a-48 / a-49: Primary Button.
      `.primary-button-bg` wipes 0 -> 100% wide in 500ms while both label
      copies roll up in 350ms. ---------------------------------------------- */
[data-hover] .primary-button-bg {
  transition: width .5s var(--gf-ease-hover);
}
[data-hover] .primary-button-text {
  transition: transform .35s var(--gf-ease-hover);
}
/* -- a-9 / a-10, a-23 / a-24, a-41 / a-42: the same button, plus the text
      colour each variant needs. The payload gives social smoky-black and the
      other two pure black; they are different values and are kept apart. --- */
[data-hover="social-button"], [data-hover="product-button"], [data-hover="compare-button"] {
  transition: color .35s var(--gf-ease-hover);
}
/* -- a-7 / a-8: Secondary Button. Labels roll up, both arrows slide right. - */
[data-hover="secondary-button"] .secondary-button-text, [data-hover="secondary-button"] .button-arrow {
  transition: transform .35s var(--gf-ease-hover);
}
/* -- a-12 / a-13: Features Marquee Item, 400ms. -------------------------- */
[data-hover="features-marquee-item"] {
  transition: background-color .4s var(--gf-ease-hover),
              transform .4s var(--gf-ease-hover);
}
[data-hover="features-marquee-item"] .features-marquee-title, [data-hover="features-marquee-item"] .features-marquee-icon, [data-hover="features-marquee-item"] .features-marquee-para {
  transition: color .4s var(--gf-ease-hover);
}
/* -- a-16 / a-17: Portfolio Item Link, 400ms. ---------------------------- */
[data-hover="portfolio-item"] .portfolio-small-img, [data-hover="portfolio-item"] .portfolio-arrow {
  transition: transform .4s var(--gf-ease-hover);
}
[data-hover="portfolio-item"] .portfolio-item-name, [data-hover="portfolio-item"] .portfolio-dot {
  transition: color .4s var(--gf-ease-hover),
              background-color .4s var(--gf-ease-hover);
}
/* -- a-21 / a-22: Our Services Item, 300ms, >= 768px only. --------------- */
[data-hover="our-services-item"] .our-services-item-bg, [data-hover="our-services-item"] .our-services-item-wrap, [data-hover="our-services-item"] .our-services-item-img {
  transition: height .3s var(--gf-ease-hover),
              width .3s var(--gf-ease-hover),
              transform .3s var(--gf-ease-hover);
}
/* -- a-29 / a-30: Award Item Wrap, 300ms, >= 480px only. ----------------- */
[data-hover="award-item"] .award-item-bg, [data-hover="award-item"] .award-item-info {
  transition: height .3s var(--gf-ease-hover), width .3s var(--gf-ease-hover);
}
[data-hover="award-item"] .award-item-name {
  transition: color .3s var(--gf-ease-hover);
}
/* -- a-35 / a-36: Blog Item Link. Image 400ms, title 300ms. -------------- */
[data-hover="blog-item"] .blog-item-image {
  transition: transform .4s var(--gf-ease-hover);
}
[data-hover="blog-item"] .blog-item-name {
  transition: color .3s var(--gf-ease-hover);
}
/* -- a-37..a-40: Team Member Card and Portfolio Item, 400ms. ------------- */
[data-hover="team-member"] .team-member-image, [data-hover="portfolio-thumb"] .thumbnail-image {
  transition: transform .4s var(--gf-ease-hover);
}
/* -- a-52 / a-53: Service Card. Fill 400ms, text 250ms, icons 350ms.
      The payload scopes this one `useEventTarget: "CHILDREN"` with the
      selector `.service-card` -- and the trigger IS `.service-card`, so the
      selector names the element itself rather than a descendant of it. Written
      as a descendant selector it matches nothing, and what ships is a card
      whose text turns black on hover (those rules DO reach real descendants)
      against a background that never turns gold. audit_selectors.py now fails
      the build on exactly this shape. */
[data-hover="service-card"] {
  transition: background-color .4s ease;
}
[data-hover="service-card"] .service-card-no, [data-hover="service-card"] .service-icon-box, [data-hover="service-card"] .service-card-title, [data-hover="service-card"] .service-card-para {
  transition: color .25s ease;
}
[data-hover="service-card"] .service-icon {
  transition: transform .35s ease;
}
/* -- a-54..a-71: the nine home hero thumbnails. Each fades ONE background
      in over 300ms. The selector is page-wide in the payload, not scoped to
      the thumbnail, because the background lives in a different block. ----- */
.home-hero-bg {
  transition: opacity .3s ease;
}
@media (hover: hover) {
[data-hover="nav-link"]:hover .nav-link-text {
    transform: translateY(-100%);
  }
[data-hover]:hover .primary-button-bg {
    width: 100%;
  }
[data-hover]:hover .primary-button-text {
    transform: translateY(-100%);
  }
[data-hover="social-button"]:hover {
    color: var(--_colors---background-color--smoky-black);
  }
[data-hover="product-button"]:hover, [data-hover="compare-button"]:hover {
    color: var(--_colors---background-color--black);
  }
[data-hover="secondary-button"]:hover .secondary-button-text {
    transform: translateY(-100%);
  }
[data-hover="secondary-button"]:hover .button-arrow {
    transform: translateX(100%);
  }
[data-hover="features-marquee-item"]:hover {
    background-color: var(--_colors---background-color--gold);
    transform: rotate(-3deg);
  }
[data-hover="features-marquee-item"]:hover .features-marquee-title, [data-hover="features-marquee-item"]:hover .features-marquee-icon {
    color: var(--_colors---background-color--smoky-black);
  }
[data-hover="features-marquee-item"]:hover .features-marquee-para {
    color: var(--_colors---button-color--charleston-green);
  }
[data-hover="portfolio-item"]:hover .portfolio-small-img {
    transform: scale(1.1);
  }
[data-hover="portfolio-item"]:hover .portfolio-arrow {
    transform: translate(100%, -100%);
  }
[data-hover="portfolio-item"]:hover .portfolio-item-name {
    color: var(--_colors---background-color--gold);
  }
[data-hover="portfolio-item"]:hover .portfolio-dot {
    background-color: var(--_colors---background-color--gold);
  }
[data-hover="blog-item"]:hover .blog-item-image, [data-hover="team-member"]:hover .team-member-image, [data-hover="portfolio-thumb"]:hover .thumbnail-image {
    transform: scale(1.1);
  }
[data-hover="blog-item"]:hover .blog-item-name {
    color: var(--_colors---background-color--gold);
  }
[data-hover="service-card"]:hover {
    background-color: var(--_colors---background-color--gold);
  }
[data-hover="service-card"]:hover .service-card-no, [data-hover="service-card"]:hover .service-icon-box, [data-hover="service-card"]:hover .service-card-title, [data-hover="service-card"]:hover .service-card-para {
    color: var(--_colors---background-color--smoky-black);
  }
[data-hover="service-card"]:hover .service-icon {
    transform: translate(100%, -100%);
  }
/* `.our-services-item-img` rests at `scale(0)` with the 3deg tilt the design
     sheet gives it, so the hover restores scale 1 and keeps the tilt -- the
     payload sets `zValue: 3` in BOTH groups. */
  [data-hover="our-services-item"] .our-services-item-img {
    transform: rotate(3deg) scale(0);
  }
[data-hover="our-services-item"]:hover .our-services-item-img {
    transform: rotate(3deg) scale(1);
  }
}
/* Gated exactly as the payload gates them: `mediaQueries: [main, medium]` is
   >= 768px, `[main, medium, small]` is >= 480px. Below those widths the
   original did nothing at all. */
@media (hover: hover) and (min-width: 768px) {
  [data-hover="our-services-item"]:hover .our-services-item-bg {
    height: 100%;
  }

  [data-hover="our-services-item"]:hover .our-services-item-wrap {
    width: 96%;
  }
}
@media (hover: hover) and (min-width: 480px) {
[data-hover="award-item"]:hover .award-item-bg {
    height: 100%;
  }
[data-hover="award-item"]:hover .award-item-info {
    width: 96%;
  }
[data-hover="award-item"]:hover .award-item-name {
    color: var(--_colors---background-color--smoky-black);
  }
}
/* `.award-item-bg` has no height in the design sheet -- IX2 supplied the rest
   state. Without this the white fill is full height from the start. */
.award-item-bg {
  height: 0%;
}
/* ==========================================================================
   5. The follow-cursor -- a-31 / a-32 "View More", a-34 "Cursor Move"
   ==========================================================================
   CORRECTED, NOT COPIED. On the published site this never appears: the design
   sheet sets `.cursor-wrapper { display: none }` and IX2 only ever toggles
   `.cursor`, so the runtime writes a transform onto an element inside a hidden
   box. Checked in a browser on goldenflash.webflow.io/portfolio -- hovering a
   card leaves both boxes at 0x0. The interaction, the "View" label and the
   whole element are clearly meant to work, so the wrapper is shown and the
   cursor is driven from main.js.

   The wrapper is a full-screen flex box that CENTRES the cursor, which is why
   the payload's mouse-move maps the pointer to +/-35vw and +/-32vh: those are
   offsets from the middle of the viewport, and they land the disc on the
   pointer. Gated to >= 768px and to a fine pointer, matching the payload's
   `mediaQueries: [main, medium]`. */
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .cursor-wrapper {
    display: flex;
  }

  .cursor {
    display: flex;
    transform: translate3d(var(--gf-cursor-x, 0), var(--gf-cursor-y, 0), 0) scale(0);
    transition: transform .5s ease;
  }

  .cursor.is-visible {
    transform: translate3d(var(--gf-cursor-x, 0), var(--gf-cursor-y, 0), 0) scale(1);
  }
}
/* ==========================================================================
   6. Marquees -- a-11, a-14, a-15, a-25, a-26
   ==========================================================================
   Each belt ships its track twice and IX2 moved BOTH (its selector was scoped
   to the wrapper's children), so translating the pair by -100% of one track's
   width brings the second copy exactly where the first was. Durations are the
   payload's own: 50s in the footer, 30s for features and testimonials, 20s in
   the About hero. `a-15` runs the other way -- its rest state is -100% and it
   animates to 0. */
@keyframes gf-marquee-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}
@keyframes gf-marquee-right {
from { transform: translateX(-100%); }
to { transform: translateX(0); }
}
[data-marquee] > * {
  animation: gf-marquee-left var(--gf-marquee-time, 30s) linear infinite;
}
[data-marquee="footer"] { --gf-marquee-time: 50s; }
[data-marquee="about-hero"] { --gf-marquee-time: 20s; }
[data-marquee="features-right"] > * {
  animation-name: gf-marquee-right;
}
/* A belt that never stops is a distraction for anyone who has asked the
   system for less motion. */
@media (prefers-reduced-motion: reduce) {
  [data-marquee] > * {
    animation: none;
  }
}
/* ==========================================================================
   7. FAQ disclosures -- a-18 / a-19 "FAQ", a-43 / a-44 "FAQ's"
   ==========================================================================
   `.faq-answer-wrap` and `.faq-item-answer` go from 0 to auto while the body
   inside rises from -2rem / -1rem. `height: auto` is not animatable, so
   main.js sets the measured pixel height for the duration of the transition
   and clears it afterwards -- which is exactly what IX2's `heightUnit: AUTO`
   did. Open 400ms / close 400ms for the first widget, 300ms for the second. */
.faq-answer-wrap, .faq-item-answer {
  height: 0;
  overflow: clip;
}
.faq-answer-wrap {
  transition: height .4s ease;
}
.faq-item-answer {
  transition: height .3s ease;
}
.faq-answer {
  transform: translateY(-2rem);
  transition: transform .4s ease;
}
.faq-para {
  transform: translateY(-1rem);
  transition: transform .3s ease;
}
[aria-expanded="true"] + .faq-answer-wrap .faq-answer, [aria-expanded="true"] + .faq-item-answer .faq-para {
  transform: none;
}
/* The plus/minus, transcribed from `plus-to-minus-white.json`: two strokes, the second rotated 90deg about the middle of the 32x32 box at rest and to 0
   when the panel opens. The Lottie ran 30 frames at 60fps -- 500ms -- and its
   close half ran 300ms. */
.faq-icon {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.faq-icon-cross {
  transform: rotate(90deg);
  transform-origin: 16px 16px;
  transition: transform .3s ease;
}
[aria-expanded="true"] .faq-icon-cross {
  transform: none;
  transition-duration: .5s;
}
/* ==========================================================================
   8. Blog category tabs
   ==========================================================================
   The framework's `.tabset-pane { display: none }` and `.tabset-pane.is-active
   { display: block }` still do the showing; main.js only moves `.is-active`
   and the ARIA state. */
.tabset-link {
  transition: background-color .3s var(--gf-ease-hover),
              color .3s var(--gf-ease-hover);
}
/* ==========================================================================
   9. Slot-machine counters -- a-27 "Counter", a-28 "Experience Counter"
   ==========================================================================
   A column of eleven digits inside a clipped box. IX2 baked the rest state
   inline (`translate3d(0, -1000%, 0)` on the first column, `0%` on the
   second); transform strips that, so the rest state lives here and main.js
   adds `.is-counting` when the block scrolls into view. 2000ms on the
   payload's own cubic-bezier. */
[data-counter] .number {
  transform: translateY(-1000%);
  transition: transform 2s cubic-bezier(.784, .325, .222, .98);
}
[data-counter="pair"] .number.experience-02 {
  transform: none;
}
[data-counter].is-counting .number {
  transform: none;
}
[data-counter="pair"].is-counting .number.experience-02 {
  transform: translateY(-1000%);
}
/* ==========================================================================
   10. Scroll-scrubbed -- a-20 "Process Cards", a-33 "Portfolio Sticky Item"
   ==========================================================================
   Both are SCROLLING_IN_VIEW, which is a scrub rather than a trigger: the
   progress through the section IS the timeline. main.js writes that progress
   into `--gf-progress` and these rules read it, so there is no per-frame style
   thrash and the whole thing is one custom property.

   `a-20` is gated to >= 768px and `a-33` to >= 992px in the payload. Below
   those widths the panels simply stack, which is what the original did. */
@media screen and (min-width: 768px) {
  [data-scrub="process"] .process-img._02,
  [data-scrub="process"] .process-img._03,
  [data-scrub="process"] .process-img._04 {
    opacity: var(--gf-opacity, 0);
    transform: translateY(var(--gf-y, 100%));
  }
}
@media screen and (min-width: 992px) {
[data-scrub="portfolio-sticky"] {
    transform: translateY(var(--gf-self-y, 0));
  }
[data-scrub="portfolio-sticky"] .portfolio-sticky {
    transform: translate3d(0, var(--gf-y, 90vh), var(--gf-z, 90px))
               rotateX(var(--gf-rx, 135deg));
  }
}
/* ==========================================================================
   11. The offer panel and the cookie bar -- a-47, a-50, a-51
   ==========================================================================
   The offer panel is opened from the footer's "Schedule a call" link and
   closed by its own cross: `display: none <-> flex` with a 500ms fade and the
   payload's 100ms / 200ms delays on either side. */
.offer {
  display: none;
  opacity: 0;
  transition: opacity .5s var(--gf-ease-hover);
}
.offer.is-open {
  display: flex;
}
.offer.is-shown {
  opacity: 1;
}
.cookies.is-dismissed {
  display: none;
}
/* The footer's studio credit. Neither the design sheet nor the framework
   styles this link -- the export's "Powered By Webflow" was a bare <a> and
   rendered in the browser's default blue, purple once visited, underlined, in
   the middle of a white-on-black footer line. It is given the house treatment
   instead: the sentence's own colour, a restrained underline, and the gold the
   rest of the template uses for a link hover. */
.credit-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  transition: color .25s var(--gf-ease-hover);
}
.credit-link:hover {
  color: var(--_colors---background-color--gold);
}
/* ==========================================================================
   12. The cart drawer and the lightbox
   ==========================================================================
   The design sheet makes `.wf-commerce-commercecartcontainerwrapper` a fixed, full-screen `display: flex` modal, and the export kept it closed with an
   inline `display: none` that the runtime cleared. transform strips that
   inline style -- leaving it would give the template a cart that can never
   open -- so the closed state is a class here instead. */
.cart-modal {
  display: none;
}
.cart-modal.is-open {
  display: flex;
}
.lightbox {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightbox[hidden] {
  display: none;
}
.lightbox-backdrop {
  position: absolute;
  inset: 0;
  background-color: rgb(13 13 13 / .9);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.lightbox-frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(92vw, 1100px);
  height: min(88vh, 780px);
}
.lightbox-image {
  max-width: 100%;
  max-height: 100%;
  border-radius: var(--_sizes---border-radius--border-radius-1);
  object-fit: contain;
}
.lightbox-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border: 0;
  border-radius: var(--_sizes---border-radius--border-radius-full);
  background-color: rgb(255 255 255 / .12);
  color: var(--_colors---text-color--white);
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
  transition: background-color .3s var(--gf-ease-hover);
}
.lightbox-button:hover {
  background-color: var(--_colors---background-color--gold);
  color: var(--_colors---background-color--smoky-black);
}
.lightbox-prev { left: -3.75rem; }
.lightbox-next { right: -3.75rem; }
.lightbox-close { top: -3.75rem; right: -3.75rem; }
@media screen and (max-width: 991px) {
.lightbox-prev { left: .5rem; }
.lightbox-next { right: .5rem; }
.lightbox-close { top: .5rem; right: .5rem; }
}
/* ==========================================================================
   13. Reduced motion
   ==========================================================================
   Everything above still ENDS where it ended; it just stops travelling to get
   there. The reveals in particular must finish visible -- a `prefers-reduced-
   motion` block that only disables the animation leaves the page blank. */
@media (prefers-reduced-motion: reduce) {
  :where(.js) .reveal,
  :where(.js) .hero-image {
    opacity: 1;
    transform: none;
    animation: none;
  }

  [data-counter] .number,
  [data-counter="pair"] .number.experience-02,
  [data-scrub="portfolio-sticky"],
  [data-scrub="portfolio-sticky"] .portfolio-sticky {
    transform: none;
    transition: none;
  }

  [data-scrub="process"] .process-img._02,
  [data-scrub="process"] .process-img._03,
  [data-scrub="process"] .process-img._04 {
    opacity: 1;
    transform: none;
  }

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