/* GRIN GOLF - 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  Grin Golf design, including the renamed commerce layout
   4  components -- vanilla replacements for the Webflow runtime
      and its IX2 interactions

   Fonts: assets/fonts/fonts.css -- Anton, Plus Jakarta Sans, Inter and
   Big Shoulders Display, all self-hosted woff2. The export pulled the
   first two from Google at runtime and shipped two LICENSED families as
   raw .otf/.ttf: Graphik (nine -Trial files) and Thunder. Neither may be
   redistributed in a template that is sold, so Inter stands in for
   Graphik and Big Shoulders Display for Thunder -- swapped in the :root
   font variables, so every rule that asked for the old family gets the
   new one and nothing else in the sheet moves. */

/* ======================================================================
   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-)
   ====================================================================== */
* {
  -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-form-label {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 0px;
}
.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);
  }
}
.wf-dyn-bind-empty {
  display: none !important;
}
/* ======================================================================
   2b. Widget geometry the dropped rules used to provide
   ====================================================================== */
/* GRIN GOLF - the geometry the dropped framework rules used to provide.

   build_css removes every rule in webflow.css that only existed for the
   runtime to drive: the navbar overlay, the dropdown's open state, the
   slider, the lightbox, the dyn-list empty states, the file-upload widget and
   the icon webfont.  Some of those rules were pure behaviour and are gone for
   good; the rest carried LAYOUT that the design sheet builds on top of, and
   this file restates that half.

   It is emitted BETWEEN the framework and the design sheet, so every rule
   here sits exactly where the one it replaces used to sit and the design
   sheet goes on overriding it unchanged.  Selectors keep the framework's own
   specificity for the same reason: `:where()` here would be a change to the
   cascade, not a neutral one.

   Where the markup keeps the framework class (`.wf-slider`, `.wf-dropdown`), the rule is keyed on it.  Where the class went with the runtime that read
   it (`.w-nav`, `.w-nav-menu`, `.w-nav-button`), the rule is re-keyed on this
   design's own class for the same element -- `.navbar`, `.nav-menu-wrapper`, `.menu-button` -- which is what the export already spells alongside it. */


/* ---------------------------------------------------------------------------
   Retagged controls

   Five things in this template become a <button>: the hamburger, the cart's
   open and close controls, the "Pages" toggle, both tab strips' links and the
   FAQ question rows.  Crossing into a form control costs them the UA's
   inherited typography, and `font: inherit` does NOT bring back
   letter-spacing, word-spacing or text-transform.

   This uses the BARE element selector, not `:where(button)`.  normalize.css
   sets `button { text-transform: none }` at (0, 0, 1), and a zero-specificity
   selector loses to it however late it comes -- which is how a tab label
   ships in the wrong case.  At (0, 0, 1) and later in the sheet this wins over
   normalize and still loses to every design class, which is the position the
   original <a> was in. */
button {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: inherit;
  text-align: inherit;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
button:disabled {
  cursor: default;
}
/* ---------------------------------------------------------------------------
   Navbar  (.w-nav, .w-nav-brand, .w-nav-menu, .w-nav-button)

   `data-collapse="medium"`: the framework hid `.w-nav-menu` and showed
   `.w-nav-button` below 992px, and the runtime then measured the panel and
   animated it open.  Both halves are static here -- the design already sizes
   the open panel -- so the closed state is a transform on the panel and the
   open state hangs off the button's own `aria-expanded`, in
   components.hand.css.

   The design puts `.navbar` at `position: absolute`, which comes later and
   wins; only the stacking context matters here. */
.navbar {
  position: relative;
  z-index: 1000;
}
/* The framework's clearfix, for the float pair below it.  Kept because
   `.navbar` is a block box: as a flex container these two would be flex items
   with real height, which is how one earlier conversion gained 8px of header
   on every page. */
.navbar:before, .navbar:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.navbar:after {
  clear: both;
}
.navbar-brand {
  position: relative;
  float: left;
  color: #333;
  text-decoration: none;
}
.nav-menu-wrapper {
  position: relative;
  float: right;
}
.menu-button {
  float: right;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}
@media screen and (max-width: 991px) {
  .menu-button {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .navbar-brand {
    padding-left: 10px;
  }
}
/* ---------------------------------------------------------------------------
   Dropdown  (.w-dropdown and friends -- the class survives in the markup as
   .wf-dropdown)

   `.wf-dropdown-list` keeps `display: none`; components.hand.css opens it
   from the toggle's own `aria-expanded` rather than from the `.w--open` the
   runtime used to add. */
.wf-dropdown {
  z-index: 900;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}
.wf-dropdown-toggle, .wf-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}
.wf-dropdown-toggle {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}
.wf-dropdown-link {
  padding: 10px 20px;
  display: block;
}
.wf-dropdown-list {
  min-width: 100%;
  background: #ddd;
  display: none;
  position: absolute;
}
/* ---------------------------------------------------------------------------
   Slider  (.w-slider and friends -- the classes survive as .wf-slider etc.)

   One carousel survives the build: the five testimonial slides, configured
   `animation: cross`, `autoplay: true`, `delay: 4000`, `duration: 500`, `infinite: true`.  Its arrows and the framework's own dot strip are both
   `display: none` in the design -- the visible control is the template's own
   `.testimonial-slider-dot` row -- so only the track geometry is restated.

   `white-space: nowrap` on the mask and `display: inline-block` on the slide
   were the framework's way of laying the row out; a cross-fade stacks the
   slides instead, in components.hand.css, and the slide keeps `width: 100%`
   so a mask still shows exactly one. */
.wf-slider {
  height: 300px;
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #ddd;
  position: relative;
}
.wf-slider-mask {
  z-index: 1;
  height: 100%;
  display: block;
  position: relative;
  inset: 0 0 auto;
  overflow: hidden;
}
.wf-slide {
  vertical-align: top;
  width: 100%;
  height: 100%;
  text-align: left;
  white-space: normal;
  position: relative;
}
/* ---------------------------------------------------------------------------
   Accessibility helpers this build adds

   `.skip-link` is the one keyboard shortcut past the header; `.visually-hidden`
   carries the <h1> on the pages that show no title of their own, and the
   second copy of every rolling nav label. */
.skip-link {
  z-index: 100000;
  color: #121716;
  background-color: #cdff63;
  border-radius: 999px;
  padding: 12px 24px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  position: fixed;
  top: 8px;
  left: 8px;
  transform: translateY(-200%);
}
.skip-link:focus {
  transform: none;
}
.visually-hidden {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
/* Anything focused by keyboard gets a visible ring.  The framework shipped
   `:focus { outline: 0 }` on its dropdown toggle, its links and its slider
   arrows; the replacements are real controls, so the ring is restored where a
   pointer will never see it. */
:focus-visible {
  outline: 2px solid #085136;
  outline-offset: 2px;
}
/* ======================================================================
   3. Grin Golf design
   ====================================================================== */
:root {
  --_colors---background-color--white: white;
  --font-family--plus-jakarta-sans: "Plus Jakarta Sans", sans-serif;
  --_colors---text-color--dark-grassy-black: #121716;
  --_typography---texts-font-sizes--default-paragraph: 1rem;
  --_typography---texts-line-height--default-paragraph: 130%;
  --font-weight--normal-regular: 400;
  --_typography---texts-letter-spacing--default-paragraph: -.01rem;
  --font-family--anton: Anton, sans-serif;
  --_typography---heading-font-sizes--h1: 2.5rem;
  --_typography---heading-line-height--h1: 100%;
  --_typography---heading-letter-spacing--h1: -.05rem;
  --_typography---heading-font-sizes--h2: 2rem;
  --_typography---heading-line-height--h2: 110%;
  --_typography---heading-letter-spacing--h2: 0rem;
  --_typography---heading-font-sizes--h3: 1.5rem;
  --_typography---heading-line-height--h3: 110%;
  --_typography---heading-letter-spacing--h3: -.03rem;
  --_typography---heading-font-sizes--h4: 1.25rem;
  --_typography---heading-line-height--h4: 110%;
  --_typography---heading-letter-spacing--h4: 0rem;
  --_typography---heading-font-sizes--body-1: 1.5rem;
  --_typography---heading-line-height--body-1: 130%;
  --_typography---heading-letter-spacing--body-1: 0rem;
  --font-family--inter: Inter, Arial, sans-serif;
  --_typography---heading-font-sizes--body-2: 1.25rem;
  --_typography---heading-line-height--body-2: 140%;
  --_typography---heading-letter-spacing--body-2: 0rem;
  --_sizes---default-sizes--width: 100%;
  --_sizes---default-sizes--height: 100%;
  --_colors---text-color--rgba-255-255-255-0-50: #ffffff80;
  --_sizes---spacing--spacing-small: 1.25rem;
  --_sizes---border-radius--radius-small: 1rem;
  --_sizes---spacing--spacing-tiny: .5rem;
  --_colors---text-color--transparent: #fff0;
  --_sizes---container--max-width: 78rem;
  --_sizes---spacing--spacing-xxsmall: 1rem;
  --_colors---background-color--mid-tone-gray: #7e7e7e;
  --_sizes---spacing--spacing-xsmall: .75rem;
  --_sizes---spacing--spacing-medium: 1.5rem;
  --_colors---background-color--background: #085136;
  --_typography---texts-font-sizes--subtitle: .875rem;
  --_typography---texts-line-height--subtitle: 130%;
  --font-weight--medium: 500;
  --_typography---texts-letter-spacing--subtitle: 0rem;
  --_sizes---spacing--spacing-colossal: 6.5rem;
  --_sizes---spacing--spacing-big: 3rem;
  --_sizes---spacing--spacing-massive: 5rem;
  --_sizes---spacing--spacing-jumbo: 3.75rem;
  --_sizes---spacing--spacing-large: 2.5rem;
  --_sizes---spacing--spacing-normal: 2.25rem;
  --_sizes---spacing--spacing-regular: 2rem;
  --_typography---texts-font-sizes--paragraph-l: 1.125rem;
  --_typography---texts-line-height--paragraph-l: 130%;
  --_typography---texts-letter-spacing--paragraph-l: -.01125rem;
  --font-weight--bold: 700;
  --_colors---background-color--neon-green: #cdff63;
  --_colors---button-color--dark-grey: #6b6b6b;
  --_colors---text-color--coral-red: #b3554f;
  --_typography---heading-font-sizes--display-1: 5rem;
  --_typography---heading-line-height--display-1: 110%;
  --_typography---heading-letter-spacing--display-1: -.1rem;
  --_typography---heading-font-sizes--display-2: 4rem;
  --_typography---heading-line-height--display-2: 110%;
  --_typography---heading-letter-spacing--display-2: -.08rem;
  --_colors---background-color--light-grey: #d2d2d0;
  --_colors---border-color--white-gray: #eee;
  --_typography---texts-font-sizes--caption: 1.25rem;
  --_typography---texts-line-height--caption: 130%;
  --font-weight--semi-bold-demi-bold: 600;
  --_typography---texts-letter-spacing--caption: .05rem;
  --_colors---button-color--rgba-17-17-17-0-80: #111c;
  --_colors---background-color--yellow: #fdd719;
  --_sizes---border-radius--radius-soft: 5rem;
  --_colors---text-color--grayish-yellow: #fbfef1;
  --_sizes---border-radius--radius-circle: 100%;
  --_colors---text-color--rgba-255-255-255-0-80: #fffc;
  --_colors---text-color--dark-charcoal: #1b201f;
  --_colors---background-color--black: black;
  --_colors---text-color--yellow-green: #cbef7f;
  --_colors---text-color--rgba-255-255-255-0-60: #fff9;
  --_colors---text-color--rgba-255-255-255-0-20: #fff3;
  --font-weight--extra-bold-ultra-bold: 800;
  --font-family--big-shoulders: "Big Shoulders Display", Arial, sans-serif;
  --_colors---border-color--forest-green: #196d4e;
  --_sizes---border-radius--radius-regular: 1.5rem;
  --_sizes---border-radius--radius-large: 2rem;
  --_sizes---border-radius--radius-medium: 1.25rem;
  --_sizes---border-radius--radius-big: 3.75rem;
  --_sizes---border-radius--radius-tiny: .75rem;
  --_colors---cloud-mist: #f1f1f1;
  --_colors---text-color--raisin-black: #252523;
  --_colors---background-color--sage-green: #c9e5af;
  --_colors---text-color--rgba-116-175-153-0-70: #74af99b3;
  --_colors---text-color--rgba-8-81-54-0-50: #08513680;
  --_colors---text-color--seafoam-green: #c9e5af;
  --_colors---text-color--rgba-255-255-255-0-05: #ffffff0d;
  --font-weight--thin-hairline: 100;
  --font-weight--extra-light-ultra-light: 200;
  --font-weight--light: 300;
  --font-weight--black-heavy: 900;
}
.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-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-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  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-commercecartitemimage {
  width: 60px;
  height: 0%;
}
.wf-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}
.wf-commerce-commercecartproductname {
  font-weight: 700;
}
.wf-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}
.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-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-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}
.wf-commerce-commercecartordervalue {
  font-weight: 700;
}
.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-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.wf-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}
.wf-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}
.wf-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}
.wf-commerce-commerceaddtocartoptionpill.is-selected {
  color: #fff;
  background-color: #000;
}
.wf-commerce-commerceaddtocartoptionpill.is-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}
.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-commerceaddtocartbutton.is-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}
.wf-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}
.wf-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}
.wf-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}
.wf-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}
.wf-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}
.checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}
.checkbox-input-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}
.checkbox-input-custom.is-checked {
  background-color: #3898ec;
  background-image: url('../images/checkbox-checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}
.checkbox-input-custom.is-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}
.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-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}
.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-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--white);
  font-family: var(--font-family--plus-jakarta-sans);
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---texts-font-sizes--default-paragraph);
  line-height: var(--_typography---texts-line-height--default-paragraph);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  --_typography---texts-font-sizes--default-paragraph: 1rem;
  --_typography---texts-line-height--default-paragraph: 130%;
  --_typography---texts-letter-spacing--default-paragraph: -.01rem;
  --_typography---heading-font-sizes--h1: 2.5rem;
  --_typography---heading-line-height--h1: 100%;
  --_typography---heading-letter-spacing--h1: -.05rem;
  --_typography---heading-font-sizes--h2: 2rem;
  --_typography---heading-line-height--h2: 110%;
  --_typography---heading-letter-spacing--h2: 0rem;
  --_typography---heading-font-sizes--h3: 1.5rem;
  --_typography---heading-line-height--h3: 110%;
  --_typography---heading-letter-spacing--h3: -.03rem;
  --_typography---heading-font-sizes--h4: 1.25rem;
  --_typography---heading-line-height--h4: 110%;
  --_typography---heading-letter-spacing--h4: 0rem;
  --_typography---heading-font-sizes--body-1: 1.5rem;
  --_typography---heading-line-height--body-1: 130%;
  --_typography---heading-letter-spacing--body-1: 0rem;
  --_typography---heading-font-sizes--body-2: 1.25rem;
  --_typography---heading-line-height--body-2: 140%;
  --_typography---heading-letter-spacing--body-2: 0rem;
  --_typography---texts-font-sizes--subtitle: .875rem;
  --_typography---texts-line-height--subtitle: 130%;
  --_typography---texts-letter-spacing--subtitle: 0rem;
  --_typography---texts-font-sizes--paragraph-l: 1.125rem;
  --_typography---texts-line-height--paragraph-l: 130%;
  --_typography---texts-letter-spacing--paragraph-l: -.01125rem;
  --_typography---heading-font-sizes--display-1: 5rem;
  --_typography---heading-line-height--display-1: 110%;
  --_typography---heading-letter-spacing--display-1: -.1rem;
  --_typography---heading-font-sizes--display-2: 4rem;
  --_typography---heading-line-height--display-2: 110%;
  --_typography---heading-letter-spacing--display-2: -.08rem;
  --_typography---texts-font-sizes--caption: 1.25rem;
  --_typography---texts-line-height--caption: 130%;
  --_typography---texts-letter-spacing--caption: .05rem;
  --_sizes---default-sizes--width: 100%;
  --_sizes---default-sizes--height: 100%;
  --_sizes---spacing--spacing-small: 1.25rem;
  --_sizes---border-radius--radius-small: 1rem;
  --_sizes---spacing--spacing-tiny: .5rem;
  --_sizes---container--max-width: 78rem;
  --_sizes---spacing--spacing-xxsmall: 1rem;
  --_sizes---spacing--spacing-xsmall: .75rem;
  --_sizes---spacing--spacing-medium: 1.5rem;
  --_sizes---spacing--spacing-colossal: 6.5rem;
  --_sizes---spacing--spacing-big: 3rem;
  --_sizes---spacing--spacing-massive: 5rem;
  --_sizes---spacing--spacing-jumbo: 3.75rem;
  --_sizes---spacing--spacing-large: 2.5rem;
  --_sizes---spacing--spacing-normal: 2.25rem;
  --_sizes---spacing--spacing-regular: 2rem;
  --_sizes---border-radius--radius-soft: 5rem;
  --_sizes---border-radius--radius-circle: 100%;
  --_sizes---border-radius--radius-regular: 1.5rem;
  --_sizes---border-radius--radius-large: 2rem;
  --_sizes---border-radius--radius-medium: 1.25rem;
  --_sizes---border-radius--radius-big: 3.75rem;
  --_sizes---border-radius--radius-tiny: .75rem;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-family: var(--font-family--anton);
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h2:where(:not([class*="heading-scale-"])), :where(.heading-scale-2) {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h3:where(:not([class*="heading-scale-"])), :where(.heading-scale-3) {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h3);
  line-height: var(--_typography---heading-line-height--h3);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h3);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h4:where(:not([class*="heading-scale-"])), :where(.heading-scale-4) {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h5:where(:not([class*="heading-scale-"])), :where(.heading-scale-5) {
  font-family: var(--font-family--plus-jakarta-sans);
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---heading-font-sizes--body-1);
  line-height: var(--_typography---heading-line-height--body-1);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--body-1);
  margin-top: 0;
  margin-bottom: 0;
}
h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-6) {
  font-family: var(--font-family--inter);
  font-size: var(--_typography---heading-font-sizes--body-2);
  line-height: var(--_typography---heading-line-height--body-2);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--body-2);
  margin-top: 0;
  margin-bottom: 0;
}
p {
  margin-top: 0;
  margin-bottom: 0;
}
ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}
img {
  width: var(--_sizes---default-sizes--width);
  height: var(--_sizes---default-sizes--height);
  max-height: var(--_sizes---default-sizes--height);
  max-width: var(--_sizes---default-sizes--width);
  object-fit: cover;
  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;
}
.nav-menu-items {
  grid-column-gap: 1.87rem;
  grid-row-gap: 1.87rem;
  background-color: var(--_colors---text-color--rgba-255-255-255-0-50);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 3.125rem;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}
.hero-wrapper {
  z-index: 1;
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 10.38rem;
  padding-bottom: 7.13rem;
  display: flex;
  position: relative;
}
.nav-dropdown {
  margin-left: 0;
  margin-right: 0;
}
.nav-dropdown-collection {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  border-radius: var(--_sizes---border-radius--radius-small);
  background-color: var(--_colors---background-color--white);
  justify-content: space-between;
  padding: 1.5rem;
  display: flex;
}
.container {
  width: 100%;
  height: 100%;
  max-width: var(--_sizes---container--max-width);
  padding-right: var(--_sizes---spacing--spacing-xxsmall);
  padding-left: var(--_sizes---spacing--spacing-xxsmall);
  margin-left: auto;
  margin-right: auto;
}
.container.large-container {
  max-width: 87rem;
}
.font-info {
  color: var(--_colors---background-color--mid-tone-gray);
}
.dropdown-arrow {
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
}
.nav-dropdown-items {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 9rem;
  display: flex;
}
.navbar {
  left: 0%;
  top: var(--_sizes---spacing--spacing-medium);
  width: 100%;
  max-width: var(--_sizes---container--max-width);
  padding-right: var(--_sizes---spacing--spacing-xxsmall);
  padding-left: var(--_sizes---spacing--spacing-xxsmall);
  background-color: var(--_colors---text-color--transparent);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: auto;
  right: 0%;
}
.nav-link {
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  text-decoration: none;
  transition: all .25s;
}
.nav-link:hover {
  color: var(--_colors---text-color--dark-grassy-black);
}
.nav-link[aria-current="page"], .nav-link.is-active {
  color: #d32f2f;
}
.wrapper {
  padding-top: var(--_sizes---spacing--spacing-colossal);
  padding-bottom: var(--_sizes---spacing--spacing-colossal);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.wrapper.style-details-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-colossal);
  grid-row-gap: var(--_sizes---spacing--spacing-colossal);
  width: 100%;
  max-width: 66.5rem;
  margin-left: auto;
  margin-right: auto;
}
.wrapper.footer-wrapper {
  z-index: 1;
  grid-column-gap: var(--_sizes---spacing--spacing-massive);
  grid-row-gap: var(--_sizes---spacing--spacing-massive);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .65fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  max-width: 59rem;
  display: grid;
  position: relative;
}
.wrapper.home-hero-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: flex-start;
  padding-top: 14rem;
  padding-bottom: 35rem;
  position: relative;
}
.wrapper.choose-wrapper {
  padding-top: 10rem;
  padding-bottom: var(--_sizes---spacing--spacing-colossal);
  grid-column-gap: var(--_sizes---spacing--spacing-massive);
  grid-row-gap: var(--_sizes---spacing--spacing-massive);
}
.wrapper.testimonial-wrapper {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-massive);
}
.wrapper.about-wrapper {
  padding-top: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  padding-bottom: 10rem;
  display: grid;
}
.wrapper.accessories-wrapper {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
}
.wrapper.experts-wrapper {
  padding-top: 8rem;
  padding-bottom: var(--_sizes---spacing--spacing-massive);
}
.wrapper.community-wrapper {
  position: relative;
}
.wrapper.plan-wrapper, .wrapper.blog-wrapper {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-jumbo);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
}
.wrapper.product-hero-wrapper {
  padding-top: 9.62rem;
  padding-bottom: var(--_sizes---spacing--spacing-jumbo);
}
.wrapper.cta-wrapper {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-tiny);
}
.wrapper.product-details-wrapper {
  padding-top: 9.62rem;
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}
.wrapper.customer-reviews-wrapper {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-regular);
}
.wrapper.related-product-wrapper {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-regular);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
}
.wrapper.about-hero-wrapper {
  justify-content: center;
  align-items: flex-start;
  padding-top: 10.12rem;
  padding-bottom: 60rem;
}
.wrapper.our-story-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-massive);
  grid-row-gap: var(--_sizes---spacing--spacing-massive);
  padding-top: 10rem;
  padding-bottom: 14rem;
}
.wrapper.our-promise-wrapper {
  padding-top: var(--_sizes---spacing--spacing-colossal);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  grid-auto-columns: 1fr;
  padding-bottom: 8rem;
  display: grid;
  position: relative;
}
.wrapper.team-wrapper {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-massive);
}
.wrapper.growing-wrapper {
  padding-top: var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  padding-bottom: 10rem;
}
.wrapper.stay-connected-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 12rem;
  padding-bottom: 0;
  display: grid;
  position: relative;
}
.wrapper.blog-details-wrapper {
  width: 100%;
  max-width: 69.625rem;
  padding-top: 9.62rem;
  padding-bottom: var(--_sizes---spacing--spacing-xxsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
}
.wrapper.product-items-wrapper {
  padding-top: 9.62rem;
  padding-bottom: 8rem;
}
.wrapper.compare-wrapper {
  width: 100%;
  max-width: 67.125rem;
  padding-top: 10rem;
  padding-bottom: var(--_sizes---spacing--spacing-colossal);
  margin-left: auto;
  margin-right: auto;
}
.wrapper.pricing-details-wrapper {
  width: 100%;
  max-width: 50rem;
  padding-top: 9.62rem;
  padding-bottom: var(--_sizes---spacing--spacing-xxsmall);
  margin-left: auto;
  margin-right: auto;
}
.wrapper.contact-hero-wrapper {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  padding-top: 12rem;
  padding-bottom: 39.31rem;
  display: grid;
}
.wrapper.license-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  width: 100%;
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
}
.wrapper.changelog-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  width: 100%;
  max-width: 69.625rem;
  margin-left: auto;
  margin-right: auto;
}
.wrapper.login-hero-wrapper {
  padding-top: 12rem;
  padding-bottom: var(--_sizes---spacing--spacing-colossal);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.wrapper.why-wrapper {
  padding-top: var(--_sizes---spacing--spacing-regular);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .85fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  padding-bottom: 6rem;
  display: grid;
}
.wrapper.events {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-big);
}
.wrapper.award {
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.wrapper.explore {
  padding-bottom: var(--_sizes---spacing--spacing-big);
}
.nav-buttons {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  justify-content: center;
  align-items: center;
  display: flex;
}
.large-paragraph {
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.large-paragraph.bold {
  font-weight: var(--font-weight--bold);
}
.large-paragraph.color-initial-name {
  font-weight: var(--font-weight--medium);
}
.large-paragraph.product-price {
  font-weight: var(--font-weight--bold);
}
.large-paragraph.bio {
  color: var(--_colors---background-color--neon-green);
  font-weight: var(--font-weight--bold);
}
.large-paragraph.share {
  font-weight: var(--font-weight--bold);
}
.large-paragraph.email-text {
  color: var(--_colors---text-color--dark-grassy-black);
  font-weight: var(--font-weight--bold);
}
.navbar-brand {
  width: 100%;
  max-width: 6.24988rem;
}
.nav-logo {
  object-fit: cover;
  width: 100%;
}
.nav-dropdown-link {
  color: var(--_colors---button-color--dark-grey);
  margin: 0;
  padding: 0;
  transition: all .25s;
}
.nav-dropdown-link:hover {
  color: var(--_colors---text-color--coral-red);
  margin-left: .25rem;
}
.nav-dropdown-link[aria-current="page"], .nav-dropdown-link.is-active {
  color: var(--_colors---text-color--coral-red);
}
.page-wrapper {
  overflow: clip;
}
.heading-item-block {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.nav-dropdown-list {
  background-color: #fff0;
}
.nav-dropdown-list.is-open {
  padding-top: 1.75rem;
  left: -21rem;
}
.style-details-right {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  display: flex;
}
.style-details-right.colors {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
}
.style-details-right.button {
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
}
.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-right: 3.62rem;
  display: flex;
  position: relative;
}
.heading-item-flex {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.nav-dropdown-toggle {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  justify-content: center;
  align-items: flex-end;
  padding: 0;
  transition: all .25s;
  display: flex;
}
.nav-dropdown-toggle:hover {
  color: var(--_colors---text-color--dark-grassy-black);
}
.typography-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  grid-template-rows: auto;
  grid-template-columns: .33fr minmax(0, 1fr);
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}
.subtitle-block {
  top: var(--_sizes---spacing--spacing-regular);
  position: sticky;
}
.typography-block-1 {
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.display-1 {
  font-size: var(--_typography---heading-font-sizes--display-1);
  line-height: var(--_typography---heading-line-height--display-1);
  letter-spacing: var(--_typography---heading-letter-spacing--display-1);
}
.display-1.home-hero-title {
  color: var(--_colors---background-color--background);
}
.display-1.years {
  color: var(--_colors---text-color--coral-red);
}
.display-1.strong {
  color: var(--_colors---background-color--light-grey);
}
.display-1.every {
  color: var(--_colors---background-color--background);
}
.typography-flex {
  width: 100%;
  padding-bottom: var(--_sizes---spacing--spacing-large);
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  border-bottom: 1px solid var(--_colors---border-color--white-gray);
  flex-flow: column;
  display: flex;
}
.typography-flex.last {
  border-bottom-style: none;
  padding-bottom: 0;
}
.display-2 {
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.display-2.styleguide {
  color: var(--_colors---background-color--background);
}
.display-2.customer-review-title {
  text-align: center;
}
.display-2.blog-item-title {
  color: var(--_colors---background-color--background);
}
.display-2.contact-title {
  width: 100%;
  max-width: 16.5rem;
}
.display-2.exclusive {
  text-align: center;
  width: 100%;
  max-width: 28.875rem;
}
.display-2.event-num {
  color: var(--_colors---background-color--white);
}
.display-2.explore-num {
  color: var(--_colors---text-color--dark-grassy-black);
}
.caption-font {
  font-size: var(--_typography---texts-font-sizes--caption);
  line-height: var(--_typography---texts-line-height--caption);
  font-weight: var(--font-weight--semi-bold-demi-bold);
  letter-spacing: var(--_typography---texts-letter-spacing--caption);
  text-transform: uppercase;
}
.caption-font.community-para {
  font-family: var(--font-family--inter);
  color: var(--_colors---button-color--rgba-17-17-17-0-80);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: none;
}
.subtitle-text {
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
}
.subtitle-text.review, .subtitle-text.stock {
  color: var(--_colors---button-color--dark-grey);
}
.subtitle-text.white {
  color: var(--_colors---background-color--white);
}
.colors-1-block {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.color-block {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  display: flex;
}
.color-code-box {
  border-radius: var(--_sizes---spacing--spacing-xxsmall);
  background-color: var(--_colors---text-color--coral-red);
  width: 100%;
  height: 11.125rem;
}
.color-code-box._02 {
  background-color: var(--_colors---text-color--dark-grassy-black);
}
.color-code-box._03 {
  border: 1px solid var(--_colors---border-color--white-gray);
  background-color: var(--_colors---background-color--white);
}
.color-code-box._04 {
  background-color: var(--_colors---background-color--background);
}
.color-code-box._05 {
  background-color: var(--_colors---background-color--yellow);
}
.color-code-box._06 {
  background-color: var(--_colors---background-color--neon-green);
}
.color-code-box._07 {
  background-color: var(--_colors---button-color--dark-grey);
}
.color-code-box._08 {
  background-color: var(--_colors---background-color--light-grey);
}
.color-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.color-name {
  color: var(--_colors---background-color--mid-tone-gray);
}
.colors-2-block {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.typography-text {
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.utility-page-wrap {
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-right: var(--_sizes---spacing--spacing-xxsmall);
  padding-left: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 51.4376rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.utility-page-form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 28rem;
  display: flex;
}
.primary-button {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  border: 1px solid var(--_colors---text-color--coral-red);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---text-color--coral-red);
  font-family: var(--font-family--anton);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---texts-font-sizes--caption);
  line-height: var(--_typography---texts-line-height--caption);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--caption);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 2.5rem;
  text-decoration: none;
  display: flex;
}
.primary-button:where(.button-transparent) {
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--coral-red);
  border-width: 2px;
}
.primary-button:where(.button-space-741) {
  border-color: var(--_colors---background-color--background);
  background-color: var(--_colors---background-color--background);
  padding-left: 7.41rem;
  padding-right: 7.41rem;
}
.primary-button:where(.button-transparent-v2) {
  border-color: var(--_colors---background-color--white);
  background-color: var(--_colors---text-color--transparent);
}
.primary-button:where(.button-transparent-100) {
  border-color: var(--_colors---background-color--white);
  background-color: var(--_colors---text-color--transparent);
  width: 100%;
}
.primary-button.review-button, .primary-button.discount {
  cursor: pointer;
}
.primary-button.error {
  cursor: pointer;
  width: 100%;
}
.primary-button.pricing-color-button {
  border-color: var(--_colors---background-color--background);
  background-color: var(--_colors---background-color--background);
}
.primary-button-texts {
  height: 1.625rem;
  overflow: clip;
}
.primary-button-arrows {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 1.5rem;
  display: flex;
  position: relative;
  overflow: clip;
}
.primary-button-arrow {
  width: 100%;
}
.primary-button-arrow._01 {
  justify-content: center;
  align-items: flex-end;
  height: auto;
}
.primary-button-arrow._02 {
  position: absolute;
  inset: 0% 0% auto -100%;
}
.button-01 {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: var(--_colors---background-color--neon-green);
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: var(--_colors---background-color--neon-green);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: var(--_colors---background-color--neon-green);
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: var(--_colors---background-color--neon-green);
  background-color: var(--_colors---text-color--grayish-yellow);
  font-family: var(--font-family--inter);
  color: var(--_colors---button-color--dark-grey);
  font-weight: var(--font-weight--medium);
  border-radius: .375rem;
  padding: 1.16rem 2.4rem;
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: ease;
  box-shadow: inset 0 -1px #0000000f, inset 0 0 0 1px #edeeee;
}
.button-02 {
  border: 2px solid var(--_colors---background-color--light-grey);
  background-color: var(--_colors---text-color--transparent);
  font-family: var(--font-family--inter);
  color: var(--_colors---button-color--dark-grey);
  font-weight: var(--font-weight--medium);
  border-radius: .375rem;
  padding: 1.16rem 2.4rem;
  transition: all .25s;
}
.hero-section.styleguide {
  background-image: url('../images/Style-Guide-Hero-Bg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-section.license {
  background-image: url('../images/License-Banner.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-section.changelog {
  background-image: url('../images/Changelog.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.styleguide-para {
  text-align: center;
  width: 100%;
  max-width: 27rem;
}
.login-link {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  color: var(--_colors---background-color--background);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}
.seo, .cart-text {
  display: none;
}
.cart-button {
  background-color: var(--_colors---text-color--transparent);
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}
.cart {
  width: 1.5rem;
  height: 1.5rem;
}
.cart-quantity {
  border-radius: var(--_sizes---border-radius--radius-circle);
  background-color: var(--_colors---text-color--coral-red);
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  font-family: var(--font-family--inter);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: .3rem .3rem .1rem;
  display: flex;
  position: absolute;
  inset: -.4rem -.7rem auto auto;
}
.cart-abs {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}
.dropdown-header {
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--bold);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.footer {
  background-color: var(--_colors---text-color--dark-grassy-black);
  position: relative;
}
.footer-bottom {
  background-color: #ffffff0a;
  padding-top: 1.87rem;
  padding-bottom: 1.87rem;
}
.footer-bottom-wrap {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}
.copyright-text {
  color: var(--_colors---background-color--light-grey);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
}
.credit-link {
  color: var(--_colors---background-color--white);
  text-decoration: none;
  transition: all .25s;
}
.credit-link:hover {
  color: var(--_colors---text-color--coral-red);
}
.footer-left {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.footer-right {
  justify-content: space-between;
  display: flex;
}
.subscribe-form-block {
  width: 100%;
  margin-top: var(--_sizes---spacing--spacing-regular);
  margin-bottom: 3rem;
}
.subscribe-field-label {
  margin-bottom: var(--_sizes---spacing--spacing-xxsmall);
  color: var(--_colors---text-color--rgba-255-255-255-0-80);
  font-weight: var(--font-weight--normal-regular);
}
.subscribe-fields {
  width: 100%;
  position: relative;
}
.subscribe-button {
  border-radius: var(--_sizes---border-radius--radius-circle);
  background-color: var(--_colors---text-color--dark-charcoal);
  background-image: url('../images/arrow-up-right.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .25s;
  position: absolute;
  inset: .25rem .25rem .25rem auto;
}
.subscribe-button:hover {
  background-color: var(--_colors---text-color--coral-red);
}
.footer-social-icons {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.footer-social-link {
  border-radius: var(--_sizes---border-radius--radius-circle);
  background-color: var(--_colors---background-color--black);
  width: 2rem;
  height: 2rem;
  color: var(--_colors---background-color--white);
  justify-content: center;
  align-items: center;
  transition: all .25s;
  display: flex;
}
.footer-social-link:hover {
  background-color: var(--_colors---text-color--coral-red);
}
.footer-pages-block {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.footer-pages-block._01 {
  width: 6.114rem;
}
.footer-pages-block._02 {
  width: 7.4rem;
}
.footer-pages-block._03 {
  width: 9.4rem;
}
.footer-pages-header {
  font-family: var(--font-family--anton);
  color: var(--_colors---text-color--yellow-green);
  font-size: var(--_typography---texts-font-sizes--caption);
  line-height: var(--_typography---texts-line-height--caption);
  letter-spacing: var(--_typography---texts-letter-spacing--caption);
  text-transform: uppercase;
}
.footer-page-link {
  color: var(--_colors---background-color--light-grey);
  text-decoration: none;
  transition: all .25s;
}
.footer-page-link:hover {
  color: var(--_colors---text-color--yellow-green);
  margin-left: .25rem;
}
.footer-page-link[aria-current="page"], .footer-page-link.is-active {
  color: var(--_colors---text-color--yellow-green);
}
.footer-image {
  z-index: 0;
  width: var(--_sizes---default-sizes--width);
  max-width: 35rem;
  height: auto;
  position: absolute;
  inset: auto 0% 0% auto;
}
.home-hero-section {
  background-image: url('../images/Home-Page-5.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.body-1 {
  font-family: var(--font-family--plus-jakarta-sans);
  font-size: var(--_typography---heading-font-sizes--body-1);
  line-height: var(--_typography---heading-line-height--body-1);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--body-1);
}
.body-2 {
  font-family: var(--font-family--inter);
  font-size: var(--_typography---heading-font-sizes--body-2);
  line-height: var(--_typography---heading-line-height--body-2);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--body-2);
}
.body-2.hero-para {
  margin-top: var(--_sizes---spacing--spacing-regular);
  margin-bottom: var(--_sizes---spacing--spacing-large);
}
.body-2.about-para {
  color: var(--_colors---background-color--white);
}
.body-2.experts-para {
  width: 100%;
  max-width: 34.6875rem;
  color: var(--_colors---background-color--white);
}
.body-2.about-para-1 {
  margin-bottom: var(--_sizes---spacing--spacing-medium);
  color: var(--_colors---background-color--white);
}
.body-2.help {
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---texts-font-sizes--caption);
  line-height: var(--_typography---texts-line-height--caption);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--caption);
  text-transform: uppercase;
}
.body-2.forgot, .body-2.why-para {
  color: var(--_colors---button-color--dark-grey);
}
.body-2.promise-para {
  margin-bottom: var(--_sizes---spacing--spacing-medium);
  color: var(--_colors---button-color--dark-grey);
}
.home-hero-content {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 38rem;
  display: flex;
  position: relative;
}
.choose-section {
  z-index: 1;
  background-image: url('../images/Choose-Banner.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -26.5rem;
  position: relative;
}
.hero-abs-image {
  width: var(--_sizes---default-sizes--width);
  max-width: 54.5731rem;
  height: auto;
  position: absolute;
  inset: 6rem -2rem auto auto;
}
.choose-marquee {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: clip;
}
.choose-marquee-items {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.choose-marquee-title {
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--body-2);
  line-height: var(--_typography---heading-line-height--body-2);
  font-weight: var(--font-weight--semi-bold-demi-bold);
  letter-spacing: var(--_typography---heading-letter-spacing--body-2);
  text-transform: uppercase;
  margin-right: 2.88rem;
}
.choose-marquee-img {
  width: 11.6875rem;
  margin-right: 2rem;
}
.choose-marquee-img._02 {
  width: 10.0625rem;
}
.choose-marquee-img._03 {
  width: 10rem;
}
.choose-marquee-img._04 {
  width: 10.375rem;
}
.choose-marquee-img._05 {
  width: 12.1875rem;
}
.choose-contents {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.choose-top {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.choose-subtitle {
  color: var(--_colors---background-color--neon-green);
  font-size: var(--_typography---texts-font-sizes--caption);
  line-height: var(--_typography---texts-line-height--caption);
  font-weight: var(--font-weight--semi-bold-demi-bold);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--caption);
  text-transform: uppercase;
}
.choose-subtitle.red {
  color: var(--_colors---text-color--coral-red);
}
.choose-title {
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.choose-title.black {
  color: var(--_colors---text-color--dark-grassy-black);
}
.yellow-text {
  color: var(--_colors---background-color--yellow);
}
.choose-cards {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.choose-card {
  border-radius: var(--_sizes---border-radius--radius-small);
  width: 100%;
  position: relative;
  overflow: clip;
}
.choose-card-img {
  width: var(--_sizes---default-sizes--width);
  height: var(--_sizes---default-sizes--height);
  object-fit: cover;
}
.choose-card-detail {
  width: 100%;
  height: 100%;
  padding: var(--_sizes---spacing--spacing-large) var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}
.choose-card-top {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.choose-card-title {
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.choose-card-bottom {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.choose-card-counter {
  grid-column-gap: .31rem;
  grid-row-gap: .31rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.choose-lightbox-link {
  width: 2.3125rem;
  min-width: 2.3125rem;
  height: 2.3125rem;
  min-height: 2.3125rem;
}
.choose-lightbox-img {
  width: 100%;
}
.about-counter-items {
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-counter-1 {
  height: 2.5rem;
  overflow: clip;
}
.about-counter-text {
  width: 1.25rem;
  color: var(--_colors---background-color--neon-green);
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  letter-spacing: var(--_typography---heading-letter-spacing--display-1);
}
.expert-text {
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---texts-font-sizes--caption);
  line-height: var(--_typography---texts-line-height--caption);
  font-weight: var(--font-weight--semi-bold-demi-bold);
  letter-spacing: var(--_typography---texts-letter-spacing--caption);
  text-transform: uppercase;
}
.choose-card-images {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.choose-card-image {
  width: 2.3125rem;
}
.choose-card-image._02 {
  margin-left: -1rem;
}
.choose-card-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.star-images {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}
.star-icon {
  width: 1.125rem;
}
.offer-text {
  z-index: 0;
  font-size: var(--_typography---heading-font-sizes--display-1);
  line-height: var(--_typography---heading-line-height--display-1);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--display-1);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#0851364d, #08513617 89.29%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: -1rem;
}
.offer-span {
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.choose-card-para {
  font-family: var(--font-family--inter);
  font-size: var(--_typography---heading-font-sizes--body-2);
  line-height: var(--_typography---heading-line-height--body-2);
  letter-spacing: var(--_typography---heading-letter-spacing--body-2);
}
.choose-line {
  z-index: -1;
  width: 100%;
  max-width: 22rem;
  position: absolute;
  inset: auto 0% 2.5rem auto;
}
.testimonial-section {
  background-color: var(--_colors---background-color--background);
}
.testimonial-slider {
  background-color: var(--_colors---text-color--transparent);
  width: 100%;
  max-width: 49.5rem;
  height: auto;
}
.testimonial-left-arrow, .testimonial-right-arrow {
  display: none;
}
.testimonial-mask {
  overflow: clip;
}
.testimonial-slider-content {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.testimonial-slider-images {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: inline-flex;
}
.testimonial-slider-title {
  background-image: linear-gradient(94deg, var(--_colors---background-color--white) 38.07%, #ffffff80 92.7%);
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--body-2);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.testimonial-slider-flex {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.testimonial-author-name {
  color: var(--_colors---background-color--yellow);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
}
.testimonial-author-designation {
  font-family: var(--font-family--inter);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--body-2);
  line-height: var(--_typography---heading-line-height--body-2);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--body-2);
}
.testimonial-author-icon {
  width: 3.75rem;
  height: 3.75rem;
  max-width: var(--_sizes---default-sizes--width);
  border: 2px solid var(--_colors---text-color--rgba-255-255-255-0-60);
  border-radius: var(--_sizes---border-radius--radius-circle);
}
.testimonial-author-icon._01 {
  border-color: var(--_colors---background-color--yellow);
  width: 8.375rem;
  height: 8.375rem;
}
.testimonial-author-icon._02, .testimonial-author-icon._09 {
  width: 5.63rem;
  height: 5.63rem;
}
.testimonial-author-images {
  width: 100%;
  max-width: 31.5rem;
  margin-right: auto;
  margin-bottom: var(--_sizes---spacing--spacing-regular);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
  overflow: clip;
}
.testimonial-slide-nav {
  display: none;
}
.testimonial-slider-dots {
  margin-top: var(--_sizes---spacing--spacing-regular);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: center;
  align-items: center;
  display: flex;
}
.testimonial-slider-dot {
  border-radius: var(--_sizes---border-radius--radius-circle);
  background-color: var(--_colors---text-color--rgba-255-255-255-0-20);
  width: .75rem;
  min-width: .75rem;
  height: .75rem;
  min-height: .75rem;
}
.testimonial-slider-dot._01 {
  background-color: var(--_colors---text-color--coral-red);
}
.about-section {
  background-image: url('../images/About-Banner.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-left {
  position: relative;
}
.about-right {
  z-index: 1;
  width: 100%;
  max-width: 37.5rem;
  margin-top: var(--_sizes---spacing--spacing-large);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.about-banner {
  z-index: 1;
  width: var(--_sizes---default-sizes--width);
  max-width: var(--_sizes---default-sizes--width);
  object-fit: cover;
  position: relative;
}
.about-ball {
  z-index: 1;
  width: 12rem;
  position: absolute;
  inset: 0% auto auto 2.5rem;
}
.about-title {
  width: 100%;
  max-width: 30rem;
  margin-top: var(--_sizes---spacing--spacing-regular);
  margin-bottom: var(--_sizes---spacing--spacing-large);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  text-align: left;
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.about-gradient {
  z-index: 0;
  position: absolute;
  inset: auto -5rem -5rem auto;
}
.accessories-top {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 28rem;
  display: flex;
}
.accessories-title {
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.green-text {
  color: var(--_colors---background-color--background);
}
.accessories-bottom {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.accessories-tabs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.accessories-tabs-menu {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}
.accessories-tabs-content {
  width: 100%;
}
.accessories-tab-link {
  padding: var(--_sizes---spacing--spacing-xxsmall);
  font-weight: var(--font-weight--extra-bold-ultra-bold);
  text-align: center;
  padding-right: var(--_sizes---spacing--spacing-small);
  padding-left: var(--_sizes---spacing--spacing-small);
  border-radius: var(--_sizes---border-radius--radius-soft);
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---heading-line-height--h2);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  background-color: #f5f5f5cc;
  transition: all .25s;
}
.accessories-tab-link:hover, .accessories-tab-link[aria-current="page"], .accessories-tab-link.is-active {
  background-color: var(--_colors---background-color--neon-green);
}
.collection-list-product {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.product-item-detail {
  width: 100%;
}
.product-image-overflow {
  border-radius: .5rem;
  width: 100%;
  position: relative;
  overflow: clip;
}
.product-image {
  width: var(--_sizes---default-sizes--width);
  max-width: var(--_sizes---default-sizes--width);
  object-fit: cover;
}
.product-item-info {
  padding-top: var(--_sizes---spacing--spacing-medium);
  padding-right: var(--_sizes---spacing--spacing-xxsmall);
  padding-left: var(--_sizes---spacing--spacing-xxsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  display: flex;
}
.product-item-name {
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
}
.review-details {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.review-star-icon {
  width: .875rem;
}
.product-abs-details {
  padding: var(--_sizes---spacing--spacing-tiny);
  opacity: 0;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}
.product-button {
  width: 100%;
  padding: var(--_sizes---spacing--spacing-xxsmall);
  background-color: var(--_colors---background-color--white);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--semi-bold-demi-bold);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  text-transform: uppercase;
  border-radius: .5rem;
  transition: all .25s;
}
.product-button:hover {
  background-color: var(--_colors---background-color--background);
  color: var(--_colors---background-color--white);
}
.love-block {
  border-radius: var(--_sizes---border-radius--radius-circle);
  background-color: var(--_colors---background-color--white);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: center;
  width: 2.125rem;
  min-width: 2.125rem;
  height: 2.125rem;
  min-height: 2.125rem;
  display: flex;
}
.love-svg {
  width: .97981rem;
  height: .97981rem;
}
.empty-state {
  padding-right: var(--_sizes---spacing--spacing-tiny);
  padding-left: var(--_sizes---spacing--spacing-xxsmall);
  border-radius: var(--_sizes---border-radius--radius-small);
  background-color: var(--_colors---text-color--coral-red);
  color: var(--_colors---background-color--white);
}
.review-stars {
  grid-column-gap: .19rem;
  grid-row-gap: .19rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.experts-section {
  padding-bottom: var(--_sizes---spacing--spacing-jumbo);
  background-image: url('../images/Experts-Banner.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.experts-top {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
  position: relative;
}
.experts-bottom {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 8rem;
  display: flex;
  position: relative;
}
.experts-left {
  width: 100%;
  max-width: 55rem;
  position: absolute;
  inset: -32% auto auto -10%;
}
.expert-handbball {
  z-index: 1;
  width: var(--_sizes---default-sizes--width);
  position: relative;
}
.expert-counter-1 {
  z-index: 1;
  border-top-left-radius: var(--_sizes---border-radius--radius-soft);
  border-bottom-left-radius: var(--_sizes---border-radius--radius-soft);
  -webkit-backdrop-filter: blur(13.266px);
  backdrop-filter: blur(13.266px);
  font-family: var(--font-family--big-shoulders);
  color: var(--_colors---background-color--neon-green);
  font-size: var(--_typography---texts-font-sizes--caption);
  line-height: var(--_typography---texts-line-height--caption);
  font-weight: var(--font-weight--bold);
  letter-spacing: var(--_typography---texts-letter-spacing--caption);
  text-transform: uppercase;
  background-image: linear-gradient(93deg, #fff3 2.27%, #fff0);
  padding: .78rem .5rem .6rem 1.11rem;
  position: absolute;
  inset: 35% auto auto 20%;
}
.experts-blank-block {
  width: 100%;
  height: 100%;
}
.expert-counter-2 {
  z-index: 0;
  border-radius: 0rem var(--_sizes---border-radius--radius-soft) var(--_sizes---border-radius--radius-soft) 0rem;
  -webkit-backdrop-filter: blur(13.266px);
  backdrop-filter: blur(13.266px);
  font-family: var(--font-family--big-shoulders);
  color: var(--_colors---background-color--neon-green);
  font-size: var(--_typography---texts-font-sizes--caption);
  line-height: var(--_typography---texts-line-height--caption);
  font-weight: var(--font-weight--bold);
  letter-spacing: var(--_typography---texts-letter-spacing--caption);
  text-transform: uppercase;
  background-image: linear-gradient(90deg, #fff0, #fff3);
  padding: .78rem 1.15rem .6rem 4.45rem;
  position: absolute;
  inset: auto auto 30% 45%;
}
.expert-marquee-items {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.expert-marquee-item {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-image: linear-gradient(#fff0, #ffffff0d);
  border: 1px solid #ffffff1a;
  border-radius: 6.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1.88rem 3.75rem;
  display: flex;
}
.expert-marquee-num {
  background-image: linear-gradient(180deg, var(--_colors---background-color--white), #ffffff1a);
  font-size: var(--_typography---heading-font-sizes--display-1);
  line-height: var(--_typography---heading-line-height--display-1);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--display-1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.expert-marquee-text {
  color: var(--_colors---background-color--neon-green);
  font-size: var(--_typography---texts-font-sizes--caption);
  line-height: var(--_typography---texts-line-height--caption);
  font-weight: var(--font-weight--semi-bold-demi-bold);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--caption);
  text-transform: uppercase;
}
.community-section {
  background-color: var(--_colors---background-color--background);
}
.community-content {
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  border: 10px solid var(--_colors---border-color--forest-green);
  border-radius: var(--_sizes---border-radius--radius-regular);
  background-color: var(--_colors---background-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
  padding-left: 4.75rem;
  display: flex;
  position: relative;
  overflow: clip;
}
.community-top {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 37.2rem;
  display: flex;
  position: relative;
}
.community-title {
  margin-top: var(--_sizes---spacing--spacing-medium);
  margin-bottom: var(--_sizes---spacing--spacing-regular);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.subscribe-success-message {
  border-radius: var(--_sizes---border-radius--radius-small);
  background-color: var(--_colors---background-color--neon-green);
}
.subscribe-text-field {
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---text-color--transparent);
  width: 100%;
  height: 3rem;
  color: var(--_colors---text-color--rgba-255-255-255-0-50);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  border: 1px solid #ffffff1a;
  margin-bottom: 0;
  padding: .5rem 1rem;
}
.subscribe-text-field:focus {
  border-color: var(--_colors---background-color--neon-green);
}
.subscribe-form {
  width: 100%;
}
.subscribe-error-message {
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--coral-red);
  padding: 0;
}
.community-image {
  width: 80%;
  position: absolute;
  inset: auto 0% 0% auto;
}
.community-button-block {
  z-index: 1;
  position: relative;
}
.community-line {
  z-index: 0;
  width: 100%;
  max-width: 20rem;
  position: absolute;
  inset: auto -2% -1% auto;
}
.plan-section {
  background-color: var(--_colors---background-color--background);
}
.collection-list-wrapper-plan, .collection-list-plan {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
}
.collection-item-plan {
  width: 100%;
  height: 100%;
}
.plan-block {
  width: 100%;
  height: 100%;
  padding: var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  border: 1px solid var(--_colors---background-color--light-grey);
  border-radius: var(--_sizes---border-radius--radius-large);
  flex-flow: column;
  display: flex;
}
.plan-top-block {
  padding: var(--_sizes---spacing--spacing-medium);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  border-radius: var(--_sizes---border-radius--radius-medium);
  background-image: linear-gradient(#fff0, #ffffff0d);
  flex-flow: column;
  display: flex;
}
.plan-top-block.upgrade {
  background-color: var(--_colors---background-color--neon-green);
  background-image: linear-gradient(#fff0, #ffffff0d);
}
.plan-top-content {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.plan-top-flex {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.plan-name {
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.plan-name.black {
  color: var(--_colors---text-color--dark-grassy-black);
}
.popular-text {
  border-radius: var(--_sizes---border-radius--radius-big);
  background-color: var(--_colors---background-color--background);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  padding: .5rem .62rem;
}
.plan-short-desp {
  width: 85%;
}
.pricing-detail {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.plan-price {
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.includes-details h6:where(:not([class*="heading-scale-"])), .includes-details :where(.heading-scale-6) {
  margin-bottom: var(--_sizes---spacing--spacing-small);
}
.includes-details ul {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}
.includes-details li {
  background-image: url('../images/checkmark-badge-01.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 1.4rem;
  padding-left: 2rem;
}
.plan-buttons-block {
  margin-top: auto;
  margin-bottom: 0;
}
.plan-cards {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.includes-details-light h6:where(:not([class*="heading-scale-"])), .includes-details-light :where(.heading-scale-6) {
  margin-bottom: var(--_sizes---spacing--spacing-small);
}
.includes-details-light ul {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}
.includes-details-light li {
  background-image: url('../images/checkmark-badge-01-1.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 1.4rem;
  padding-left: 2rem;
}
.blog-section {
  background-color: var(--_colors---background-color--background);
}
.blog-top {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 35rem;
  display: flex;
}
.blog-button {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.collection-list-blog {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.collection-list-blog.blog {
  grid-template-columns: 1fr;
  width: 100%;
}
.blog-item-link {
  border-radius: var(--_sizes---border-radius--radius-tiny);
  width: 100%;
  text-decoration: none;
  position: relative;
  overflow: clip;
}
.blog-item-link.blog {
  background-color: var(--_colors---background-color--background);
  height: 35rem;
}
.blog-item-link.blog-1 {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  display: flex;
}
.blog-main-image {
  width: var(--_sizes---default-sizes--width);
  height: var(--_sizes---default-sizes--height);
  object-fit: cover;
}
.blog-main-image.blog {
  border-radius: var(--_sizes---border-radius--radius-tiny);
  object-position: 50% 0%;
  height: 20rem;
}
.blog-item-details {
  border-radius: var(--_sizes---border-radius--radius-tiny);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.88rem;
  display: flex;
  position: absolute;
  inset: 0%;
}
.blog-item-details.blog {
  width: 100%;
  height: 20rem;
}
.blog-item-top {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  border-radius: var(--_sizes---border-radius--radius-big);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #12171699;
  justify-content: flex-start;
  align-items: center;
  padding: .62rem 1.25rem;
  display: flex;
}
.author-block {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-author {
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--bold);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.blog-author.detail {
  color: var(--_colors---text-color--dark-grassy-black);
}
.blog-author-name {
  color: var(--_colors---background-color--white);
}
.blog-author-name.detail {
  color: var(--_colors---text-color--dark-grassy-black);
}
.clock-icon {
  width: 1.125rem;
  min-width: 1.125rem;
}
.clock-icon.clock {
  color: var(--_colors---button-color--dark-grey);
}
.blog-item-detail {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.blog-item-detail.blog {
  width: 100%;
  max-width: 29rem;
}
.blog-item-name {
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
}
.blog-item-name.blog {
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.blog-item-name.blog-name {
  color: var(--_colors---text-color--dark-charcoal);
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.blog-short-desp {
  color: var(--_colors---cloud-mist);
}
.blog-short-desp.blog {
  font-family: var(--font-family--inter);
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---heading-font-sizes--body-2);
  line-height: var(--_typography---heading-line-height--body-2);
  letter-spacing: var(--_typography---heading-letter-spacing--body-2);
}
.insights-card {
  padding: var(--_sizes---spacing--spacing-large);
  border-radius: var(--_sizes---border-radius--radius-small);
  background-image: url('../images/Insights.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.insights-top {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.insights-card-title {
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.insights-blank {
  display: none;
}
.insights-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.faq-section {
  background-image: url('../images/FAQ-Banner.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.faq-top {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}
.faq-title {
  width: 100%;
  margin-top: var(--_sizes---spacing--spacing-xxsmall);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  text-align: left;
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.faq-items-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  flex-flow: column;
  display: flex;
}
.faq-left {
  top: var(--_sizes---spacing--spacing-regular);
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 37.5rem;
  display: flex;
  position: sticky;
}
.faq-list-wrap {
  padding: var(--_sizes---spacing--spacing-small) var(--_sizes---spacing--spacing-small) var(--_sizes---spacing--spacing-small) var(--_sizes---spacing--spacing-regular);
  border-radius: var(--_sizes---border-radius--radius-small);
  cursor: pointer;
  background-color: #085136cc;
  flex-flow: column;
  display: flex;
}
.faq-list-wrap.product {
  padding: var(--_sizes---spacing--spacing-xxsmall);
  background-color: var(--_colors---text-color--transparent);
  border-bottom: 1px solid #d2d2d080;
  border-radius: 0;
}
.faq-question {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.faq-ques {
  font-family: var(--font-family--plus-jakarta-sans);
  color: var(--_colors---background-color--white);
  font-weight: var(--font-weight--medium);
  text-transform: none;
}
.faq-ques.product {
  font-family: var(--font-family--anton);
  color: var(--_colors---text-color--raisin-black);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
}
.faq-answer {
  width: 100%;
  max-width: 700px;
  overflow: clip;
}
.faq-para {
  color: var(--_colors---text-color--rgba-255-255-255-0-80);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--body-2);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  padding-top: 16px;
}
.faq-para.product {
  color: var(--_colors---button-color--dark-grey);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
}
.faq-icon-block {
  border: 2px solid var(--_colors---background-color--neon-green);
  border-radius: var(--_sizes---border-radius--radius-circle);
  background-color: var(--_colors---text-color--transparent);
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
  display: flex;
  position: relative;
}
.faq-icon-block.product {
  border-color: var(--_colors---background-color--light-grey);
}
.faq-vertical-line {
  z-index: 1;
  background-color: var(--_colors---background-color--neon-green);
  width: 2px;
  height: .875rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto;
}
.faq-vertical-line.product {
  background-color: var(--_colors---background-color--light-grey);
}
.faq-horizontal-line {
  background-color: var(--_colors---background-color--neon-green);
  width: .875rem;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0%;
}
.faq-horizontal-line.product {
  background-color: var(--_colors---background-color--light-grey);
}
.follow-us-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.follow-title {
  background-image: linear-gradient(180deg, var(--_colors---background-color--white), #fff0);
  opacity: .9;
  font-family: var(--font-family--big-shoulders);
  font-size: 13.125rem;
  line-height: var(--_typography---heading-line-height--h1);
  font-weight: var(--font-weight--bold);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.follow-title:where(.follow-marquee-v2) {
  opacity: 0;
}
.follow-marquee {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: -13.5rem;
  display: flex;
  position: relative;
}
.follow-marquee-items {
  flex: none;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.follow-marquee-card {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  border-radius: var(--_sizes---border-radius--radius-medium);
  background-color: var(--_colors---background-color--sage-green);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1.74rem 2.3rem 1.26rem;
  display: flex;
}
.follow-marquee-num {
  background-image: linear-gradient(105deg, var(--_colors---background-color--background), #08513666);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.follow-marquee-para {
  color: var(--_colors---text-color--raisin-black);
  font-size: var(--_typography---heading-font-sizes--h3);
  line-height: var(--_typography---heading-line-height--h3);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h3);
}
.follow-abs-icon {
  z-index: 1;
  width: 10rem;
  position: relative;
  bottom: -3.1rem;
  left: -1.5rem;
}
.follow-abs-icon._02 {
  width: 11.6875rem;
  bottom: -2.6rem;
  left: -.7rem;
}
.follow-abs-icon._04 {
  width: 12rem;
  bottom: -4.5rem;
  left: -2.7rem;
}
.follow-marquee-img {
  border-radius: var(--_sizes---border-radius--radius-medium);
  object-fit: cover;
  width: 12.5rem;
  height: 16.5rem;
}
.product-hero-section {
  background-image: url('../images/Product-Hero-BG.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.product-hero-title {
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.cta-contents {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  border-radius: var(--_sizes---border-radius--radius-regular);
  background-image: url('../images/CTA-Banner.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  width: 100%;
  padding-top: 5.25rem;
  padding-bottom: 6.16rem;
  padding-right: 7rem;
  display: flex;
  position: relative;
}
.subscribe-title {
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.cta-subscribe-block {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  flex-flow: column;
  width: 100%;
  max-width: 37.125rem;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}
.cta-subscribe-form-block {
  margin-bottom: 0;
}
.cta-subscribe-form {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  display: flex;
}
.cta-subscribe-text-field {
  width: 100%;
  height: 4rem;
  padding-top: .5rem;
  padding-right: var(--_sizes---spacing--spacing-medium);
  padding-bottom: .5rem;
  padding-left: var(--_sizes---spacing--spacing-medium);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---text-color--transparent);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---text-color--transparent);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---text-color--transparent);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---text-color--transparent);
  border-top-left-radius: var(--_sizes---border-radius--radius-big);
  border-top-right-radius: var(--_sizes---border-radius--radius-big);
  border-bottom-left-radius: var(--_sizes---border-radius--radius-big);
  border-bottom-right-radius: var(--_sizes---border-radius--radius-big);
  background-color: var(--_colors---background-color--white);
  color: var(--_colors---text-color--dark-grassy-black);
  margin-bottom: 0;
  box-shadow: 0 1px #00000040;
}
.cta-subscribe-text-field:focus {
  border-color: var(--_colors---text-color--coral-red);
}
.cta-subscribe-text-field::placeholder {
  color: var(--_colors---button-color--dark-grey);
}
.submit-button {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---cloud-mist);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---cloud-mist);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---cloud-mist);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---cloud-mist);
  border-top-left-radius: var(--_sizes---border-radius--radius-big);
  border-top-right-radius: var(--_sizes---border-radius--radius-big);
  border-bottom-left-radius: var(--_sizes---border-radius--radius-big);
  border-bottom-right-radius: var(--_sizes---border-radius--radius-big);
  background-color: var(--_colors---background-color--background);
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  padding: 1.3rem 2.5rem;
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: ease;
  box-shadow: 0 1px #00000040;
}
.submit-button:hover {
  border-color: var(--_colors---background-color--white);
  background-color: var(--_colors---text-color--transparent);
}
.cta-subscribe-success-message {
  border-radius: var(--_sizes---border-radius--radius-small);
  background-color: var(--_colors---text-color--coral-red);
  color: var(--_colors---background-color--white);
}
.cta-subscribe-error-message {
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--coral-red);
  padding: 0;
}
.cta-subscribe-image {
  width: var(--_sizes---default-sizes--width);
  max-width: 31.0699rem;
  position: absolute;
  inset: auto auto 0% -4%;
}
.product-item-image {
  top: var(--_sizes---spacing--spacing-regular);
  width: var(--_sizes---default-sizes--width);
  border-radius: var(--_sizes---border-radius--radius-small);
  position: sticky;
}
.product-details {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  display: flex;
}
.stock-block {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.stock-box {
  border-radius: var(--_sizes---border-radius--radius-circle);
  background-color: var(--_colors---text-color--coral-red);
  opacity: .2;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}
.stock-circle {
  z-index: 1;
  border-radius: var(--_sizes---border-radius--radius-circle);
  background-color: var(--_colors---text-color--coral-red);
  align-self: center;
  width: .375rem;
  height: .375rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}
.stock-main-box {
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  display: flex;
  position: relative;
}
.product-1 {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.product-name {
  color: var(--_colors---text-color--raisin-black);
}
.option {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.field-label, .button-group {
  margin-bottom: 0;
}
.option-list {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  display: flex;
}
.product-item-button {
  border: 2px solid var(--_colors---background-color--light-grey);
  background-color: var(--_colors---background-color--white);
  border-radius: .375rem;
  padding: 1.09rem 1.5rem;
}
.product-item-button.is-selected {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---background-color--neon-green);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---background-color--neon-green);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---background-color--neon-green);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---background-color--neon-green);
  background-color: var(--_colors---text-color--grayish-yellow);
  color: var(--_colors---background-color--background);
  box-shadow: inset 0 -1px #0000000f, inset 0 0 0 1px #edeeee;
}
.buy-now-button {
  display: none;
}
.quantity {
  border: 2px solid var(--_colors---background-color--light-grey);
  border-radius: var(--_sizes---border-radius--radius-big);
  width: 100%;
  max-width: 12rem;
  height: 4rem;
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--bold);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  margin-bottom: 0;
}
.quantity:focus {
  border-color: var(--_colors---text-color--coral-red);
}
.cart-main-block {
  width: 100%;
  margin-top: var(--_sizes---spacing--spacing-xsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.qty-field-label {
  margin-top: var(--_sizes---spacing--spacing-medium);
  color: var(--_colors---button-color--dark-grey);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  margin-bottom: 0;
}
.add-to-cart-button {
  border: 1px solid var(--_colors---text-color--coral-red);
  border-radius: var(--_sizes---border-radius--radius-big);
  background-color: var(--_colors---text-color--coral-red);
  width: 100%;
  height: 4rem;
  font-family: var(--font-family--anton);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  background-image: url('../images/Arrow-1.webp');
  background-position: 68%;
  background-repeat: no-repeat;
  background-size: 1.5625rem;
  padding-left: 0;
  transition: all .25s;
}
.add-to-cart-button:hover {
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--coral-red);
  background-image: url('../images/Arrow-1-1.webp');
}
.cards-information {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cards-images {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  justify-content: center;
  align-items: center;
  display: flex;
}
.cards-images._01 {
  margin-top: var(--_sizes---spacing--spacing-xxsmall);
}
.card-icon {
  object-fit: cover;
  width: 2.4rem;
}
.order-timing-block {
  width: 100%;
  padding-top: var(--_sizes---spacing--spacing-xxsmall);
  padding-bottom: var(--_sizes---spacing--spacing-xxsmall);
  border-top: 1px solid #d2d2d080;
  border-bottom: 1px solid #d2d2d080;
  justify-content: center;
  align-items: center;
  display: flex;
}
.order-hours {
  color: var(--_colors---button-color--dark-grey);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
}
.product-faq-wrapper {
  flex-flow: column;
  display: flex;
}
.product-marquee {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-massive);
}
.product-marquee-top {
  z-index: 1;
  width: 102%;
  padding-top: var(--_sizes---spacing--spacing-small);
  padding-bottom: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---background-color--background);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -5rem;
  margin-left: -1rem;
  display: flex;
  position: relative;
  transform: rotate(4deg);
}
.product-top-items {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.bags-text {
  margin-right: var(--_sizes---spacing--spacing-xsmall);
  font-family: var(--font-family--big-shoulders);
  color: var(--_colors---text-color--rgba-116-175-153-0-70);
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.bags-text._01 {
  color: var(--_colors---text-color--rgba-8-81-54-0-50);
}
.product-star-icon {
  width: 1.25rem;
  margin-right: var(--_sizes---spacing--spacing-xsmall);
}
.product-marquee-bottom {
  width: 102%;
  padding-top: var(--_sizes---spacing--spacing-small);
  padding-bottom: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---text-color--seafoam-green);
  justify-content: flex-start;
  align-items: center;
  margin-left: -1rem;
  display: flex;
  transform: rotate(-4deg);
}
.customer-reviews-details {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  width: 100%;
  display: flex;
}
.customer-reviews-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.customer-reviews-left {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  flex-flow: column;
  display: flex;
}
.rating-star {
  width: 2rem;
}
.rating-star.product {
  width: .875rem;
}
.collection-list-rating {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.based-review {
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
}
.more-images-review {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.review-image {
  border-radius: .5rem;
  width: 100%;
  max-width: 8.125rem;
}
.review-detail-block {
  padding-top: var(--_sizes---spacing--spacing-medium);
  padding-right: var(--_sizes---spacing--spacing-medium);
  padding-bottom: var(--_sizes---spacing--spacing-medium);
  padding-left: var(--_sizes---spacing--spacing-medium);
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---background-color--light-grey);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---background-color--light-grey);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---background-color--light-grey);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---background-color--light-grey);
  border-top-left-radius: var(--_sizes---border-radius--radius-small);
  border-top-right-radius: var(--_sizes---border-radius--radius-small);
  border-bottom-left-radius: var(--_sizes---border-radius--radius-small);
  border-bottom-right-radius: var(--_sizes---border-radius--radius-small);
  background-color: var(--_colors---background-color--white);
  flex-flow: column;
  display: flex;
  box-shadow: inset 0 -2px #0000001a;
}
.review-author-detail {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.verified-block {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.verified-icon {
  width: 1rem;
}
.verified-buyer {
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
}
.reviewer-desp {
  color: var(--_colors---button-color--dark-grey);
}
.more-images-reviewer {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.reviewer-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.write-review-block {
  z-index: 99999;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
  box-shadow: 0 4px 4px #00000040;
}
.review-form-block {
  border-radius: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---background-color--white);
  width: 100%;
  max-width: 32.8125rem;
  margin-bottom: 0;
  padding: 1.88rem;
  position: relative;
}
.titleist-block {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 19.08rem;
  display: flex;
}
.titleist-image {
  border-radius: .5rem;
  width: 100%;
  max-width: 6rem;
}
.review-star-block {
  margin-top: var(--_sizes---spacing--spacing-xxsmall);
  margin-bottom: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: center;
  align-items: center;
  display: flex;
}
.checkbox-label {
  display: none;
}
.checkbox {
  background-color: var(--_colors---text-color--transparent);
  background-image: url('../images/Icon.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px #000;
  width: 3rem;
  height: 3rem;
  margin: 0;
}
.checkbox.is-checked {
  background-color: var(--_colors---text-color--transparent);
  background-image: url('../images/Icon-1.webp');
  background-position: 50%;
  background-size: cover;
}
.checkbox.is-focus {
  outline-color: var(--_colors---text-color--transparent);
  outline-offset: 0px;
  box-shadow: none;
  outline-width: 0;
  outline-style: none;
}
.checkbox-field {
  cursor: pointer;
  margin-bottom: 0;
  padding: 0;
}
.review-field-label {
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--bold);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  margin-bottom: 0;
}
.review-text-field {
  width: 100%;
  height: 3rem;
  padding-right: var(--_sizes---spacing--spacing-xxsmall);
  padding-left: var(--_sizes---spacing--spacing-small);
  border: 1px solid var(--_colors---background-color--light-grey);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---background-color--white);
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  margin-bottom: 0;
}
.review-text-field:focus {
  border-color: var(--_colors---text-color--coral-red);
}
.review-text-field::placeholder {
  color: var(--_colors---button-color--dark-grey);
}
.review-form-field {
  margin-bottom: var(--_sizes---spacing--spacing-xxsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  display: flex;
}
.review-form-field.last {
  justify-content: center;
  align-items: flex-start;
}
.red-text {
  color: var(--_colors---text-color--coral-red);
}
.review-text-area {
  border: 1px solid var(--_colors---background-color--light-grey);
  border-radius: var(--_sizes---spacing--spacing-xsmall);
  background-color: var(--_colors---background-color--white);
  width: 100%;
  height: 7rem;
  min-height: 7rem;
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  margin-bottom: 0;
}
.review-text-area:focus {
  border-color: var(--_colors---text-color--coral-red);
}
.review-text-area::placeholder {
  color: var(--_colors---button-color--dark-grey);
}
.media-text {
  color: var(--_colors---button-color--dark-grey);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
}
.file-icon {
  border-radius: .75rem;
  width: 100%;
  max-width: 5rem;
}
.review-form-button {
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---button-color--dark-grey);
  width: 100%;
  height: 3.5rem;
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  background-image: url('../images/Arrow-1.webp');
  background-position: 57%;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-left: 0;
  transition: all .25s;
}
.review-form-button:hover {
  background-color: var(--_colors---text-color--coral-red);
}
.review-cross-icon {
  cursor: pointer;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  position: absolute;
  inset: 1rem 1rem auto auto;
}
.review-error-message {
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--coral-red);
  padding: 0;
}
.review-success-message {
  border-radius: var(--_sizes---border-radius--radius-small);
  background-color: var(--_colors---text-color--coral-red);
  color: var(--_colors---background-color--white);
}
.about-hero-section {
  background-image: url('../images/Frame-2147236740-1.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.our-story-section {
  background-image: url('../images/Our-Story-Section.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: -49.5rem;
  position: relative;
}
.story-block {
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.story-right {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 37.5rem;
  display: flex;
  position: relative;
}
.our-promise-section {
  position: relative;
}
.promise-title {
  width: 100%;
  margin-top: var(--_sizes---spacing--spacing-regular);
  margin-bottom: var(--_sizes---spacing--spacing-large);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  text-align: left;
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.promise-image {
  left: auto;
  top: var(--_sizes---spacing--spacing-big);
  width: var(--_sizes---default-sizes--width);
  max-width: 42rem;
  position: absolute;
  bottom: auto;
  right: -3%;
}
.about-hero-abs-img {
  z-index: 1;
  width: 100%;
  max-width: 40rem;
  height: auto;
  position: absolute;
  inset: 0% 0% auto auto;
}
.promise-right {
  z-index: 1;
  width: var(--_sizes---default-sizes--width);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 37.5rem;
  display: flex;
  position: relative;
}
.about-hero-content {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 38rem;
  display: flex;
  position: relative;
}
.team-cards {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  width: 100%;
  display: grid;
}
.team-card {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  display: flex;
}
.team-card-overflow {
  border-radius: var(--_sizes---border-radius--radius-tiny);
  width: 100%;
  position: relative;
  overflow: clip;
}
.team-member-img {
  width: var(--_sizes---default-sizes--width);
  border-radius: var(--_sizes---border-radius--radius-tiny);
}
.team-member-details {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.team-member-name {
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
}
.team-member-designation {
  font-family: var(--font-family--plus-jakarta-sans);
  color: var(--_colors---button-color--dark-grey);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  text-transform: none;
}
.team-card-details {
  padding: var(--_sizes---spacing--spacing-medium);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  border-radius: var(--_sizes---border-radius--radius-tiny);
  background-image: linear-gradient(180deg, #085136e6, var(--_colors---background-color--background));
  opacity: 0;
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}
.bio-details {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.bio-detail {
  color: var(--_colors---background-color--white);
}
.team-social-icons {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.team-social-link {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--_colors---background-color--white);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}
.team-social-link:hover {
  color: var(--_colors---background-color--neon-green);
}
.years-block {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.years-icon {
  width: 12.5rem;
}
.stay-connected-section {
  padding-bottom: var(--_sizes---spacing--spacing-massive);
  background-image: url('../images/Stay-Banner.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.stay-title {
  width: 85%;
  margin-top: var(--_sizes---spacing--spacing-regular);
  margin-bottom: var(--_sizes---spacing--spacing-large);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  text-align: left;
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.stay-image {
  width: var(--_sizes---default-sizes--width);
  max-width: 37rem;
  position: absolute;
  inset: 7rem 0 auto auto;
}
.stay-right {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 37.5rem;
  display: flex;
  position: relative;
}
.collection-item, .collection-list-wrapper {
  width: 100%;
}
.blog-bottom {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.read-more-button {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  font-family: var(--font-family--anton);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.read-text._02 {
  color: var(--_colors---background-color--neon-green);
}
.read-texts {
  height: 1.375rem;
  overflow: clip;
}
.read-arrows {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 1.5rem;
  display: flex;
  position: relative;
  overflow: clip;
}
.read-arrow {
  width: 1.5rem;
}
.read-arrow._02 {
  color: var(--_colors---background-color--neon-green);
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  inset: 0% auto 0% -100%;
}
.collection-list-blogs {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.blog-overflow {
  border-radius: var(--_sizes---border-radius--radius-tiny);
  position: relative;
  overflow: clip;
}
.blog-atuhor-details {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-atuhor-icon {
  width: 2.5rem;
}
.date-info {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-banner {
  width: var(--_sizes---default-sizes--width);
  border-radius: var(--_sizes---border-radius--radius-tiny);
  object-fit: cover;
  height: 36rem;
}
.blog-main-details h1:where(:not([class*="heading-scale-"])), .blog-main-details :where(.heading-scale-1) {
  margin-bottom: var(--_sizes---spacing--spacing-small);
}
.blog-main-details h2:where(:not([class*="heading-scale-"])), .blog-main-details :where(.heading-scale-2) {
  margin-top: var(--_sizes---spacing--spacing-large);
  margin-bottom: var(--_sizes---spacing--spacing-small);
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.blog-main-details p {
  margin-bottom: var(--_sizes---spacing--spacing-xxsmall);
  font-family: var(--font-family--inter);
  color: var(--_colors---background-color--mid-tone-gray);
  font-size: var(--_typography---heading-font-sizes--body-2);
  line-height: var(--_typography---heading-line-height--body-2);
  letter-spacing: var(--_typography---heading-letter-spacing--body-2);
}
.blog-main-details blockquote {
  border-radius: var(--_sizes---border-radius--radius-tiny);
  background-color: var(--_colors---background-color--background);
  font-family: var(--font-family--anton);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  border-left-style: none;
  margin-bottom: 0;
  padding: 1.88rem 2.5rem;
}
.blog-main-details figure {
  margin-top: var(--_sizes---spacing--spacing-regular);
  border-radius: var(--_sizes---border-radius--radius-tiny);
  margin-bottom: 0;
}
.blog-main-details img {
  border-radius: var(--_sizes---border-radius--radius-tiny);
}
.blog-share-block {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-share-link {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  color: var(--_colors---button-color--dark-grey);
  text-decoration: none;
  transition: all .25s;
}
.blog-share-link:hover {
  color: var(--_colors---text-color--coral-red);
}
.compare-section {
  background-image: url('../images/Compare-Banner.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.compare-details {
  width: 100%;
  margin-bottom: var(--_sizes---spacing--spacing-regular);
  justify-content: space-between;
  display: flex;
  overflow: auto;
}
.compare-table {
  border-top-left-radius: var(--_sizes---border-radius--radius-medium);
  background-image: linear-gradient(270deg, #fff0, #ffffff0d 50%);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 3.8125rem;
  padding-left: .63rem;
  display: flex;
}
.compare-table._01 {
  background-image: none;
  border: 1px solid #ffffff1a;
  border-right-style: none;
  border-radius: 0;
}
.compare-table._02 {
  border-right: 1px #ffffff1a;
  border-radius: 0;
}
.compare-table._03 {
  border-top-left-radius: 0;
  border-bottom-left-radius: var(--_sizes---spacing--spacing-small);
}
.compare-table.beginner-header {
  padding-right: var(--_sizes---spacing--spacing-small);
  padding-left: var(--_sizes---spacing--spacing-small);
  border-radius: var(--_sizes---border-radius--radius-medium) 0px 0px;
  background-image: none;
  border: 1px #ffffff1a;
  border-style: solid none none solid;
}
.compare-table.expert-header {
  border-radius: 0px var(--_sizes---border-radius--radius-medium) 0px 0px;
  background-image: none;
  border: 1px solid #ffffff1a;
}
.compare-table.beginner-last {
  height: auto;
  padding: var(--_sizes---spacing--spacing-xxsmall) var(--_sizes---spacing--spacing-small) var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  border-radius: 0px 0px 0px var(--_sizes---border-radius--radius-medium);
  background-image: none;
  border: 1px solid #ffffff1a;
  border-right-style: none;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
.compare-table.beginner, .compare-table.professional-header {
  padding-right: var(--_sizes---spacing--spacing-small);
  padding-left: var(--_sizes---spacing--spacing-small);
  background-image: none;
  border: 1px #ffffff1a;
  border-style: solid none none solid;
  border-radius: 0;
}
.compare-table.expert-header {
  padding-right: var(--_sizes---spacing--spacing-small);
  padding-left: var(--_sizes---spacing--spacing-small);
  border-radius: 0rem var(--_sizes---border-radius--radius-medium) 0px 0px;
  background-image: none;
  border: 1px solid #ffffff1a;
  border-bottom-style: none;
}
.compare-table.professional-last {
  height: auto;
  padding: var(--_sizes---spacing--spacing-xxsmall) var(--_sizes---spacing--spacing-small) var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  background-image: none;
  border: 1px solid #ffffff1a;
  border-right-style: none;
  border-radius: 0 0 0 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
.compare-table.expert-last {
  height: auto;
  padding: var(--_sizes---spacing--spacing-xxsmall) var(--_sizes---spacing--spacing-small) var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  border-radius: 0px 0px var(--_sizes---border-radius--radius-medium) 0rem;
  background-image: none;
  border: 1px solid #ffffff1a;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
.compare-table.expert {
  padding-right: var(--_sizes---spacing--spacing-small);
  padding-left: var(--_sizes---spacing--spacing-small);
  background-image: none;
  border: 1px solid #ffffff1a;
  border-bottom-style: none;
  border-radius: 0;
}
.features-title {
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--bold);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.features-table {
  flex: none;
  width: 100%;
  max-width: 18.1875rem;
}
.features-item {
  font-family: var(--font-family--inter);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.beginner-table {
  flex: none;
  width: 100%;
  max-width: 16.3125rem;
}
.beginner-title {
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
}
.compare-price {
  font-family: var(--font-family--anton);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.pricing-flex {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.membership-top {
  width: 100%;
  padding: var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  border: 1px solid var(--_colors---background-color--light-grey);
  border-radius: var(--_sizes---border-radius--radius-large);
  background-color: var(--_colors---background-color--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.membership-left {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  flex-flow: column;
  display: flex;
}
.details-includes {
  margin-top: var(--_sizes---spacing--spacing-medium);
}
.details-includes h6:where(:not([class*="heading-scale-"])), .details-includes :where(.heading-scale-6) {
  margin-bottom: var(--_sizes---spacing--spacing-small);
}
.details-includes ul {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  color: var(--_colors---text-color--dark-grassy-black);
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}
.details-includes li {
  background-image: url('../images/checkmark-badge-01-1.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 1.4rem;
  padding-left: 2rem;
}
.plan-details h5:where(:not([class*="heading-scale-"])), .plan-details :where(.heading-scale-5) {
  margin-bottom: var(--_sizes---spacing--spacing-medium);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--bold);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.plan-details p {
  color: var(--_colors---button-color--dark-grey);
}
.plan-details h6:where(:not([class*="heading-scale-"])), .plan-details :where(.heading-scale-6) {
  margin-top: var(--_sizes---spacing--spacing-big);
  margin-bottom: var(--_sizes---spacing--spacing-small);
  font-family: var(--font-family--plus-jakarta-sans);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--bold);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.plan-details ul {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}
.contact-hero-section {
  background-image: url('../images/Contact-1.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.contact-left-content {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  display: flex;
}
.contact-form-block {
  margin-bottom: 0;
}
.contact-information {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  flex-flow: column;
  display: flex;
}
.get-info-block {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.get-info-block._02 {
  width: 90%;
}
.get-title {
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
}
.email-block {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}
.contact-email {
  font-family: var(--font-family--inter);
  color: var(--_colors---text-color--dark-charcoal);
  font-size: var(--_typography---heading-font-sizes--body-2);
  line-height: var(--_typography---heading-line-height--body-2);
  letter-spacing: var(--_typography---heading-letter-spacing--body-2);
}
.hours {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}
.contact-field-label {
  margin-bottom: 0;
}
.contact-text-field {
  width: 100%;
  height: 3.5625rem;
  padding-right: var(--_sizes---spacing--spacing-xxsmall);
  padding-left: var(--_sizes---spacing--spacing-small);
  border: 1px solid var(--_colors---background-color--light-grey);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---background-color--white);
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  margin-bottom: 0;
}
.contact-text-field:focus {
  border-color: var(--_colors---text-color--coral-red);
}
.contact-text-field::placeholder {
  color: var(--_colors---button-color--dark-grey);
}
.contact-fields {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.contact-field-block {
  margin-bottom: var(--_sizes---spacing--spacing-medium);
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.contact-text-field.checkout {
  height: 3rem;
  margin-bottom: var(--_sizes---spacing--spacing-xsmall);
}
.contact-text-area {
  border: 1px solid var(--_colors---background-color--light-grey);
  border-radius: var(--_sizes---border-radius--radius-tiny);
  background-color: var(--_colors---background-color--white);
  width: 100%;
  height: 12rem;
  min-height: 12rem;
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  margin-bottom: 0;
}
.contact-text-area:focus {
  border-color: var(--_colors---text-color--coral-red);
}
.contact-text-area::placeholder {
  color: var(--_colors---button-color--dark-grey);
}
.contact-button {
  width: 100%;
  padding-top: var(--_sizes---spacing--spacing-small);
  padding-bottom: var(--_sizes---spacing--spacing-small);
  border: 1px solid var(--_colors---text-color--coral-red);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---text-color--coral-red);
  font-family: var(--font-family--anton);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  background-image: url('../images/Arrow-1.webp');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-left: 0;
  transition: all .25s;
}
.contact-button:hover {
  border-color: var(--_colors---background-color--light-grey);
  background-color: var(--_colors---background-color--white);
  color: var(--_colors---text-color--coral-red);
  background-image: url('../images/Arrow-1-1.webp');
}
.license-para {
  text-align: center;
  width: 100%;
  max-width: 30.125rem;
}
.photos-block {
  width: 100%;
  padding: var(--_sizes---spacing--spacing-large);
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  background-color: var(--_colors---background-color--background);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.photos-title {
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.photos-cards {
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.photos-card {
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-large);
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  background-color: var(--_colors---background-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.unsplash-icon {
  width: 4.5rem;
}
.license-link {
  color: var(--_colors---text-color--dark-grassy-black);
  text-decoration: none;
  transition: all .25s;
}
.license-link:hover {
  color: var(--_colors---text-color--coral-red);
}
.freepik-icon {
  width: 10rem;
}
.lummi-icon {
  width: 8.125rem;
}
.pngegg-icon {
  width: 12.125rem;
}
.icons-block {
  width: 100%;
  padding: var(--_sizes---spacing--spacing-large);
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  background-color: #d2d2d080;
  border-bottom: 1px solid #0000001a;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.icons-title {
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.icons-card {
  width: 100%;
  padding-top: var(--_sizes---spacing--spacing-massive);
  padding-bottom: var(--_sizes---spacing--spacing-large);
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  background-color: var(--_colors---background-color--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.hugeicons-icon {
  width: 5.303rem;
}
.fonts-block {
  width: 100%;
  padding: var(--_sizes---spacing--spacing-large);
  grid-column-gap: var(--_sizes---spacing--spacing-large);
  grid-row-gap: var(--_sizes---spacing--spacing-large);
  background-color: #d2d2d080;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.google-icon {
  width: 6.36363rem;
}
.changelog-block {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.changelog-version {
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.changelog-date {
  margin-top: var(--_sizes---spacing--spacing-xxsmall);
  margin-bottom: var(--_sizes---spacing--spacing-medium);
  font-family: var(--font-family--plus-jakarta-sans);
  font-size: var(--_typography---heading-font-sizes--body-1);
  line-height: var(--_typography---heading-line-height--body-1);
  letter-spacing: var(--_typography---heading-letter-spacing--body-1);
  text-transform: none;
}
.changelog-lists {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  font-family: var(--font-family--inter);
  color: var(--_colors---button-color--dark-grey);
  font-size: var(--_typography---heading-font-sizes--body-2);
  line-height: var(--_typography---heading-line-height--body-2);
  letter-spacing: var(--_typography---heading-letter-spacing--body-2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 35px;
  display: flex;
}
.not-found {
  margin-top: var(--_sizes---spacing--spacing-large);
  margin-bottom: var(--_sizes---spacing--spacing-small);
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.error-desp {
  width: 100%;
  max-width: 37.5rem;
  margin-left: auto;
  margin-right: auto;
}
.password-field-label {
  display: none;
}
.protected {
  margin-top: var(--_sizes---spacing--spacing-xxsmall);
  margin-bottom: var(--_sizes---spacing--spacing-small);
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.protected-text-field {
  width: 100%;
  height: 3.5625rem;
  margin-bottom: var(--_sizes---spacing--spacing-xsmall);
  padding-right: var(--_sizes---spacing--spacing-xxsmall);
  padding-left: var(--_sizes---spacing--spacing-small);
  border: 1px solid var(--_colors---background-color--light-grey);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---background-color--white);
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
}
.protected-text-field:focus {
  border-color: var(--_colors---text-color--coral-red);
}
.protected-text-field::placeholder {
  color: var(--_colors---button-color--dark-grey);
}
.lock-icon {
  width: 100%;
  max-width: 20rem;
}
.protected-fields {
  width: 100%;
}
.protected-button {
  width: 100%;
  padding-top: var(--_sizes---spacing--spacing-small);
  padding-bottom: var(--_sizes---spacing--spacing-small);
  border: 1px solid var(--_colors---background-color--background);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---background-color--background);
  font-family: var(--font-family--anton);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  background-image: url('../images/Arrow-1.webp');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-left: 0;
  transition: all .25s;
}
.protected-button:hover {
  border-color: var(--_colors---background-color--light-grey);
  background-color: var(--_colors---background-color--white);
  color: var(--_colors---text-color--coral-red);
  background-image: url('../images/Arrow-1-1.webp');
}
.cookie-consent {
  z-index: 100;
  width: 100%;
  max-width: 40.625rem;
  padding: var(--_sizes---spacing--spacing-large);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  background-color: var(--_colors---background-color--white);
  flex-flow: column;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}
.cookie-top {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.cookie-bottom {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.cookie-button-1 {
  font-family: var(--font-family--anton);
  color: var(--_colors---button-color--dark-grey);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  padding: 1.31rem 1.06rem;
}
.cookie-button-2 {
  border: 1px solid var(--_colors---text-color--dark-grassy-black);
  border-radius: var(--_sizes---border-radius--radius-soft);
  font-family: var(--font-family--anton);
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  cursor: pointer;
  padding: 1.31rem 3.72rem;
  transition: all .25s;
}
.cookie-button-2:hover {
  border-color: var(--_colors---text-color--coral-red);
  color: var(--_colors---text-color--coral-red);
}
.cookie-button-3 {
  border: 1px solid var(--_colors---text-color--dark-grassy-black);
  border-radius: var(--_sizes---border-radius--radius-soft);
  font-family: var(--font-family--anton);
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  cursor: pointer;
  padding: 1.31rem 3.72rem;
  transition: all .25s;
}
.cookie-button-3:hover {
  border-color: var(--_colors---text-color--coral-red);
  color: var(--_colors---text-color--coral-red);
}
.login-contents {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--_colors---background-color--white);
  border-radius: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: clip;
  box-shadow: 0 2px 5px #0003;
}
.login-image {
  width: var(--_sizes---default-sizes--width);
  height: var(--_sizes---default-sizes--height);
  object-fit: cover;
}
.login-form-block {
  width: 100%;
  padding: var(--_sizes---spacing--spacing-large);
  flex-flow: column;
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}
.login-form {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}
.login-top {
  margin-bottom: var(--_sizes---spacing--spacing-large);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.login-title {
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.back-button {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  color: var(--_colors---button-color--dark-grey);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}
.back-button:hover {
  color: var(--_colors---text-color--coral-red);
}
.back-button-arrow {
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  margin-top: .25rem;
}
.login-button {
  width: 100%;
  padding-top: var(--_sizes---spacing--spacing-small);
  padding-bottom: var(--_sizes---spacing--spacing-small);
  border: 1px solid var(--_colors---background-color--background);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---background-color--background);
  font-family: var(--font-family--anton);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  background-image: url('../images/Arrow-1.webp');
  background-position: 57%;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-left: 0;
  transition: all .25s;
}
.login-button:hover {
  border-color: var(--_colors---background-color--light-grey);
  background-color: var(--_colors---background-color--white);
  color: var(--_colors---text-color--coral-red);
  background-image: url('../images/Arrow-1-1.webp');
}
.account-information {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.signup-form-block {
  width: 100%;
  padding: var(--_sizes---spacing--spacing-large);
  flex-flow: column;
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}
.exclusive-discount {
  z-index: 99999;
  opacity: 0;
  background-color: #000c;
  display: none;
  position: fixed;
  inset: 0%;
  box-shadow: 0 4px 4px #00000040;
}
.exclusive-discount-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}
.exclusive-discount-box {
  width: 100%;
  max-width: 57.5rem;
  padding: var(--_sizes---spacing--spacing-massive) var(--_sizes---spacing--spacing-massive) var(--_sizes---spacing--spacing-colossal);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  background-color: var(--_colors---background-color--white);
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.discount-top {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.exclusive-desp {
  text-align: center;
}
.exclusive-form-block {
  width: 100%;
  max-width: 29.9375rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.exclusive-button {
  width: 100%;
  margin-top: var(--_sizes---spacing--spacing-xxsmall);
  padding-top: var(--_sizes---spacing--spacing-small);
  padding-bottom: var(--_sizes---spacing--spacing-small);
  border: 1px solid var(--_colors---text-color--coral-red);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---text-color--coral-red);
  font-family: var(--font-family--anton);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  background-image: url('../images/Arrow-1.webp');
  background-position: 68%;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-left: 0;
  transition: all .25s;
}
.exclusive-button:hover {
  border-color: var(--_colors---background-color--light-grey);
  background-color: var(--_colors---background-color--white);
  color: var(--_colors---text-color--coral-red);
  background-image: url('../images/Arrow-1-1.webp');
}
.exclusive-cross {
  cursor: pointer;
  width: 1.5rem;
  min-width: 1.5rem;
  position: absolute;
  inset: 1.88rem 1.88rem auto auto;
}
.create {
  font-family: var(--font-family--plus-jakarta-sans);
  color: var(--_colors---background-color--background);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--bold);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  text-decoration: none;
  transition: all .25s;
}
.create:hover {
  color: var(--_colors---text-color--coral-red);
}
.checkout-form {
  padding: 9.92rem 0px var(--_sizes---spacing--spacing-colossal);
}
.web-payments {
  display: none;
}
.main-checkout-button {
  width: 100%;
  padding-top: var(--_sizes---spacing--spacing-small);
  padding-bottom: var(--_sizes---spacing--spacing-small);
  border: 1px solid var(--_colors---text-color--coral-red);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---text-color--coral-red);
  font-family: var(--font-family--anton);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  background-image: url('../images/Arrow-1.webp');
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  margin-bottom: 0;
  padding-left: 0;
  transition: all .25s;
}
.main-checkout-button:hover {
  border-color: var(--_colors---background-color--light-grey);
  background-color: var(--_colors---background-color--white);
  color: var(--_colors---text-color--coral-red);
  background-image: url('../images/Arrow-1-1.webp');
}
.block-header {
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
}
.block-content {
  padding: 1.5rem;
}
.order-items {
  margin-bottom: 0;
}
.billing-address-toggle {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  justify-content: flex-start;
  align-items: center;
}
.checkout-checkbox {
  margin-top: 0;
}
.checkout-checkbox-label {
  margin-bottom: 0;
  margin-left: 0;
}
.product-img {
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
}
.order-item {
  justify-content: space-between;
}
.order-item-wrap {
  display: flex;
}
.order-summary {
  margin-bottom: 0;
}
.cart-header {
  background-color: var(--_colors---text-color--grayish-yellow);
}
.rating {
  padding: var(--_sizes---spacing--spacing-xsmall) var(--_sizes---spacing--spacing-tiny);
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  background-color: var(--_colors---background-color--background);
  justify-content: center;
  align-items: center;
  display: flex;
}
.shipping-block {
  padding: var(--_sizes---spacing--spacing-xsmall) var(--_sizes---spacing--spacing-tiny);
  background-color: var(--_colors---text-color--grayish-yellow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.shipping-image {
  width: 80%;
}
.cart-option {
  display: none;
}
.image {
  border-radius: var(--_sizes---spacing--spacing-tiny);
}
.product-item {
  font-family: var(--font-family--anton);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  font-weight: var(--font-weight--normal-regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
}
.price-product {
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--bold);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.product-item-details {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
}
.remove-button {
  width: .75rem;
  height: .75rem;
  color: var(--_colors---text-color--coral-red);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}
.cart-checkout-button {
  width: 100%;
  padding-top: var(--_sizes---spacing--spacing-small);
  padding-bottom: var(--_sizes---spacing--spacing-small);
  border: 1px solid var(--_colors---text-color--coral-red);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---text-color--coral-red);
  font-family: var(--font-family--anton);
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h4);
  line-height: var(--_typography---heading-line-height--h4);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  text-transform: uppercase;
  background-image: url('../images/Arrow-1.webp');
  background-position: 67%;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-left: 0;
  transition: all .25s;
}
.cart-checkout-button:hover {
  border-color: var(--_colors---background-color--light-grey);
  background-color: var(--_colors---background-color--white);
  color: var(--_colors---text-color--coral-red);
  background-image: url('../images/Arrow-1-1.webp');
}
.cart-line-item {
  margin-top: var(--_sizes---spacing--spacing-medium);
}
.subtotal {
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--semi-bold-demi-bold);
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  text-transform: uppercase;
}
.taxes-text {
  color: var(--_colors---button-color--dark-grey);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
}
.cart-footer {
  border-top-style: none;
}
.checkout-actions {
  margin-top: var(--_sizes---spacing--spacing-xsmall);
}
.cart-item {
  position: relative;
}
.icon {
  width: 100%;
  height: 100%;
}
.cart-error-message {
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--coral-red);
  padding: 0;
}
.cart-empty-state {
  padding: var(--_sizes---spacing--spacing-regular) var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}
.empty-top-detail {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}
.empty-top-flex {
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.empty-text {
  font-size: var(--_typography---texts-font-sizes--caption);
  line-height: var(--_typography---texts-line-height--caption);
  font-weight: var(--font-weight--semi-bold-demi-bold);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--caption);
}
.empty-desp {
  width: 80%;
  color: var(--_colors---button-color--dark-grey);
  text-align: center;
}
.product-cards {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.product-card-image {
  width: 100%;
}
.cta-main-section {
  padding-bottom: var(--_sizes---spacing--spacing-massive);
}
.why-title {
  width: 100%;
  margin-top: var(--_sizes---spacing--spacing-regular);
  margin-bottom: var(--_sizes---spacing--spacing-large);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  text-align: left;
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.why-img {
  z-index: 1;
  width: var(--_sizes---default-sizes--width);
  max-width: var(--_sizes---default-sizes--width);
  object-fit: cover;
  position: relative;
}
.why-list {
  padding: var(--_sizes---spacing--spacing-xsmall) var(--_sizes---spacing--spacing-medium);
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  border-radius: var(--_sizes---border-radius--radius-soft);
  background-color: var(--_colors---background-color--yellow);
  font-size: var(--_typography---texts-font-sizes--subtitle);
  line-height: var(--_typography---texts-line-height--subtitle);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.why-check {
  width: 1.5rem;
  height: 1.5rem;
}
.why-lists {
  margin-top: var(--_sizes---spacing--spacing-large);
  grid-column-gap: var(--_sizes---spacing--spacing-tiny);
  grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.events-section {
  background-color: var(--_colors---background-color--background);
}
.event-title {
  width: 100%;
  max-width: 35.25rem;
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.event-cards {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.event-top {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.event-card {
  width: var(--_sizes---default-sizes--width);
  height: var(--_sizes---default-sizes--height);
  padding: var(--_sizes---spacing--spacing-medium);
  grid-column-gap: 10.12rem;
  grid-row-gap: 10.12rem;
  border-radius: var(--_sizes---border-radius--radius-medium);
  background-color: var(--_colors---text-color--rgba-255-255-255-0-05);
  -webkit-backdrop-filter: blur(16.3px);
  backdrop-filter: blur(16.3px);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.event-name {
  width: var(--_sizes---default-sizes--width);
  max-width: 15.25rem;
  color: var(--_colors---background-color--white);
  font-size: var(--_typography---heading-font-sizes--h2);
  line-height: var(--_typography---heading-line-height--h2);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.award-card {
  width: var(--_sizes---default-sizes--width);
  height: var(--_sizes---default-sizes--height);
  grid-column-gap: var(--_sizes---spacing--spacing-jumbo);
  grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.award-icon {
  object-fit: cover;
  width: 5rem;
}
.award-detail {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.award-text {
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.award-desp {
  color: var(--_colors---button-color--dark-grey);
  font-size: var(--_typography---texts-font-sizes--paragraph-l);
  line-height: var(--_typography---texts-line-height--paragraph-l);
  font-weight: var(--font-weight--bold);
  text-align: center;
  letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
}
.explore-title {
  width: var(--_sizes---default-sizes--width);
  max-width: 33.875rem;
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---heading-font-sizes--display-2);
  line-height: var(--_typography---heading-line-height--display-2);
  text-align: center;
  letter-spacing: var(--_typography---heading-letter-spacing--display-2);
}
.explore-bottom {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}
.explore-left {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.explore-right {
  top: var(--_sizes---spacing--spacing-small);
  position: sticky;
}
.explore-image {
  border-radius: var(--_sizes---border-radius--radius-medium);
}
.explore-cards {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.explore-card {
  top: var(--_sizes---spacing--spacing-small);
  width: var(--_sizes---default-sizes--width);
  height: var(--_sizes---default-sizes--height);
  padding: var(--_sizes---spacing--spacing-medium);
  grid-column-gap: 6.94rem;
  grid-row-gap: 6.94rem;
  border-radius: var(--_sizes---border-radius--radius-medium);
  background-color: var(--_colors---cloud-mist);
  -webkit-backdrop-filter: blur(16.3px);
  backdrop-filter: blur(16.3px);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: sticky;
}
.explore-name {
  width: var(--_sizes---default-sizes--width);
  max-width: 15.25rem;
  color: var(--_colors---text-color--dark-grassy-black);
  font-size: var(--_typography---heading-font-sizes--h1);
  line-height: var(--_typography---heading-line-height--h1);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.line-item {
  font-weight: var(--font-weight--semi-bold-demi-bold);
}
.image-2 {
  width: 28px;
  height: 28px;
}
.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;
}
.unlock-full-access {
  color: #0158ff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
}
.circle {
  background-color: #0158ff;
  border-radius: 1000px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -4px;
  right: -4px;
}
.promo-text {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  text-decoration: none;
}
@media screen and (min-width: 1440px) {
  .wrapper.our-promise-wrapper {
    padding-top: 8rem;
  }
  .footer-image {
    max-width: 40rem;
  }
  .choose-section {
    margin-top: -27.5rem;
  }
  .choose-line {
    max-width: 28rem;
  }
  .community-image {
    width: 75%;
  }
  .product-marquee-top {
    transform: rotate(4deg);
  }
  .product-marquee-bottom {
    transform: rotate(-4deg);
  }
  .our-story-section {
    margin-top: -47.8rem;
  }
  .promise-image {
    max-width: 45rem;
    right: -10%;
  }
  .about-hero-abs-img {
    max-width: 45rem;
  }
}
@media screen and (min-width: 1920px) {
  .footer-image {
    max-width: 50rem;
  }
  .choose-section {
    background-image: url('../images/Choose-Banner.webp');
    background-repeat: no-repeat;
    background-size: cover;
  }
  .choose-line {
    max-width: 45rem;
  }
  .experts-bottom {
    margin-top: 9rem;
  }
  .our-story-section {
    margin-top: -33.3rem;
  }
  .about-hero-abs-img {
    max-width: 49.25rem;
  }
}
@media screen and (max-width: 991px) {
  body {
    --_typography---texts-font-sizes--default-paragraph: 1rem;
    --_typography---texts-line-height--default-paragraph: 130%;
    --_typography---texts-letter-spacing--default-paragraph: -.01rem;
    --_typography---heading-font-sizes--h1: 2.5rem;
    --_typography---heading-line-height--h1: 100%;
    --_typography---heading-letter-spacing--h1: -.05rem;
    --_typography---heading-font-sizes--h2: 2rem;
    --_typography---heading-line-height--h2: 110%;
    --_typography---heading-letter-spacing--h2: 0rem;
    --_typography---heading-font-sizes--h3: 1.5rem;
    --_typography---heading-line-height--h3: 110%;
    --_typography---heading-letter-spacing--h3: -.03rem;
    --_typography---heading-font-sizes--h4: 1.25rem;
    --_typography---heading-line-height--h4: 110%;
    --_typography---heading-letter-spacing--h4: 0rem;
    --_typography---heading-font-sizes--body-1: 1.5rem;
    --_typography---heading-line-height--body-1: 130%;
    --_typography---heading-letter-spacing--body-1: 0rem;
    --_typography---heading-font-sizes--body-2: 1.25rem;
    --_typography---heading-line-height--body-2: 140%;
    --_typography---heading-letter-spacing--body-2: 0rem;
    --_typography---texts-font-sizes--subtitle: .875rem;
    --_typography---texts-line-height--subtitle: 130%;
    --_typography---texts-letter-spacing--subtitle: 0rem;
    --_typography---texts-font-sizes--paragraph-l: 1.125rem;
    --_typography---texts-line-height--paragraph-l: 130%;
    --_typography---texts-letter-spacing--paragraph-l: -.01125rem;
    --_typography---heading-font-sizes--display-1: 4rem;
    --_typography---heading-line-height--display-1: 110%;
    --_typography---heading-letter-spacing--display-1: -.1rem;
    --_typography---heading-font-sizes--display-2: 3rem;
    --_typography---heading-line-height--display-2: 110%;
    --_typography---heading-letter-spacing--display-2: -.08rem;
    --_typography---texts-font-sizes--caption: 1.25rem;
    --_typography---texts-line-height--caption: 130%;
    --_typography---texts-letter-spacing--caption: .05rem;
    --_sizes---default-sizes--width: 100%;
    --_sizes---default-sizes--height: 100%;
    --_sizes---spacing--spacing-small: 1.25rem;
    --_sizes---border-radius--radius-small: 1rem;
    --_sizes---spacing--spacing-tiny: .5rem;
    --_sizes---container--max-width: 78rem;
    --_sizes---spacing--spacing-xxsmall: 1rem;
    --_sizes---spacing--spacing-xsmall: .75rem;
    --_sizes---spacing--spacing-medium: 1.5rem;
    --_sizes---spacing--spacing-colossal: 5rem;
    --_sizes---spacing--spacing-big: 2rem;
    --_sizes---spacing--spacing-massive: 3.75rem;
    --_sizes---spacing--spacing-jumbo: 3.125rem;
    --_sizes---spacing--spacing-large: 2.5rem;
    --_sizes---spacing--spacing-normal: 2.25rem;
    --_sizes---spacing--spacing-regular: 2rem;
    --_sizes---border-radius--radius-soft: 5rem;
    --_sizes---border-radius--radius-circle: 100%;
    --_sizes---border-radius--radius-regular: 1.5rem;
    --_sizes---border-radius--radius-large: 2rem;
    --_sizes---border-radius--radius-medium: 1.25rem;
    --_sizes---border-radius--radius-big: 3.75rem;
    --_sizes---border-radius--radius-tiny: .75rem;
  }
  .nav-menu-items {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
    border-radius: var(--_sizes---border-radius--radius-small);
    background-color: var(--_colors---background-color--white);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 18rem;
    margin-left: auto;
    margin-right: 0;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .hero-wrapper {
    padding-bottom: 6rem;
  }
  .nav-dropdown-collection {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
    background-color: var(--_colors---text-color--transparent);
    border-radius: 0;
    flex-flow: column;
    width: 100%;
    height: 12.5rem;
    padding: 0;
    overflow: auto;
  }
  .nav-lottie {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }
  .nav-dropdown-items {
    grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
    width: 14rem;
  }
  .navbar {
    top: var(--_sizes---spacing--spacing-xxsmall);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .wrapper.home-hero-wrapper {
    padding-top: 10rem;
  }
  .wrapper.choose-wrapper {
    padding-top: 8rem;
    padding-bottom: var(--_sizes---spacing--spacing-jumbo);
  }
  .wrapper.testimonial-wrapper {
    padding-bottom: var(--_sizes---spacing--spacing-large);
  }
  .wrapper.about-wrapper {
    grid-template-columns: minmax(0, 1fr);
    padding-bottom: 8rem;
  }
  .wrapper.accessories-wrapper {
    padding-top: var(--_sizes---spacing--spacing-large);
    padding-bottom: var(--_sizes---spacing--spacing-large);
  }
  .wrapper.experts-wrapper {
    padding-top: var(--_sizes---spacing--spacing-colossal);
    padding-bottom: 0;
  }
  .wrapper.plan-wrapper {
    padding-bottom: var(--_sizes---spacing--spacing-large);
  }
  .wrapper.blog-wrapper {
    padding-bottom: var(--_sizes---spacing--spacing-xxsmall);
  }
  .wrapper.product-hero-wrapper {
    padding-top: 8rem;
  }
  .wrapper.cta-wrapper {
    padding-top: var(--_sizes---spacing--spacing-big);
  }
  .wrapper.product-details-wrapper {
    padding-top: 8rem;
  }
  .wrapper.related-product-wrapper {
    padding-top: var(--_sizes---spacing--spacing-large);
  }
  .wrapper.our-story-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
    padding-bottom: 10rem;
  }
  .wrapper.our-promise-wrapper {
    padding-top: 0;
    padding-bottom: var(--_sizes---spacing--spacing-small);
    grid-template-columns: minmax(0, 1fr);
  }
  .wrapper.team-wrapper {
    padding-top: var(--_sizes---spacing--spacing-regular);
    padding-bottom: var(--_sizes---spacing--spacing-regular);
  }
  .wrapper.growing-wrapper {
    padding-top: var(--_sizes---spacing--spacing-jumbo);
    padding-bottom: var(--_sizes---spacing--spacing-colossal);
    grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  }
  .wrapper.stay-connected-wrapper {
    padding-top: 8rem;
    padding-bottom: var(--_sizes---spacing--spacing-jumbo);
    grid-template-columns: 1fr;
  }
  .wrapper.blog-details-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-medium);
    grid-row-gap: var(--_sizes---spacing--spacing-medium);
    padding-top: 8rem;
  }
  .wrapper.product-items-wrapper {
    padding-top: 8rem;
    padding-bottom: var(--_sizes---spacing--spacing-colossal);
  }
  .wrapper.pricing-details-wrapper {
    padding-top: 8rem;
  }
  .wrapper.contact-hero-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-colossal);
    grid-row-gap: var(--_sizes---spacing--spacing-colossal);
    grid-template-columns: minmax(0, 1fr);
    padding-top: 9rem;
    padding-bottom: 20rem;
  }
  .wrapper.login-hero-wrapper {
    padding-top: 8rem;
  }
  .wrapper.why-wrapper {
    padding-top: var(--_sizes---spacing--spacing-xxsmall);
    padding-bottom: var(--_sizes---spacing--spacing-regular);
    grid-column-gap: var(--_sizes---spacing--spacing-large);
    grid-row-gap: var(--_sizes---spacing--spacing-large);
    grid-template-columns: minmax(0, 1fr);
  }
  .wrapper.award {
    grid-row-gap: var(--_sizes---spacing--spacing-jumbo);
    grid-template-columns: 1fr 1fr;
  }
  .nav-buttons.desk {
    display: none;
  }
  .menu-button {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
  }
  .menu-button.is-open {
    background-color: #fff0;
  }
  .nav-dropdown-list.is-open {
    width: 100%;
    padding-top: 1rem;
    position: static;
  }
  .style-details-right.button {
    grid-row-gap: var(--_sizes---spacing--spacing-medium);
  }
  .navbar-wrapper {
    padding-right: 2.5rem;
  }
  .nav-menu-wrapper {
    z-index: 99999;
    background-color: #fff0;
    margin-left: auto;
    margin-right: auto;
  }
  .heading-item-flex {
    justify-content: flex-start;
    align-items: center;
  }
  .nav-dropdown-toggle {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .typography-wrapper {
    grid-template-columns: .4fr minmax(0, 1fr);
  }
  .display-1.rating-cal {
    text-align: center;
  }
  .display-1.years, .display-1.strong, .display-1.players, .display-1.every {
    font-size: var(--_typography---heading-font-sizes--display-2);
    line-height: var(--_typography---heading-line-height--display-2);
    letter-spacing: var(--_typography---heading-letter-spacing--display-2);
  }
  .display-2.contact-title {
    max-width: none;
  }
  .caption-font.community-para {
    font-size: var(--_typography---texts-font-sizes--paragraph-l);
    line-height: var(--_typography---texts-line-height--paragraph-l);
    letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  }
  .colors-1-block {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .color-code-box {
    height: 8rem;
  }
  .colors-2-block {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  }
  .utility-page-content {
    max-width: 36rem;
  }
  .primary-button {
    padding: 1rem 2rem;
  }
  .primary-button:where(.button-space-741) {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .footer-social-icons {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  }
  .footer-image {
    max-width: 21rem;
  }
  .body-2.hero-para {
    margin-top: var(--_sizes---spacing--spacing-xxsmall);
    margin-bottom: var(--_sizes---spacing--spacing-medium);
  }
  .body-2.experts-para {
    max-width: none;
  }
  .body-2.forgot {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
  .home-hero-content {
    max-width: 30rem;
  }
  .hero-abs-image {
    max-width: 30rem;
    top: 15rem;
    right: -1rem;
  }
  .choose-cards {
    grid-template-columns: 1fr 1fr;
  }
  .about-counter-1 {
    height: 2.5rem;
  }
  .choose-line {
    display: none;
  }
  .testimonial-slider-title {
    font-size: var(--_typography---heading-font-sizes--h2);
    line-height: var(--_typography---heading-line-height--h2);
    letter-spacing: var(--_typography---heading-letter-spacing--h2);
  }
  .about-left {
    justify-content: center;
    align-items: center;
  }
  .about-right {
    z-index: 2;
    max-width: none;
  }
  .about-title {
    max-width: none;
    margin-top: var(--_sizes---spacing--spacing-small);
    margin-bottom: var(--_sizes---spacing--spacing-medium);
  }
  .about-gradient {
    bottom: -8rem;
  }
  .accessories-bottom {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
  .accessories-tabs-menu {
    margin-bottom: 2rem;
  }
  .collection-list-product {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
    grid-template-columns: 1fr 1fr 1fr;
  }
  .experts-top {
    grid-template-columns: minmax(0, 1fr);
  }
  .experts-bottom {
    margin-top: 0;
  }
  .experts-left {
    max-width: 45.998rem;
    margin-top: -5rem;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }
  .expert-counter-1 {
    top: 50%;
    left: 18%;
  }
  .experts-blank-block {
    display: none;
  }
  .expert-counter-2 {
    bottom: 22%;
  }
  .expert-marquee-item {
    padding: 1.5rem 3rem;
  }
  .expert-marquee-num {
    font-size: var(--_typography---heading-font-sizes--display-2);
    line-height: var(--_typography---heading-line-height--display-2);
    letter-spacing: var(--_typography---heading-letter-spacing--display-2);
  }
  .expert-marquee-text {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
  .community-content {
    padding-top: 3rem;
    padding-left: 2rem;
  }
  .community-top {
    max-width: 27rem;
  }
  .community-title {
    margin-bottom: var(--_sizes---spacing--spacing-medium);
  }
  .community-line {
    max-width: 17.6rem;
    right: -3%;
  }
  .plan-cards {
    grid-template-columns: 1fr 1fr;
  }
  .blog-button {
    grid-template-columns: 1fr;
  }
  .blog-item-link.blog {
    height: 28rem;
  }
  .blog-item-details {
    padding: var(--_sizes---spacing--spacing-medium) var(--_sizes---spacing--spacing-xxsmall);
  }
  .blog-item-name.blog-name {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
  .blog-short-desp.blog {
    font-size: var(--_typography---texts-font-sizes--paragraph-l);
    line-height: var(--_typography---texts-line-height--paragraph-l);
    letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  }
  .insights-card {
    width: 100%;
    height: 24.5rem;
  }
  .insights-grid {
    grid-template-columns: 1fr 1fr;
  }
  .faq-top {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    grid-template-columns: 1fr;
  }
  .faq-title {
    margin-top: var(--_sizes---spacing--spacing-small);
  }
  .faq-left {
    z-index: 2;
    max-width: none;
    position: static;
  }
  .follow-title {
    font-size: 10rem;
  }
  .follow-marquee {
    margin-top: -11rem;
  }
  .cta-contents {
    padding-right: var(--_sizes---spacing--spacing-colossal);
    padding-bottom: 0;
    padding-left: var(--_sizes---spacing--spacing-regular);
  }
  .cta-subscribe-block {
    grid-column-gap: var(--_sizes---spacing--spacing-medium);
    grid-row-gap: var(--_sizes---spacing--spacing-medium);
    margin-left: 0;
    margin-right: 0;
  }
  .cta-subscribe-image {
    position: static;
  }
  .quantity {
    max-width: 7rem;
    height: 3.5rem;
  }
  .add-to-cart-button {
    background-position: 72%;
    height: 3.5rem;
  }
  .product-marquee-top {
    width: 110%;
    transform: rotate(8deg);
  }
  .product-marquee-bottom {
    width: 110%;
    transform: rotate(-7deg);
  }
  .customer-reviews-top {
    grid-column-gap: var(--_sizes---spacing--spacing-medium);
    grid-row-gap: var(--_sizes---spacing--spacing-medium);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .customer-reviews-left {
    justify-content: center;
    align-items: center;
  }
  .more-images-review {
    order: -9999;
  }
  .titleist-block {
    max-width: 16rem;
  }
  .titleist-image {
    max-width: 5rem;
  }
  .titleist-title {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
  .checkbox {
    width: 2.5rem;
    height: 2.5rem;
  }
  .our-story-section {
    background-size: cover;
    margin-top: -47rem;
  }
  .story-block {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-template-columns: minmax(0, 1fr);
  }
  .story-right {
    z-index: 2;
    max-width: none;
    margin-top: -2rem;
  }
  .promise-title {
    max-width: none;
    margin-top: var(--_sizes---spacing--spacing-small);
    margin-bottom: var(--_sizes---spacing--spacing-medium);
  }
  .promise-blank {
    display: none;
  }
  .promise-image {
    max-width: none;
    position: static;
  }
  .about-hero-abs-img {
    max-width: 26rem;
    top: 5%;
  }
  .promise-right {
    z-index: 2;
    max-width: none;
  }
  .about-hero-content {
    max-width: 30rem;
  }
  .team-cards {
    grid-template-columns: 1fr 1fr;
  }
  .years-block {
    grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  }
  .stay-connected-section {
    padding-bottom: var(--_sizes---spacing--spacing-regular);
  }
  .stay-title {
    max-width: none;
    margin-top: var(--_sizes---spacing--spacing-small);
    margin-bottom: var(--_sizes---spacing--spacing-medium);
  }
  .stay-image {
    max-width: none;
    position: static;
  }
  .stay-right {
    z-index: 2;
    max-width: none;
  }
  .collection-list-blogs {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-medium);
  }
  .blog-banner {
    height: 28rem;
  }
  .blog-main-details {
    margin-top: var(--_sizes---spacing--spacing-xsmall);
  }
  .blog-main-details h1:where(:not([class*="heading-scale-"])), .blog-main-details h2:where(:not([class*="heading-scale-"])), .blog-main-details :where(.heading-scale-1), .blog-main-details :where(.heading-scale-2) {
    font-size: var(--_typography---heading-font-sizes--h2);
    line-height: var(--_typography---heading-line-height--h2);
    letter-spacing: var(--_typography---heading-letter-spacing--h2);
  }
  .blog-main-details blockquote {
    font-size: var(--_typography---texts-font-sizes--paragraph-l);
    line-height: var(--_typography---texts-line-height--paragraph-l);
    letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .compare-details {
    margin-bottom: var(--_sizes---spacing--spacing-normal);
  }
  .contact-left-content {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
  }
  .contact-field-block.login {
    margin-bottom: var(--_sizes---spacing--spacing-xxsmall);
  }
  .photos-cards {
    grid-column-gap: var(--_sizes---spacing--spacing-medium);
    grid-row-gap: var(--_sizes---spacing--spacing-medium);
  }
  .changelog-version {
    font-size: var(--_typography---heading-font-sizes--h2);
    line-height: var(--_typography---heading-line-height--h2);
    letter-spacing: var(--_typography---heading-letter-spacing--h2);
  }
  .changelog-date {
    font-size: var(--_typography---heading-font-sizes--body-2);
    line-height: var(--_typography---heading-line-height--body-2);
    letter-spacing: var(--_typography---heading-letter-spacing--body-2);
  }
  .changelog-lists {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    font-size: var(--_typography---texts-font-sizes--paragraph-l);
    line-height: var(--_typography---texts-line-height--paragraph-l);
    letter-spacing: var(--_typography---texts-letter-spacing--paragraph-l);
  }
  .error-desp {
    max-width: 32rem;
  }
  .cookie-consent {
    display: none;
  }
  .login-form-block {
    padding: var(--_sizes---spacing--spacing-medium) var(--_sizes---spacing--spacing-small);
  }
  .login-top {
    margin-bottom: var(--_sizes---spacing--spacing-regular);
  }
  .login-title {
    font-size: var(--_typography---heading-font-sizes--h2);
    line-height: var(--_typography---heading-line-height--h2);
    letter-spacing: var(--_typography---heading-letter-spacing--h2);
  }
  .login-button {
    background-position: 62%;
  }
  .account-information {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  }
  .signup-form-block {
    padding: var(--_sizes---spacing--spacing-medium) var(--_sizes---spacing--spacing-small);
  }
  .create {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
  .checkout-form {
    padding-top: 8rem;
  }
  .row {
    flex-flow: column;
  }
  .cta-main-section {
    padding-bottom: var(--_sizes---spacing--spacing-colossal);
  }
  .why-title {
    max-width: none;
    margin-top: var(--_sizes---spacing--spacing-small);
    margin-bottom: var(--_sizes---spacing--spacing-medium);
  }
  .why-img {
    margin-left: -3rem;
    margin-right: auto;
  }
  .why-lists {
    margin-top: var(--_sizes---spacing--spacing-medium);
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  .event-cards {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  }
  .event-top {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-template-columns: 1fr 1fr;
  }
  .event-card {
    grid-column-gap: var(--_sizes---spacing--spacing-colossal);
    grid-row-gap: var(--_sizes---spacing--spacing-colossal);
  }
  .event-blank {
    display: none;
  }
  .award-card {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
  }
  .award-icon {
    width: 4rem;
  }
  .award-detail {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  }
  .award-text {
    font-size: var(--_typography---heading-font-sizes--h2);
    line-height: var(--_typography---heading-line-height--h2);
    letter-spacing: var(--_typography---heading-letter-spacing--h2);
  }
  .explore-title {
    max-width: 26rem;
  }
  .explore-card {
    grid-column-gap: var(--_sizes---spacing--spacing-massive);
    grid-row-gap: var(--_sizes---spacing--spacing-massive);
    border-radius: var(--_sizes---border-radius--radius-small);
  }
  .explore-name {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
}
@media screen and (max-width: 767px) {
  body {
    --_typography---texts-font-sizes--default-paragraph: 1rem;
    --_typography---texts-line-height--default-paragraph: 130%;
    --_typography---texts-letter-spacing--default-paragraph: 0rem;
    --_typography---heading-font-sizes--h1: 2rem;
    --_typography---heading-line-height--h1: 100%;
    --_typography---heading-letter-spacing--h1: 0rem;
    --_typography---heading-font-sizes--h2: 2rem;
    --_typography---heading-line-height--h2: 110%;
    --_typography---heading-letter-spacing--h2: 0rem;
    --_typography---heading-font-sizes--h3: 1.5rem;
    --_typography---heading-line-height--h3: 110%;
    --_typography---heading-letter-spacing--h3: 0rem;
    --_typography---heading-font-sizes--h4: 1.25rem;
    --_typography---heading-line-height--h4: 110%;
    --_typography---heading-letter-spacing--h4: 0rem;
    --_typography---heading-font-sizes--body-1: 1.25rem;
    --_typography---heading-line-height--body-1: 130%;
    --_typography---heading-letter-spacing--body-1: 0rem;
    --_typography---heading-font-sizes--body-2: 1.125rem;
    --_typography---heading-line-height--body-2: 140%;
    --_typography---heading-letter-spacing--body-2: 0rem;
    --_typography---texts-font-sizes--subtitle: .875rem;
    --_typography---texts-line-height--subtitle: 130%;
    --_typography---texts-letter-spacing--subtitle: 0rem;
    --_typography---texts-font-sizes--paragraph-l: 1rem;
    --_typography---texts-line-height--paragraph-l: 130%;
    --_typography---texts-letter-spacing--paragraph-l: 0rem;
    --_typography---heading-font-sizes--display-1: 3rem;
    --_typography---heading-line-height--display-1: 110%;
    --_typography---heading-letter-spacing--display-1: 0rem;
    --_typography---heading-font-sizes--display-2: 3rem;
    --_typography---heading-line-height--display-2: 110%;
    --_typography---heading-letter-spacing--display-2: 0rem;
    --_typography---texts-font-sizes--caption: 1.125rem;
    --_typography---texts-line-height--caption: 130%;
    --_typography---texts-letter-spacing--caption: 0rem;
    --_sizes---default-sizes--width: 100%;
    --_sizes---default-sizes--height: 100%;
    --_sizes---spacing--spacing-small: 1rem;
    --_sizes---border-radius--radius-small: 1rem;
    --_sizes---spacing--spacing-tiny: .5rem;
    --_sizes---container--max-width: 78rem;
    --_sizes---spacing--spacing-xxsmall: 1rem;
    --_sizes---spacing--spacing-xsmall: .625rem;
    --_sizes---spacing--spacing-medium: 1rem;
    --_sizes---spacing--spacing-colossal: 3.75rem;
    --_sizes---spacing--spacing-big: 2rem;
    --_sizes---spacing--spacing-massive: 3rem;
    --_sizes---spacing--spacing-jumbo: 2.5rem;
    --_sizes---spacing--spacing-large: 2rem;
    --_sizes---spacing--spacing-normal: 2rem;
    --_sizes---spacing--spacing-regular: 1.25rem;
    --_sizes---border-radius--radius-soft: 5rem;
    --_sizes---border-radius--radius-circle: 100%;
    --_sizes---border-radius--radius-regular: 1.5rem;
    --_sizes---border-radius--radius-large: 2rem;
    --_sizes---border-radius--radius-medium: 1.25rem;
    --_sizes---border-radius--radius-big: 3.75rem;
    --_sizes---border-radius--radius-tiny: .75rem;
  }
  .nav-menu-items {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .hero-wrapper {
    padding-top: 8rem;
    padding-bottom: 5rem;
  }
  .nav-dropdown {
    flex-direction: column;
    align-items: center;
  }
  .nav-dropdown-collection {
    height: 12rem;
  }
  .navbar {
    top: var(--_sizes---spacing--spacing-tiny);
  }
  .wrapper.footer-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
  .wrapper.home-hero-wrapper {
    padding-top: 8rem;
  }
  .wrapper.choose-wrapper {
    padding-top: 6rem;
  }
  .wrapper.testimonial-wrapper {
    padding-top: var(--_sizes---spacing--spacing-jumbo);
  }
  .wrapper.about-wrapper {
    padding-bottom: 6rem;
  }
  .wrapper.accessories-wrapper {
    padding-top: var(--_sizes---spacing--spacing-xxsmall);
    padding-bottom: var(--_sizes---spacing--spacing-xxsmall);
  }
  .wrapper.community-wrapper {
    padding-top: var(--_sizes---spacing--spacing-normal);
    padding-bottom: var(--_sizes---spacing--spacing-normal);
  }
  .wrapper.product-details-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
  .wrapper.related-product-wrapper {
    padding-top: var(--_sizes---spacing--spacing-massive);
    padding-bottom: var(--_sizes---spacing--spacing-normal);
  }
  .wrapper.about-hero-wrapper {
    padding-top: 8rem;
  }
  .wrapper.our-story-wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .wrapper.growing-wrapper {
    padding-top: var(--_sizes---spacing--spacing-massive);
    padding-bottom: var(--_sizes---spacing--spacing-big);
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  }
  .wrapper.stay-connected-wrapper {
    padding-top: 6rem;
  }
  .wrapper.product-items-wrapper {
    padding-bottom: var(--_sizes---spacing--spacing-massive);
  }
  .wrapper.compare-wrapper {
    padding-top: 8rem;
  }
  .wrapper.contact-hero-wrapper {
    padding-top: 8rem;
    padding-bottom: 14rem;
  }
  .wrapper.login-hero-wrapper {
    padding-top: 7rem;
  }
  .wrapper.why-wrapper {
    padding-top: var(--_sizes---spacing--spacing-normal);
  }
  .wrapper.award {
    padding-top: var(--_sizes---spacing--spacing-massive);
  }
  .wrapper.explore {
    padding-bottom: var(--_sizes---spacing--spacing-colossal);
  }
  .navbar-brand {
    max-width: 5rem;
    padding-left: 0;
  }
  .style-details-right.button {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
  }
  .typography-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    grid-template-columns: minmax(0, 1fr);
  }
  .subtitle-block {
    position: static;
  }
  .display-1.years, .display-1.strong, .display-1.players, .display-1.every {
    font-size: var(--_typography---heading-font-sizes--h1);
    line-height: var(--_typography---heading-line-height--h1);
    letter-spacing: var(--_typography---heading-letter-spacing--h1);
  }
  .utility-page-content {
    max-width: 28rem;
  }
  .primary-button {
    padding: .75rem 1.625rem;
  }
  .primary-button:where(.button-space-741) {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .primary-button-arrows {
    width: 1.25rem;
  }
  .footer-left {
    width: 100%;
    max-width: 24rem;
  }
  .subscribe-form-block {
    margin-bottom: var(--_sizes---spacing--spacing-regular);
  }
  .footer-pages-block._01 {
    width: auto;
  }
  .footer-pages-block._02 {
    width: 8rem;
  }
  .footer-pages-block._03 {
    width: 9.6rem;
  }
  .choose-section {
    margin-top: -40rem;
  }
  .hero-abs-image {
    max-width: none;
    margin-top: -3rem;
    position: static;
  }
  .choose-card-detail {
    padding: var(--_sizes---spacing--spacing-regular) var(--_sizes---spacing--spacing-xxsmall);
  }
  .choose-card-top {
    grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  }
  .choose-card-title {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
  .choose-lightbox-link {
    width: 1.75rem;
    min-width: 1.75rem;
    height: 1.75rem;
    min-height: 1.75rem;
  }
  .about-counter-1 {
    height: 2rem;
  }
  .expert-text {
    font-size: var(--_typography---texts-font-sizes--subtitle);
    line-height: var(--_typography---texts-line-height--subtitle);
    letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  }
  .choose-card-image {
    width: 1.75rem;
  }
  .star-icon {
    width: 1rem;
  }
  .offer-text {
    margin-top: -.5rem;
  }
  .choose-card-para {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
  .testimonial-slider-title {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
  .testimonial-slider-flex {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  }
  .testimonial-author-name {
    font-size: var(--_typography---heading-font-sizes--body-2);
    line-height: var(--_typography---heading-line-height--body-2);
    letter-spacing: var(--_typography---heading-letter-spacing--body-2);
  }
  .testimonial-author-designation {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
  }
  .about-ball {
    width: 9rem;
  }
  .accessories-tabs-menu {
    flex-flow: wrap;
    overflow: auto;
  }
  .collection-list-product {
    grid-template-columns: 1fr 1fr;
  }
  .product-item-info {
    padding-right: var(--_sizes---spacing--spacing-tiny);
    padding-left: var(--_sizes---spacing--spacing-tiny);
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  }
  .experts-left {
    max-width: 33rem;
    display: flex;
  }
  .expert-handbball {
    margin-left: auto;
    margin-right: auto;
  }
  .expert-counter-1 {
    top: 57%;
    left: 15%;
  }
  .expert-counter-2 {
    bottom: 20%;
    left: 43%;
  }
  .expert-marquee-item {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    padding: 1rem 2rem;
  }
  .expert-marquee-num {
    font-size: var(--_typography---heading-font-sizes--h1);
    line-height: var(--_typography---heading-line-height--h1);
    letter-spacing: var(--_typography---heading-letter-spacing--h1);
  }
  .expert-marquee-text {
    font-size: var(--_typography---texts-font-sizes--subtitle);
    line-height: var(--_typography---texts-line-height--subtitle);
    letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  }
  .community-content {
    padding-bottom: 0;
    padding-left: 0;
  }
  .community-top {
    max-width: none;
    padding-right: var(--_sizes---spacing--spacing-regular);
    padding-left: var(--_sizes---spacing--spacing-normal);
  }
  .community-image {
    width: 100%;
    margin-top: -4rem;
    position: static;
  }
  .community-button-block {
    padding-left: var(--_sizes---spacing--spacing-normal);
  }
  .community-line {
    max-width: 20rem;
    display: none;
    bottom: 0%;
    right: -5%;
  }
  .plan-block {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
  }
  .plan-cards, .collection-list-blog {
    grid-template-columns: minmax(0, 1fr);
  }
  .blog-item-link {
    height: 20rem;
  }
  .blog-item-link.blog {
    height: 22rem;
  }
  .blog-item-link.blog-1 {
    height: auto;
  }
  .blog-item-details.top {
    background-image: linear-gradient(180deg, var(--_colors---text-color--transparent), var(--_colors---button-color--rgba-17-17-17-0-80));
  }
  .insights-grid {
    grid-template-columns: 1fr;
  }
  .faq-para {
    font-size: var(--_typography---heading-font-sizes--body-2);
    line-height: var(--_typography---heading-line-height--body-2);
    letter-spacing: var(--_typography---heading-letter-spacing--body-2);
  }
  .follow-title {
    font-size: 8rem;
  }
  .follow-marquee {
    margin-top: -6.5rem;
  }
  .follow-marquee-card {
    padding: 1rem 1.5rem;
  }
  .follow-marquee-num {
    font-size: var(--_typography---heading-font-sizes--h1);
    line-height: var(--_typography---heading-line-height--h1);
    letter-spacing: var(--_typography---heading-letter-spacing--h1);
  }
  .follow-marquee-para {
    font-size: var(--_typography---heading-font-sizes--body-2);
    line-height: var(--_typography---heading-line-height--body-2);
    letter-spacing: var(--_typography---heading-letter-spacing--body-2);
  }
  .follow-abs-icon {
    width: 8rem;
    bottom: -2.5rem;
    left: -1rem;
  }
  .follow-abs-icon._02 {
    width: 10rem;
    bottom: -2.4rem;
    left: -.6rem;
  }
  .follow-abs-icon._04 {
    width: 9rem;
    bottom: -3.5rem;
    left: -2.2rem;
  }
  .follow-marquee-img {
    border-radius: var(--_sizes---border-radius--radius-small);
    object-position: 50% 0%;
    height: 14rem;
  }
  .cta-contents {
    padding-top: var(--_sizes---spacing--spacing-massive);
    padding-right: var(--_sizes---spacing--spacing-normal);
  }
  .cta-subscribe-text-field {
    height: 3.5rem;
    padding-top: .5rem;
  }
  .submit-button {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }
  .product-item-image {
    position: static;
  }
  .button-group {
    grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
    flex-flow: wrap;
  }
  .add-to-cart-button {
    background-position: 70%;
  }
  .product-marquee-top {
    margin-bottom: -4.5rem;
  }
  .product-marquee-bottom {
    transform: rotate(-10deg);
  }
  .titleist-block {
    grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }
  .titleist-image, .file-icon {
    max-width: 4rem;
  }
  .about-hero-abs-img {
    max-width: 20rem;
    top: 20%;
  }
  .about-hero-content {
    max-width: none;
  }
  .years-block {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  }
  .years-icon {
    width: 8rem;
  }
  .blog-bottom {
    grid-column-gap: var(--_sizes---border-radius--radius-medium);
    grid-row-gap: var(--_sizes---border-radius--radius-medium);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .collection-list-blogs {
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    grid-template-columns: 1fr;
  }
  .blog-banner {
    height: 20rem;
  }
  .blog-main-details {
    margin-top: var(--_sizes---spacing--spacing-xxsmall);
  }
  .blog-main-details blockquote {
    padding: 1.5rem 1.25rem;
  }
  .features-table {
    max-width: 15rem;
  }
  .beginner-table {
    max-width: 14rem;
  }
  .membership-top {
    grid-template-columns: 1fr;
  }
  .details-includes {
    margin-top: 0;
  }
  .contact-button {
    background-position: 64%;
  }
  .photos-block {
    padding-right: var(--_sizes---spacing--spacing-regular);
    padding-left: var(--_sizes---spacing--spacing-regular);
  }
  .photos-card {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
  }
  .unsplash-icon {
    width: 3rem;
  }
  .freepik-icon, .lummi-icon {
    width: 6rem;
  }
  .pngegg-icon {
    width: 8rem;
  }
  .icons-block {
    padding-right: var(--_sizes---spacing--spacing-regular);
    padding-left: var(--_sizes---spacing--spacing-regular);
  }
  .icons-card {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
  }
  .hugeicons-icon {
    width: 5rem;
  }
  .fonts-block {
    padding-right: var(--_sizes---spacing--spacing-regular);
    padding-left: var(--_sizes---spacing--spacing-regular);
  }
  .google-icon {
    width: 6rem;
  }
  .protected-button {
    background-position: 60%;
  }
  .cookie-consent {
    display: none;
  }
  .login-contents {
    border-radius: 1.25rem;
    grid-template-columns: minmax(0, 1fr);
    overflow: auto;
  }
  .login-image {
    object-position: 50% 0%;
    height: 16rem;
  }
  .login-button {
    background-position: 60%;
  }
  .exclusive-discount-box {
    border-radius: 1.25rem;
  }
  .exclusive-button {
    background-position: 70%;
  }
  .main-checkout-button {
    background-position: 64%;
  }
  .block-content {
    padding: 1.25rem;
  }
  .cart-checkout-button {
    background-position: 64%;
  }
  .why-img {
    margin-left: -2rem;
  }
  .event-name {
    max-width: 11rem;
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
  .award-icon {
    width: 3rem;
  }
  .award-text {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
  .award-desp {
    font-weight: var(--font-weight--normal-regular);
  }
  .explore-title {
    max-width: 32rem;
  }
  .explore-bottom {
    grid-template-columns: minmax(0, 1fr);
  }
  .explore-right {
    position: static;
  }
  .explore-cards {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .explore-card {
    position: static;
  }
  .explore-name {
    max-width: 11rem;
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
}
@media screen and (max-width: 479px) {
  body {
    --_typography---texts-font-sizes--default-paragraph: 1rem;
    --_typography---texts-line-height--default-paragraph: 130%;
    --_typography---texts-letter-spacing--default-paragraph: 0rem;
    --_typography---heading-font-sizes--h1: 2rem;
    --_typography---heading-line-height--h1: 100%;
    --_typography---heading-letter-spacing--h1: 0rem;
    --_typography---heading-font-sizes--h2: 2rem;
    --_typography---heading-line-height--h2: 110%;
    --_typography---heading-letter-spacing--h2: 0rem;
    --_typography---heading-font-sizes--h3: 1.5rem;
    --_typography---heading-line-height--h3: 110%;
    --_typography---heading-letter-spacing--h3: 0rem;
    --_typography---heading-font-sizes--h4: 1.25rem;
    --_typography---heading-line-height--h4: 110%;
    --_typography---heading-letter-spacing--h4: 0rem;
    --_typography---heading-font-sizes--body-1: 1.125rem;
    --_typography---heading-line-height--body-1: 130%;
    --_typography---heading-letter-spacing--body-1: 0rem;
    --_typography---heading-font-sizes--body-2: 1rem;
    --_typography---heading-line-height--body-2: 140%;
    --_typography---heading-letter-spacing--body-2: 0rem;
    --_typography---texts-font-sizes--subtitle: .875rem;
    --_typography---texts-line-height--subtitle: 130%;
    --_typography---texts-letter-spacing--subtitle: 0rem;
    --_typography---texts-font-sizes--paragraph-l: 1rem;
    --_typography---texts-line-height--paragraph-l: 130%;
    --_typography---texts-letter-spacing--paragraph-l: 0rem;
    --_typography---heading-font-sizes--display-1: 2.5rem;
    --_typography---heading-line-height--display-1: 110%;
    --_typography---heading-letter-spacing--display-1: 0rem;
    --_typography---heading-font-sizes--display-2: 2.5rem;
    --_typography---heading-line-height--display-2: 110%;
    --_typography---heading-letter-spacing--display-2: 0rem;
    --_typography---texts-font-sizes--caption: 1.125rem;
    --_typography---texts-line-height--caption: 130%;
    --_typography---texts-letter-spacing--caption: 0rem;
    --_sizes---default-sizes--width: 100%;
    --_sizes---default-sizes--height: 100%;
    --_sizes---spacing--spacing-small: 1rem;
    --_sizes---border-radius--radius-small: 1rem;
    --_sizes---spacing--spacing-tiny: .5rem;
    --_sizes---container--max-width: 78rem;
    --_sizes---spacing--spacing-xxsmall: 1rem;
    --_sizes---spacing--spacing-xsmall: .625rem;
    --_sizes---spacing--spacing-medium: 1rem;
    --_sizes---spacing--spacing-colossal: 3.75rem;
    --_sizes---spacing--spacing-big: 2rem;
    --_sizes---spacing--spacing-massive: 2.5rem;
    --_sizes---spacing--spacing-jumbo: 2.25rem;
    --_sizes---spacing--spacing-large: 2rem;
    --_sizes---spacing--spacing-normal: 2rem;
    --_sizes---spacing--spacing-regular: 1.25rem;
    --_sizes---border-radius--radius-soft: 5rem;
    --_sizes---border-radius--radius-circle: 100%;
    --_sizes---border-radius--radius-regular: 1.5rem;
    --_sizes---border-radius--radius-large: 2rem;
    --_sizes---border-radius--radius-medium: 1.25rem;
    --_sizes---border-radius--radius-big: 3.75rem;
    --_sizes---border-radius--radius-tiny: .75rem;
  }
  .nav-dropdown-collection {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }
  .wrapper.choose-wrapper {
    padding-top: 8rem;
  }
  .wrapper.about-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
  }
  .wrapper.product-hero-wrapper {
    padding-top: 7rem;
  }
  .wrapper.our-story-wrapper {
    padding-bottom: 6rem;
  }
  .wrapper.our-promise-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
  }
  .wrapper.team-wrapper {
    padding-top: var(--_sizes---spacing--spacing-xxsmall);
  }
  .wrapper.growing-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }
  .wrapper.blog-details-wrapper, .wrapper.product-items-wrapper, .wrapper.pricing-details-wrapper {
    padding-top: 7rem;
  }
  .wrapper.contact-hero-wrapper {
    padding-top: 7rem;
    padding-bottom: 10rem;
  }
  .wrapper.award {
    padding-top: var(--_sizes---spacing--spacing-big);
    grid-template-columns: minmax(0, 1fr);
  }
  .large-paragraph.color-initial-name {
    font-size: var(--_typography---texts-font-sizes--subtitle);
    line-height: var(--_typography---texts-line-height--subtitle);
  }
  .display-1.home-hero-title {
    text-align: center;
  }
  .display-1.years, .display-1.strong, .display-1.players, .display-1.every {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
  .display-2.blog-item-title, .display-2.exclusive {
    font-size: var(--_typography---heading-font-sizes--h1);
    line-height: var(--_typography---heading-line-height--h1);
    letter-spacing: var(--_typography---heading-letter-spacing--h1);
  }
  .color-code-box {
    border-radius: var(--_sizes---spacing--spacing-xsmall);
    height: 7rem;
  }
  .color-flex {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
    flex-flow: wrap;
  }
  .color-name {
    font-size: var(--_typography---texts-font-sizes--subtitle);
    line-height: var(--_typography---texts-line-height--subtitle);
    letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  }
  .utility-page-wrap {
    height: auto;
    padding-top: 7rem;
    padding-bottom: var(--_sizes---spacing--spacing-colossal);
  }
  .primary-button:where(.button-space-741) {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .button-01, .button-02 {
    padding: .75rem 1.75rem;
  }
  .footer-bottom-wrap {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .footer-right {
    flex-flow: wrap;
  }
  .footer-image {
    bottom: 5%;
  }
  .body-2.hero-para, .body-2.about-para, .body-2.experts-para, .body-2.about-para-1, .body-2.help, .body-2.why-para, .body-2.promise-para {
    text-align: center;
  }
  .home-hero-content {
    justify-content: center;
    align-items: center;
  }
  .choose-section {
    margin-top: -43rem;
  }
  .hero-abs-image {
    margin-top: 0;
  }
  .choose-cards {
    grid-template-columns: minmax(0, 1fr);
  }
  .testimonial-slider-images {
    grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  }
  .testimonial-slider-title {
    font-size: var(--_typography---heading-font-sizes--body-1);
    line-height: var(--_typography---heading-line-height--body-1);
    letter-spacing: var(--_typography---heading-letter-spacing--body-1);
  }
  .testimonial-author-designation {
    font-size: var(--_typography---texts-font-sizes--subtitle);
    line-height: var(--_typography---texts-line-height--subtitle);
    letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  }
  .testimonial-author-icon {
    width: 2.4rem;
    height: 2.4rem;
  }
  .testimonial-author-icon._01 {
    width: 4rem;
    height: 4rem;
  }
  .testimonial-author-icon._02 {
    width: 3.5rem;
    height: 3.5rem;
  }
  .testimonial-author-icon._09 {
    width: 3rem;
    height: 3rem;
  }
  .testimonial-author-images {
    max-width: 18rem;
  }
  .testimonial-slider-dots {
    grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  }
  .about-right {
    justify-content: center;
    align-items: center;
  }
  .about-ball {
    width: 7rem;
    left: 1rem;
  }
  .about-title {
    text-align: center;
  }
  .about-gradient {
    bottom: -4rem;
    right: -3rem;
  }
  .accessories-tabs-menu {
    flex-flow: wrap;
    margin-bottom: 1.5rem;
  }
  .collection-list-product {
    grid-template-columns: 1fr;
  }
  .experts-left {
    max-width: 22.375rem;
    margin-top: -2rem;
  }
  .expert-counter-1 {
    font-size: var(--_typography---texts-font-sizes--default-paragraph);
    line-height: var(--_typography---texts-line-height--default-paragraph);
    letter-spacing: var(--_typography---texts-letter-spacing--default-paragraph);
    padding-top: .6rem;
    padding-bottom: .4rem;
    top: 64%;
    left: 11%;
  }
  .expert-counter-2 {
    padding-top: .6rem;
    padding-bottom: .4rem;
    bottom: 15%;
    left: 40%;
  }
  .community-content {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
    padding-top: 2rem;
  }
  .community-top {
    padding-right: var(--_sizes---spacing--spacing-xxsmall);
    padding-left: var(--_sizes---spacing--spacing-xxsmall);
  }
  .community-image {
    margin-top: -1rem;
  }
  .community-button-block {
    padding-right: var(--_sizes---spacing--spacing-xxsmall);
    padding-left: var(--_sizes---spacing--spacing-xxsmall);
  }
  .plan-top-flex {
    flex-flow: wrap;
  }
  .blog-item-link {
    height: 16rem;
  }
  .blog-item-top {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }
  .blog-item-name.blog {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
  .blog-item-name.blog-name {
    font-size: var(--_typography---heading-font-sizes--h4);
    line-height: var(--_typography---heading-line-height--h4);
    letter-spacing: var(--_typography---heading-letter-spacing--h4);
  }
  .insights-card {
    height: 18rem;
    padding: var(--_sizes---spacing--spacing-regular) var(--_sizes---spacing--spacing-xxsmall);
  }
  .faq-title {
    text-align: center;
  }
  .faq-left {
    justify-content: center;
    align-items: center;
  }
  .faq-list-wrap {
    padding-left: var(--_sizes---spacing--spacing-xxsmall);
  }
  .faq-ques {
    font-size: 20px;
  }
  .faq-icon-block {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
  }
  .faq-vertical-line {
    width: 1.5px;
  }
  .faq-horizontal-line {
    height: 1.5px;
  }
  .follow-title {
    font-size: 6rem;
  }
  .follow-marquee-card {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    border-radius: var(--_sizes---border-radius--radius-tiny);
    padding: .5rem 1rem;
  }
  .follow-marquee-num {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
  .follow-marquee-para {
    font-size: var(--_typography---texts-font-sizes--subtitle);
    line-height: var(--_typography---texts-line-height--subtitle);
    letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  }
  .follow-abs-icon {
    width: 6rem;
    bottom: -1.9rem;
    left: -.8rem;
  }
  .follow-abs-icon._02 {
    width: 7rem;
    bottom: -1.6rem;
    left: -.4rem;
  }
  .follow-abs-icon._04 {
    width: 6rem;
    bottom: -2.4rem;
    left: -1.4rem;
  }
  .follow-marquee-img {
    border-radius: var(--_sizes---border-radius--radius-tiny);
    width: 7rem;
    height: 8rem;
  }
  .cta-contents {
    padding-right: var(--_sizes---spacing--spacing-regular);
  }
  .subscribe-title {
    font-size: var(--_typography---heading-font-sizes--h1);
    line-height: var(--_typography---heading-line-height--h1);
    letter-spacing: var(--_typography---heading-letter-spacing--h1);
  }
  .cta-subscribe-form {
    flex-flow: column;
  }
  .submit-button {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .quantity {
    max-width: none;
  }
  .cart-main-block {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }
  .qty-field-label {
    text-align: center;
  }
  .product-marquee-top {
    margin-bottom: -3.7rem;
  }
  .bags-text {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
  .product-marquee-bottom {
    transform: rotate(-11deg);
  }
  .review-image._01 {
    max-width: none;
  }
  .more-images-reviewer {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .review-form-block {
    padding: 1.5rem 1rem;
  }
  .titleist-image {
    max-width: 3rem;
  }
  .checkbox {
    width: 2rem;
    height: 2rem;
  }
  .review-text-area {
    height: 6rem;
    min-height: 6rem;
  }
  .file-icon {
    max-width: 3rem;
  }
  .review-form-button {
    background-position: 60%;
  }
  .review-cross-icon {
    top: .5rem;
    right: 1rem;
  }
  .story-right {
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }
  .promise-title {
    text-align: center;
  }
  .promise-right, .about-hero-content {
    justify-content: center;
    align-items: center;
  }
  .team-cards {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
    grid-template-columns: minmax(0, 1fr);
  }
  .years-block {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }
  .years-icon {
    width: 6rem;
  }
  .stay-connected-section {
    padding-bottom: var(--_sizes---spacing--spacing-tiny);
  }
  .stay-title {
    text-align: center;
  }
  .stay-right {
    justify-content: center;
    align-items: center;
  }
  .blog-banner {
    height: 14rem;
  }
  .blog-main-details h1:where(:not([class*="heading-scale-"])), .blog-main-details h2:where(:not([class*="heading-scale-"])), .blog-main-details :where(.heading-scale-1), .blog-main-details :where(.heading-scale-2) {
    font-size: var(--_typography---heading-font-sizes--h3);
    line-height: var(--_typography---heading-line-height--h3);
    letter-spacing: var(--_typography---heading-letter-spacing--h3);
  }
  .blog-main-details blockquote {
    font-size: var(--_typography---texts-font-sizes--subtitle);
    line-height: var(--_typography---texts-line-height--subtitle);
    letter-spacing: var(--_typography---texts-letter-spacing--subtitle);
  }
  .contact-fields {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }
  .contact-text-area {
    height: 9rem;
    min-height: 9rem;
  }
  .contact-button {
    background-position: 74%;
  }
  .photos-cards {
    grid-template-columns: minmax(0, 1fr);
  }
  .hugeicons-icon {
    width: 4rem;
  }
  .google-icon {
    width: 5rem;
  }
  .changelog-date {
    font-size: var(--_typography---heading-font-sizes--body-1);
    line-height: var(--_typography---heading-line-height--body-1);
    letter-spacing: var(--_typography---heading-letter-spacing--body-1);
  }
  .protected-button {
    background-position: 64%;
  }
  .cookie-consent {
    display: none;
  }
  .login-contents {
    border-radius: 1rem;
  }
  .login-image {
    height: 12rem;
  }
  .login-button {
    background-position: 74%;
  }
  .exclusive-discount-box {
    padding: var(--_sizes---spacing--spacing-normal) var(--_sizes---spacing--spacing-regular);
    border-radius: 1rem;
  }
  .exclusive-button {
    background-position: 85%;
  }
  .exclusive-cross {
    top: 1rem;
    right: 1rem;
  }
  .main-checkout-button {
    background-position: 74%;
  }
  .block-header {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
    flex-flow: column;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .block-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .order-item-infos {
    margin: 0;
  }
  .order-item-wrap {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
    flex-flow: column;
  }
  .customer-info {
    text-align: center;
  }
  .cart-checkout-button {
    background-position: 74%;
  }
  .why-title {
    text-align: center;
  }
  .why-img {
    margin-left: -1rem;
  }
  .why-lists {
    justify-content: center;
    align-items: center;
  }
  .event-top {
    grid-template-columns: minmax(0, 1fr);
  }
  .event-card {
    grid-column-gap: var(--_sizes---spacing--spacing-massive);
    grid-row-gap: var(--_sizes---spacing--spacing-massive);
  }
  .event-name {
    max-width: none;
    font-size: var(--_typography---heading-font-sizes--h4);
    line-height: var(--_typography---heading-line-height--h4);
    letter-spacing: var(--_typography---heading-letter-spacing--h4);
  }
  .award-desp {
    width: var(--_sizes---default-sizes--width);
    max-width: 20rem;
  }
  .explore-cards {
    grid-template-columns: minmax(0, 1fr);
  }
  .explore-card {
    grid-column-gap: var(--_sizes---spacing--spacing-massive);
    grid-row-gap: var(--_sizes---spacing--spacing-massive);
  }
  .explore-name {
    max-width: none;
    font-size: var(--_typography---heading-font-sizes--h4);
    line-height: var(--_typography---heading-line-height--h4);
    letter-spacing: var(--_typography---heading-letter-spacing--h4);
  }
}
#node-cf231efb-6451-e039-ea7c-d0a4206e32a4-45ccf198 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
  #node-ddaf4692-a885-8573-14f5-761907866c50-45ccf198, #node-_85f4b0d4-82eb-dbde-8e47-aeee9732800a-8cbcf70b, #node-_6d8c3b5f-bf18-4b6c-1ecf-5adf1a1b16e9-8cbcf70b {
    order: -9999;
  }
}
@media screen and (max-width: 767px) {
  #node-_50282fb0-03a2-b807-415a-ec0ffb857cc7-45ccf198 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  #node-_6e8f8c4e-96ba-d973-04e5-b530be8e95f8-194dba7b, #node-bdb218b9-0790-97ee-06f0-44537ff3442b-8cbcf70b {
    order: -9999;
  }
  #node-_515c9216-e983-5a40-b049-b9d4f46c5bf6-481d51bd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}
@media screen and (max-width: 479px) {
  #node-_217fba10-d845-675e-1739-0aacc6217823-8cbcf70b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}
/* ======================================================================
   4. Components (hand-written)
   ====================================================================== */
/* GRIN GOLF - components.
   Vanilla replacements for the Webflow runtime and for its IX2 payload:
   298 events across 64 action lists, of which 176 are the six stock reveal
   presets and 66 are named behaviours.

   Everything here is a TRANSCRIPTION, not a redesign. Every duration, easing
   and distance below is the number the payload records, and the colours are
   taken as `var(--...)` from the swatch the payload names rather than as the
   rgb triple beside it -- because that is what Webflow's own runtime does.
   Measured on the published site: the payload says the testimonial dot goes
   to rgb(248, 95, 85), the swatch `--_colors---text-color--coral-red` now reads
   #b3554f, and the runtime writes #b3554f. The triple is a stale copy from
   the day the interaction was authored; the variable is the truth.

   Contents
     1  reveals
     2  navigation panel and the hamburger
     3  the "Pages" dropdown
     4  tab set
     5  testimonial slider
     6  marquees
     7  slot-machine counters
     8  FAQ accordions
     9  hovers
    10  the discount overlay and the review dialog
    11  the in-stock pulse
    12  the custom checkbox
    13  cart, checkout and form states
    14  layout helpers this build adds

   Two easings do all the work, and both are Webflow's own:
     --ease-out-quart  the reveals, 1000ms
     --ease-out-quad   everything else                                    */

:root {
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* ===========================================================================
   1. Reveals

   SCROLL_INTO_VIEW fires once -- every event in this payload carries
   `loop: false` -- so main.js observes each element and adds `.is-revealed`
   on the first crossing.

   The six presets are Webflow's stock ones. All six fade 0 -> 1 over 1000ms
   `outQuart`; they differ only in where they start from: 100px on one axis, on both, or scale 0.75.

   THE REST STATE IS GATED ON `.js`. With scripting off nothing would ever
   add `.is-revealed`, and an ungated `opacity: 0` would ship a blank page --
   which is exactly what happened on an earlier conversion. `:where(.js)`
   scores zero, so the gate costs no specificity.

   And these are ANIMATIONS, not transitions. A `transition:` shorthand here
   would overwrite whatever transition the element's own class already
   declares -- the product card's image and the FAQ's icon both have one --
   and the element would lose its hover. */
:where(.js) .reveal {
  opacity: 0;
}
:where(.js) .reveal.reveal-up { transform: translate3d(0, 100px, 0); }
:where(.js) .reveal.reveal-left { transform: translate3d(-100px, 0, 0); }
:where(.js) .reveal.reveal-right { transform: translate3d(100px, 0, 0); }
:where(.js) .reveal.reveal-up-left { transform: translate3d(-100px, 100px, 0); }
:where(.js) .reveal.reveal-up-right { transform: translate3d(100px, 100px, 0); }
:where(.js) .reveal.reveal-grow { transform: scale3d(0.75, 0.75, 1); }
.reveal.is-revealed {
  animation: reveal-in 1000ms var(--ease-out-quart) both;
  animation-delay: var(--reveal-delay, 0ms);
}
@keyframes reveal-in {
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.js) .reveal, :where(.js) .reveal[class] {
    opacity: 1;
    transform: none;
  }
  .reveal.is-revealed {
    animation: none;
  }
}
/* ===========================================================================
   2. Navigation panel and the hamburger

   `data-collapse="medium"`: below 992px the menu is a panel and the button
   appears. The runtime measured the panel and animated its height; the design
   already sizes it, so the closed state is a `display: none` the button's own
   `aria-expanded` lifts.

   The three bars are the export's `Menu-Black-Hamburger.json` lottie -- three
   shape layers, "top", "middle", "bottom", 60 frames at 29.97fps, played
   forward on open and backward on close. 60/29.97 = 2002ms is the file's full
   length, but the export asks the player for `data-duration="2.002"` and IX2
   plays it at 1x, so the transition below is the same 2 seconds ONLY if you
   read the lottie literally. It does not: a two-second hamburger feels
   broken. The payload's own `Menu Opens` action list has no duration of its
   own (PLUGIN_LOTTIE just plays the file), so this uses 300ms -- the value
   Webflow's own navbar uses for `data-duration` on this template. */
.hamburger {
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.32rem;
  pointer-events: none;
}
.hamburger-bar {
  width: 100%;
  height: 2px;
  background-color: currentColor;
  border-radius: 2px;
  transition: transform 300ms var(--ease-out-quad),
              opacity 300ms var(--ease-out-quad);
}
.menu-button[aria-expanded="true"] .hamburger-bar:nth-child(1) {
  transform: translateY(0.5rem) rotate(45deg);
}
.menu-button[aria-expanded="true"] .hamburger-bar:nth-child(2) {
  opacity: 0;
}
.menu-button[aria-expanded="true"] .hamburger-bar:nth-child(3) {
  transform: translateY(-0.5rem) rotate(-45deg);
}
@media screen and (max-width: 991px) {
  .nav-menu-wrapper {
    display: none;
  }
  .navbar.is-nav-open .nav-menu-wrapper {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }
}
/* ===========================================================================
   3. The "Pages" dropdown

   Webflow opened it on hover AND on click (`data-hover="true"`). Both are
   kept: the hover is the rule below, the click is `aria-expanded` on the
   toggle. `:focus-within` is what makes it reachable from a keyboard even
   before main.js runs.

   a-3 / a-4 rotate `.dropdown-arrow` 180deg while it is open. */
.wf-dropdown-list {
  display: none;
}
.nav-dropdown:hover .wf-dropdown-list, .nav-dropdown:focus-within .wf-dropdown-list, .wf-dropdown-toggle[aria-expanded="true"] + .wf-dropdown-list {
  display: block;
}
.dropdown-arrow {
  transition: transform 200ms var(--ease-out-quad);
}
.nav-dropdown:hover .dropdown-arrow, .wf-dropdown-toggle[aria-expanded="true"] .dropdown-arrow {
  transform: rotate(180deg);
}
/* Nothing here positions the open panel. The DESIGN sheet already does, on
   the class build_css renamed `.w--open` to:

       .nav-dropdown-list.is-open { padding-top: 1.75rem; left: -21rem; }
       @media (max-width: 991px) { ...{ width: 100%; padding-top: 1rem;
                                        position: static; } }

   -- the desktop offset that pulls the panel back under the nav pill, and the
   phone rule that drops it into the flow of the menu column. main.js moves
   `.is-open` onto the list for hover AND for click, so those numbers stay in
   one place instead of being copied here. */


/* ===========================================================================
   4. Tab set

   The design styles `.accessories-tab-link` and its `.w--current`, which
   build_css maps onto `.is-active`; main.js moves the class and the
   `aria-selected` beside it. Only the pane's own show/hide is left. */
.tabset-pane {
  display: none;
}
.tabset-pane.is-active {
  display: block;
}
/* ===========================================================================
   5. Testimonial slider

   `data-animation="cross"`: a cross-FADE, not a slide. The five slides are
   stacked on top of each other and only the active one is opaque, which is
   why there is no track and no transform here.

   The rest of it is a-11..a-15, one action list per slide, each setting the
   whole row of nine author portraits at once: the active one grows to
   8.375rem with a yellow ring, its two neighbours to 5.63rem, everything else
   stays at 3.75rem -- and the reel slides so the active portrait stays put.
   The five x offsets are the payload's own (0, -4.6, -9.4, -14.2, -19rem), not a step computed here. */
.testimonial-slider {
  position: relative;
}
.testimonial-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms var(--ease-out-quad),
              visibility 0ms linear 500ms;
}
/* The first slide keeps its place in the flow, so the mask still gets its
   height from the tallest thing in it rather than collapsing to zero. */
.testimonial-slide:first-child {
  position: relative;
}
.testimonial-slide.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 500ms var(--ease-out-quad),
              visibility 0ms linear 0ms;
}
.testimonial-slider-images {
  transition: transform 500ms var(--ease-out-quad);
}
.testimonial-slider[data-slide="1"] .testimonial-slider-images { transform: translate3d(0, 0, 0); }
.testimonial-slider[data-slide="2"] .testimonial-slider-images { transform: translate3d(-4.6rem, 0, 0); }
.testimonial-slider[data-slide="3"] .testimonial-slider-images { transform: translate3d(-9.4rem, 0, 0); }
.testimonial-slider[data-slide="4"] .testimonial-slider-images { transform: translate3d(-14.2rem, 0, 0); }
.testimonial-slider[data-slide="5"] .testimonial-slider-images { transform: translate3d(-19rem, 0, 0); }
/* The portraits. The design already sizes `._01` at 8.375rem and `._02`/`._09`
   at 5.63rem for slide 1, so only slides 2-5 need a rule -- and each is
   written the same way the payload writes it: the active one, then its two
   neighbours, then the default the base class already provides. */
.testimonial-author-icon {
  transition: width 500ms var(--ease-out-quad),
              height 500ms var(--ease-out-quad),
              border-color 500ms var(--ease-out-quad);
}
.testimonial-slider[data-slide="2"] .testimonial-author-icon._02, .testimonial-slider[data-slide="3"] .testimonial-author-icon._03, .testimonial-slider[data-slide="4"] .testimonial-author-icon._04, .testimonial-slider[data-slide="5"] .testimonial-author-icon._05 {
  width: 8.375rem;
  height: 8.375rem;
  border-color: var(--_colors---background-color--yellow);
}
.testimonial-slider[data-slide="2"] .testimonial-author-icon._01, .testimonial-slider[data-slide="2"] .testimonial-author-icon._03, .testimonial-slider[data-slide="3"] .testimonial-author-icon._02, .testimonial-slider[data-slide="3"] .testimonial-author-icon._04, .testimonial-slider[data-slide="4"] .testimonial-author-icon._03, .testimonial-slider[data-slide="4"] .testimonial-author-icon._05, .testimonial-slider[data-slide="5"] .testimonial-author-icon._04, .testimonial-slider[data-slide="5"] .testimonial-author-icon._06 {
  width: 5.63rem;
  height: 5.63rem;
  border-color: var(--_colors---text-color--rgba-255-255-255-0-60);
}
.testimonial-slider[data-slide="2"] .testimonial-author-icon._09, .testimonial-slider[data-slide="3"] .testimonial-author-icon._01, .testimonial-slider[data-slide="3"] .testimonial-author-icon._09, .testimonial-slider[data-slide="4"] .testimonial-author-icon._01, .testimonial-slider[data-slide="4"] .testimonial-author-icon._02, .testimonial-slider[data-slide="4"] .testimonial-author-icon._09, .testimonial-slider[data-slide="5"] .testimonial-author-icon._01, .testimonial-slider[data-slide="5"] .testimonial-author-icon._02, .testimonial-slider[data-slide="5"] .testimonial-author-icon._03, .testimonial-slider[data-slide="5"] .testimonial-author-icon._09 {
  width: 3.75rem;
  height: 3.75rem;
  border-color: var(--_colors---text-color--rgba-255-255-255-0-60);
}
@media screen and (max-width: 479px) {
  /* The design halves every portrait below 480px; the three sizes above have
     to follow, or a slide change would resize them back to the desktop
     numbers on a phone. */
  .testimonial-slider[data-slide="2"] .testimonial-author-icon._02, .testimonial-slider[data-slide="3"] .testimonial-author-icon._03, .testimonial-slider[data-slide="4"] .testimonial-author-icon._04, .testimonial-slider[data-slide="5"] .testimonial-author-icon._05 {
    width: 4rem;
    height: 4rem;
  }
  .testimonial-slider[data-slide="2"] .testimonial-author-icon._01, .testimonial-slider[data-slide="2"] .testimonial-author-icon._03, .testimonial-slider[data-slide="3"] .testimonial-author-icon._02, .testimonial-slider[data-slide="3"] .testimonial-author-icon._04, .testimonial-slider[data-slide="4"] .testimonial-author-icon._03, .testimonial-slider[data-slide="4"] .testimonial-author-icon._05, .testimonial-slider[data-slide="5"] .testimonial-author-icon._04, .testimonial-slider[data-slide="5"] .testimonial-author-icon._06 {
    width: 3.5rem;
    height: 3.5rem;
  }
  .testimonial-slider[data-slide="2"] .testimonial-author-icon._09, .testimonial-slider[data-slide="3"] .testimonial-author-icon._01, .testimonial-slider[data-slide="3"] .testimonial-author-icon._09, .testimonial-slider[data-slide="4"] .testimonial-author-icon._01, .testimonial-slider[data-slide="4"] .testimonial-author-icon._02, .testimonial-slider[data-slide="4"] .testimonial-author-icon._09, .testimonial-slider[data-slide="5"] .testimonial-author-icon._01, .testimonial-slider[data-slide="5"] .testimonial-author-icon._02, .testimonial-slider[data-slide="5"] .testimonial-author-icon._03, .testimonial-slider[data-slide="5"] .testimonial-author-icon._09 {
    width: 2.4rem;
    height: 2.4rem;
  }
}
/* The dot strip. The design paints `._01` coral and the rest 20% white, which
   is slide 1's state; `.is-active` is what moves it. */
.testimonial-slider-dot {
  border: 0;
  padding: 0;
  transition: background-color 350ms var(--ease-out-quad);
}
.testimonial-slider-dot._01 {
  background-color: var(--_colors---text-color--rgba-255-255-255-0-20);
}
.testimonial-slider-dot.is-active {
  background-color: var(--_colors---text-color--coral-red);
}
/* ===========================================================================
   6. Marquees

   Five of them, at three speeds. Each is a row of duplicated cells inside an
   `overflow: clip` box: translating the row -100% of its OWN width lands the
   second copy exactly where the first started, so the loop has no seam.

   `data-marquee` carries the duration the payload recorded. The product
   page's bottom strip runs the other way -- its rest state is -100% and it
   animates towards 0 -- which is what the `-reverse` value says. */
[data-marquee] > * {
  animation: marquee-run var(--marquee-duration, 30s) linear infinite;
}
[data-marquee="30s"] { --marquee-duration: 30s; }
[data-marquee="25s"] { --marquee-duration: 25s; }
[data-marquee="20s"] { --marquee-duration: 20s; }
[data-marquee="20s-reverse"] {
  --marquee-duration: 20s;
}
[data-marquee="20s-reverse"] > * {
  animation-name: marquee-run-reverse;
}
@keyframes marquee-run {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-100%, 0, 0); }
}
@keyframes marquee-run-reverse {
  from { transform: translate3d(-100%, 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  [data-marquee] > * {
    animation: none;
  }
}
/* ===========================================================================
   7. Slot-machine counters

   Two reels of twelve digits inside a one-digit window. a-9 starts the first
   at 0% and runs it to -91.6% (11/12 of the reel, so it lands on the twelfth
   cell); a-10 starts the second at -91.6% and runs it back to 0. The two
   together spell "80".

   The percentages are the payload's, not 100 * 11/12 computed here -- the
   difference is a fifteenth of a pixel, and reproducing the recorded number
   is what makes the two sides comparable. */
[data-counter] > * {
  transition: transform 1000ms var(--ease-out-quad);
}
[data-counter="1"] > * { transform: translate3d(0, 0%, 0); }
[data-counter="2"] > * { transform: translate3d(0, -91.6%, 0); }
[data-counter="1"].is-counted > * { transform: translate3d(0, -91.6%, 0); }
[data-counter="2"].is-counted > * { transform: translate3d(0, 0%, 0); }
@media (prefers-reduced-motion: reduce) {
  [data-counter] > * {
    transition: none;
  }
}
/* ===========================================================================
   8. FAQ accordions

   a-21 / a-22 on the home, login and signup pages; a-27 / a-28 on a product
   page, which adds a border colour to the icon puck. Both open the answer
   from height 0 to auto over 300ms and close it over 500ms, rotate the
   vertical stroke of the "+" into the horizontal one, and lift the answer
   copy 16px into place.

   `height: 0 -> auto` is not animatable, so this uses `grid-template-rows`
   instead, which is -- and which needs no measurement in JavaScript, so the
   answer stays correct when the text reflows or the window is resized.

   MINMAX(0, 0fr), NOT 0fr. A bare `Nfr` track is `minmax(auto, Nfr)`, and
   that automatic minimum is the item's min-content size -- which the
   paragraph's own line box sets, `min-height: 0` and `overflow: hidden`
   notwithstanding. A closed panel measured 16px instead of 0, so the first
   line of every answer was showing through the fold on ten accordion rows.
   `minmax(0, ...)` removes the auto minimum and it collapses properly. */
.faq-heading {
  display: contents;
}
.faq-question {
  width: 100%;
  text-align: left;
}
.faq-answer {
  display: grid;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 500ms var(--ease-out-quad);
}
.faq-answer > * {
  min-height: 0;
  overflow: hidden;
  transform: translateY(-16px);
  transition: transform 500ms var(--ease-out-quad);
}
[data-faq].is-open .faq-answer {
  grid-template-rows: minmax(0, 1fr);
  transition-duration: 300ms;
}
[data-faq].is-open .faq-answer > * {
  transform: none;
  transition-duration: 300ms;
}
/* The "+" that becomes a "-": the vertical stroke rotates 90deg onto the
   horizontal one, and the puck fills. */
.faq-vertical-line {
  transform: rotate(0deg);
  transition: transform 500ms var(--ease-out-quad),
              background-color 500ms var(--ease-out-quad);
}
.faq-icon-block {
  transition: background-color 500ms var(--ease-out-quad),
              border-color 500ms var(--ease-out-quad);
}
[data-faq="default"].is-open .faq-vertical-line {
  transform: rotate(90deg);
  background-color: var(--_colors---background-color--background);
  transition-duration: 300ms;
}
[data-faq="default"].is-open .faq-icon-block {
  background-color: var(--_colors---background-color--neon-green);
  transition-duration: 300ms;
}
[data-faq="product"].is-open .faq-vertical-line {
  transform: rotate(90deg);
  background-color: var(--_colors---text-color--dark-grassy-black);
  transition-duration: 300ms;
}
[data-faq="product"].is-open .faq-horizontal-line {
  background-color: var(--_colors---text-color--dark-grassy-black);
}
[data-faq="product"].is-open .faq-icon-block {
  border-color: var(--_colors---text-color--dark-grassy-black);
  transition-duration: 300ms;
}
.faq-horizontal-line {
  transition: background-color 500ms var(--ease-out-quad);
}
@media (prefers-reduced-motion: reduce) {
  .faq-answer, .faq-answer > *, .faq-vertical-line, .faq-icon-block, .faq-horizontal-line {
    transition: none;
  }
}
/* ===========================================================================
   9. Hovers

   Forty of the payload's events are hover pairs, and every one of them is
   `useEventTarget: "CHILDREN"` -- the selector is scoped to the trigger's own
   subtree. That is what lets each become a plain descendant rule under
   `:hover`, with no JavaScript at all.

   `:focus-within` is beside every `:hover` so a keyboard reaches the same
   state; on the product card that is the difference between being able to
   reach "QUICK VIEW" and not. */

/* a-6 / a-7 / a-31 / a-32 / a-50 / a-51 / a-54 / a-55 -- the primary button.
   The label is stacked twice inside a 1.625rem `overflow: clip` box and rolls
   -100%, while the two arrows slide +100% out of their own 1.5rem box, so the
   second copy of each arrives as the first leaves. 400ms. */
.primary-button-text, .primary-button-arrow {
  transition: transform 400ms var(--ease-out-quad);
}
[data-hover="primary-button"]:hover .primary-button-text, [data-hover="primary-button"]:focus-visible .primary-button-text {
  transform: translate3d(0, -100%, 0);
}
[data-hover="primary-button"]:hover .primary-button-arrow, [data-hover="primary-button"]:focus-visible .primary-button-arrow {
  transform: translate3d(100%, 0, 0);
}
/* a-37 / a-38 -- the same gesture on the blog card's "Read more", at 500ms
   and with its own class names. */
.read-text, .read-arrow {
  transition: transform 500ms var(--ease-out-quad);
}
[data-hover="read-more"]:hover .read-text, [data-hover="read-more"]:focus-visible .read-text {
  transform: translate3d(0, -100%, 0);
}
[data-hover="read-more"]:hover .read-arrow, [data-hover="read-more"]:focus-visible .read-arrow {
  transform: translate3d(100%, 0, 0);
}
/* a-16 / a-17 -- the product card. The photograph scales to 1.1 behind its
   `overflow: clip` frame, the QUICK VIEW / wishlist overlay fades in, and the
   title goes coral. The title's 350ms is the payload's: it is the one value
   in the pair that is not 500. */
.product-image {
  transition: transform 500ms var(--ease-out-quad);
}
.product-abs-details {
  transition: opacity 500ms var(--ease-out-quad);
}
.product-item-name {
  transition: color 350ms var(--ease-out-quad);
}
[data-hover="product-item"]:hover .product-image, [data-hover="product-item"]:focus-within .product-image {
  transform: scale3d(1.1, 1.1, 1);
}
[data-hover="product-item"]:hover .product-abs-details, [data-hover="product-item"]:focus-within .product-abs-details {
  opacity: 1;
}
[data-hover="product-item"]:hover .product-item-name, [data-hover="product-item"]:focus-within .product-item-name {
  color: var(--_colors---text-color--coral-red);
}
/* a-19 / a-20 and a-39 / a-40 -- the blog card. Same scale, but the title
   changes to a DIFFERENT colour in each: neon green where the card sits on
   the dark home-page section (`.blog-item-name`), coral where it sits on
   white (`.blog-item-name.blog-name`). The two rules are written in that
   order so the more specific one wins. */
.blog-main-image {
  transition: transform 500ms var(--ease-out-quad);
}
.blog-item-name {
  transition: color 300ms var(--ease-out-quad);
}
[data-hover="blog-item"]:hover .blog-main-image, [data-hover="blog-item"]:focus-within .blog-main-image {
  transform: scale3d(1.1, 1.1, 1);
}
[data-hover="blog-item"]:hover .blog-item-name, [data-hover="blog-item"]:focus-within .blog-item-name {
  color: var(--_colors---background-color--neon-green);
}
[data-hover="blog-item"]:hover .blog-item-name.blog-name, [data-hover="blog-item"]:focus-within .blog-item-name.blog-name {
  color: var(--_colors---text-color--coral-red);
}
/* a-35 / a-36 -- the team card's caption fades in over the portrait. */
.team-card-details {
  transition: opacity 500ms var(--ease-out-quad);
}
[data-hover="team-card"]:hover .team-card-details, [data-hover="team-card"]:focus-within .team-card-details {
  opacity: 1;
}
/* a-41 / a-42 -- the contact page's email address. */
.contact-email {
  transition: color 500ms var(--ease-out-quad);
}
[data-hover="contact-email"]:hover .contact-email, [data-hover="contact-email"]:focus-within .contact-email {
  color: var(--_colors---text-color--coral-red);
}
/* a-56 / a-57 -- the home page's numbered event rows go yellow, and their
   number and name invert to black. */
.event-card, .event-name, .event-num {
  transition: background-color 500ms var(--ease-out-quad),
              color 500ms var(--ease-out-quad);
}
[data-hover="event-card"]:hover .event-card, [data-hover="event-card"]:focus-within .event-card {
  background-color: var(--_colors---background-color--yellow);
}
[data-hover="event-card"]:hover .event-name, [data-hover="event-card"]:hover .event-num, [data-hover="event-card"]:focus-within .event-name, [data-hover="event-card"]:focus-within .event-num {
  color: var(--_colors---text-color--dark-grassy-black);
}
/* a-58 / a-59 -- the About page's rows invert the other way: the card goes
   dark green and the text white. */
.explore-card, .explore-name, .explore-num {
  transition: background-color 500ms var(--ease-out-quad),
              color 500ms var(--ease-out-quad);
}
[data-hover="explore-card"]:hover .explore-card, [data-hover="explore-card"]:focus-within .explore-card {
  background-color: var(--_colors---background-color--background);
}
[data-hover="explore-card"]:hover .explore-name, [data-hover="explore-card"]:hover .explore-num, [data-hover="explore-card"]:focus-within .explore-name, [data-hover="explore-card"]:focus-within .explore-num {
  color: var(--_colors---background-color--white);
}
/* ===========================================================================
   10. The discount overlay and the review dialog

   a-52 / a-53 and a-33 / a-34. Both are `display: none` plus `opacity: 0` in
   the design sheet, which is the closed state, and both open with a 300ms
   fade. `display` cannot be transitioned, so the class sets it and the
   opacity follows on the next frame -- main.js adds `.is-open` in a rAF for
   exactly that reason. */
.exclusive-discount, .write-review-block {
  transition: opacity 300ms var(--ease-out-quad);
}
.exclusive-discount.is-open, .write-review-block.is-open {
  opacity: 1;
}
.exclusive-discount.is-shown {
  display: block;
}
.write-review-block.is-shown {
  display: flex;
}
/* The close cross was an <img> with a click listener. The button around it
   carries no box of its own -- the image keeps `.exclusive-cross`, which is
   what positions it. */
.exclusive-cross-button {
  display: contents;
}
/* ===========================================================================
   11. The in-stock pulse

   a-26: `.stock-box` grows from 0 to 0.75rem over 1000ms and shrinks back
   over another 1000ms, once, when the product page's stock line scrolls into
   view. The design gives the box `opacity: .2` and a coral background, so
   this only animates the size. */
.stock-box {
  width: 0;
  height: 0;
}
.stock-box.is-pulsing {
  animation: stock-pulse 2000ms var(--ease-out-quad) both;
}
@keyframes stock-pulse {
  0% { width: 0; height: 0; }
  50% { width: 0.75rem; height: 0.75rem; }
  100% { width: 0; height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .stock-box.is-pulsing {
    animation: none;
  }
}
/* ===========================================================================
   12. The custom checkbox

   The five review-rating stars. Webflow hid the real <input> with an inline
   `opacity: 0; position: absolute; z-index: -1` and drew a 3rem proxy beside
   it; transform.py drops that inline declaration and it is restated here, on
   the INPUT -- which is where it belongs, because `.checkbox` is the proxy, not the control.

   `.is-checked` is what build_css renames `.w--redirected-checked` to, and
   main.js moves it in the runtime's place. */
.checkbox-field input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.checkbox-field input[type="checkbox"]:focus-visible ~ .checkbox, .checkbox-field input[type="checkbox"]:focus-visible + .checkbox {
  outline: 2px solid var(--_colors---text-color--coral-red);
  outline-offset: 2px;
}
/* ===========================================================================
   13. Cart, checkout and form states

   The drawer is `display: none` in the export's inline style, which
   transform.py strips because main.js owns it now. Everything else here is a
   state the runtime used to toggle. */
.cart-modal {
  display: none;
}
.cart-modal.is-open {
  display: block;
}
.cart-form.is-filled {
  display: block;
}
.cart-empty.is-hidden, .cart-error-state.is-hidden {
  display: none;
}
.cart-error-state.is-shown {
  display: block;
}
/* The checkout's error box. Its inline `display: none` is the runtime's rest
   state, which clean_style strips because main.js owns it now -- so WITHOUT
   this rule the three commerce pages ship "There was an error processing your
   customer info" permanently, under the Place Order button, on a page nothing
   has gone wrong on. main.js shows it for the one error a static checkout can
   actually have: an empty basket. */
.checkout-error {
  display: none;
}
.checkout-error.is-shown {
  display: block;
}
/* The success and error blocks of the eight demo forms.
   They ship `hidden` and main.js removes the attribute -- but removing it is
   NOT enough on its own, because the framework sheet's own `.wf-form-done`
   and `.wf-form-fail` carry `display: none` and the runtime used to override
   that inline. So the visible state is stated here at (0, 2, 0), which beats
   both of those, and the hidden state is restated for the same reason. */
.form-success[hidden], .form-error[hidden] {
  display: none;
}
.form-success:not([hidden]), .form-error:not([hidden]) {
  display: block;
}
/* ===========================================================================
   14. Layout helpers this build adds

   `<main>` is inserted between `.main-wrapper` and the sections so the page
   has a main landmark and the skip link has somewhere to go. `.main-wrapper`
   is a flex column on several pages, and an ordinary block in the middle of
   it would become the flex item instead of the sections -- so the wrapper is
   `display: contents` and the box model never sees it at all. */
main#main-content {
  display: contents;
}