@charset "UTF-8";
/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * open-sans:
 *   - http://typekit.com/eulas/000000000000000000011c34
 *   - http://typekit.com/eulas/000000000000000000011c35
 *   - http://typekit.com/eulas/000000000000000000011c38
 *   - http://typekit.com/eulas/000000000000000000011c3b
 * roboto-mono:
 *   - http://typekit.com/eulas/00000000000000003b9ade4b
 * runda:
 *   - http://typekit.com/eulas/00000000000000003b9afc2a
 *   - http://typekit.com/eulas/00000000000000003b9afc29
 *   - http://typekit.com/eulas/00000000000000003b9afc2c
 *   - http://typekit.com/eulas/00000000000000003b9afc2b
 *   - http://typekit.com/eulas/00000000000000003b9afc2d
 *   - http://typekit.com/eulas/00000000000000003b9afc2e
 *   - http://typekit.com/eulas/00000000000000003b9afc27
 *   - http://typekit.com/eulas/00000000000000003b9afc28
 *
 * © 2009-2025 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2018-05-17 18:33:00 UTC"}*/
@import url("https://p.typekit.net/p.css?s=1&k=rrn5czh&ht=tk&f=7909.7910.7911.7912.7913.7914.7915.7916.14541.14542.14545.14548.28901&a=13650990&app=typekit&e=css");
@font-face {
  font-family: "runda";
  src: url("https://use.typekit.net/af/0180d8/00000000000000003b9afc2a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/0180d8/00000000000000003b9afc2a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/0180d8/00000000000000003b9afc2a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "runda";
  src: url("https://use.typekit.net/af/62ef57/00000000000000003b9afc29/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/62ef57/00000000000000003b9afc29/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/62ef57/00000000000000003b9afc29/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "runda";
  src: url("https://use.typekit.net/af/99ae80/00000000000000003b9afc2c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/99ae80/00000000000000003b9afc2c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/99ae80/00000000000000003b9afc2c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "runda";
  src: url("https://use.typekit.net/af/c0caf7/00000000000000003b9afc2b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/c0caf7/00000000000000003b9afc2b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/c0caf7/00000000000000003b9afc2b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "runda";
  src: url("https://use.typekit.net/af/ef9342/00000000000000003b9afc2d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/ef9342/00000000000000003b9afc2d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/ef9342/00000000000000003b9afc2d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "runda";
  src: url("https://use.typekit.net/af/ec4ef2/00000000000000003b9afc2e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/ec4ef2/00000000000000003b9afc2e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/ec4ef2/00000000000000003b9afc2e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "runda";
  src: url("https://use.typekit.net/af/33ece3/00000000000000003b9afc27/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/33ece3/00000000000000003b9afc27/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/33ece3/00000000000000003b9afc27/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: "runda";
  src: url("https://use.typekit.net/af/0f81df/00000000000000003b9afc28/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/0f81df/00000000000000003b9afc28/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/0f81df/00000000000000003b9afc28/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: "open-sans";
  src: url("https://use.typekit.net/af/2553b3/000000000000000000011c34/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/2553b3/000000000000000000011c34/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/2553b3/000000000000000000011c34/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "open-sans";
  src: url("https://use.typekit.net/af/8f2f8d/000000000000000000011c35/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/8f2f8d/000000000000000000011c35/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/8f2f8d/000000000000000000011c35/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "open-sans";
  src: url("https://use.typekit.net/af/4c54ad/000000000000000000011c38/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/4c54ad/000000000000000000011c38/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/4c54ad/000000000000000000011c38/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "open-sans";
  src: url("https://use.typekit.net/af/827015/000000000000000000011c3b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/827015/000000000000000000011c3b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/827015/000000000000000000011c3b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "roboto-mono";
  src: url("https://use.typekit.net/af/d4fbe0/00000000000000003b9ade4b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/d4fbe0/00000000000000003b9ade4b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/d4fbe0/00000000000000003b9ade4b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
.tk-runda {
  font-family: "runda", sans-serif;
}

.tk-open-sans {
  font-family: "open-sans", sans-serif;
}

.tk-roboto-mono {
  font-family: "roboto-mono", monospace;
}

/*
* Map for breakpoints
*/
.supreme-element .container,
.supreme-element .container-fluid,
.supreme-element .container-xxl,
.supreme-element .container-xl,
.supreme-element .container-lg,
.supreme-element .container-md,
.supreme-element .container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .supreme-element .container-sm, .supreme-element .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .supreme-element .container-md, .supreme-element .container-sm, .supreme-element .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .supreme-element .container-lg, .supreme-element .container-md, .supreme-element .container-sm, .supreme-element .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .supreme-element .container-xl, .supreme-element .container-lg, .supreme-element .container-md, .supreme-element .container-sm, .supreme-element .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .supreme-element .container-xxl, .supreme-element .container-xl, .supreme-element .container-lg, .supreme-element .container-md, .supreme-element .container-sm, .supreme-element .container {
    max-width: 1320px;
  }
}
.supreme-element :root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.supreme-element .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.supreme-element .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.supreme-element .col {
  flex: 1 0 0%;
}
.supreme-element .row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.supreme-element .row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.supreme-element .row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.supreme-element .row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.supreme-element .row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.supreme-element .row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.supreme-element .row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.supreme-element .col-auto {
  flex: 0 0 auto;
  width: auto;
}
.supreme-element .col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.supreme-element .col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.supreme-element .col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.supreme-element .col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.supreme-element .col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.supreme-element .col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.supreme-element .col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.supreme-element .col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.supreme-element .col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.supreme-element .col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.supreme-element .col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.supreme-element .col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.supreme-element .offset-1 {
  margin-left: 8.33333333%;
}
.supreme-element .offset-2 {
  margin-left: 16.66666667%;
}
.supreme-element .offset-3 {
  margin-left: 25%;
}
.supreme-element .offset-4 {
  margin-left: 33.33333333%;
}
.supreme-element .offset-5 {
  margin-left: 41.66666667%;
}
.supreme-element .offset-6 {
  margin-left: 50%;
}
.supreme-element .offset-7 {
  margin-left: 58.33333333%;
}
.supreme-element .offset-8 {
  margin-left: 66.66666667%;
}
.supreme-element .offset-9 {
  margin-left: 75%;
}
.supreme-element .offset-10 {
  margin-left: 83.33333333%;
}
.supreme-element .offset-11 {
  margin-left: 91.66666667%;
}
.supreme-element .g-0,
.supreme-element .gx-0 {
  --bs-gutter-x: 0;
}
.supreme-element .g-0,
.supreme-element .gy-0 {
  --bs-gutter-y: 0;
}
.supreme-element .g-1,
.supreme-element .gx-1 {
  --bs-gutter-x: 0.25rem;
}
.supreme-element .g-1,
.supreme-element .gy-1 {
  --bs-gutter-y: 0.25rem;
}
.supreme-element .g-2,
.supreme-element .gx-2 {
  --bs-gutter-x: 0.5rem;
}
.supreme-element .g-2,
.supreme-element .gy-2 {
  --bs-gutter-y: 0.5rem;
}
.supreme-element .g-3,
.supreme-element .gx-3 {
  --bs-gutter-x: 1rem;
}
.supreme-element .g-3,
.supreme-element .gy-3 {
  --bs-gutter-y: 1rem;
}
.supreme-element .g-4,
.supreme-element .gx-4 {
  --bs-gutter-x: 1.5rem;
}
.supreme-element .g-4,
.supreme-element .gy-4 {
  --bs-gutter-y: 1.5rem;
}
.supreme-element .g-5,
.supreme-element .gx-5 {
  --bs-gutter-x: 3rem;
}
.supreme-element .g-5,
.supreme-element .gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .supreme-element .col-sm {
    flex: 1 0 0%;
  }
  .supreme-element .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .supreme-element .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .supreme-element .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .supreme-element .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .supreme-element .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .supreme-element .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .supreme-element .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .supreme-element .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .supreme-element .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .offset-sm-0 {
    margin-left: 0;
  }
  .supreme-element .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .supreme-element .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .supreme-element .offset-sm-3 {
    margin-left: 25%;
  }
  .supreme-element .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .supreme-element .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .supreme-element .offset-sm-6 {
    margin-left: 50%;
  }
  .supreme-element .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .supreme-element .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .supreme-element .offset-sm-9 {
    margin-left: 75%;
  }
  .supreme-element .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .supreme-element .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .supreme-element .g-sm-0,
  .supreme-element .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .supreme-element .g-sm-0,
  .supreme-element .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .supreme-element .g-sm-1,
  .supreme-element .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .supreme-element .g-sm-1,
  .supreme-element .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .supreme-element .g-sm-2,
  .supreme-element .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .supreme-element .g-sm-2,
  .supreme-element .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .supreme-element .g-sm-3,
  .supreme-element .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .supreme-element .g-sm-3,
  .supreme-element .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .supreme-element .g-sm-4,
  .supreme-element .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .supreme-element .g-sm-4,
  .supreme-element .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .supreme-element .g-sm-5,
  .supreme-element .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .supreme-element .g-sm-5,
  .supreme-element .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .supreme-element .col-md {
    flex: 1 0 0%;
  }
  .supreme-element .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .supreme-element .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .supreme-element .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .supreme-element .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .supreme-element .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .supreme-element .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .supreme-element .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .supreme-element .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .supreme-element .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .offset-md-0 {
    margin-left: 0;
  }
  .supreme-element .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .supreme-element .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .supreme-element .offset-md-3 {
    margin-left: 25%;
  }
  .supreme-element .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .supreme-element .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .supreme-element .offset-md-6 {
    margin-left: 50%;
  }
  .supreme-element .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .supreme-element .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .supreme-element .offset-md-9 {
    margin-left: 75%;
  }
  .supreme-element .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .supreme-element .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .supreme-element .g-md-0,
  .supreme-element .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .supreme-element .g-md-0,
  .supreme-element .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .supreme-element .g-md-1,
  .supreme-element .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .supreme-element .g-md-1,
  .supreme-element .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .supreme-element .g-md-2,
  .supreme-element .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .supreme-element .g-md-2,
  .supreme-element .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .supreme-element .g-md-3,
  .supreme-element .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .supreme-element .g-md-3,
  .supreme-element .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .supreme-element .g-md-4,
  .supreme-element .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .supreme-element .g-md-4,
  .supreme-element .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .supreme-element .g-md-5,
  .supreme-element .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .supreme-element .g-md-5,
  .supreme-element .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .supreme-element .col-lg {
    flex: 1 0 0%;
  }
  .supreme-element .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .supreme-element .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .supreme-element .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .supreme-element .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .supreme-element .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .supreme-element .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .supreme-element .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .supreme-element .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .supreme-element .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .offset-lg-0 {
    margin-left: 0;
  }
  .supreme-element .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .supreme-element .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .supreme-element .offset-lg-3 {
    margin-left: 25%;
  }
  .supreme-element .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .supreme-element .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .supreme-element .offset-lg-6 {
    margin-left: 50%;
  }
  .supreme-element .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .supreme-element .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .supreme-element .offset-lg-9 {
    margin-left: 75%;
  }
  .supreme-element .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .supreme-element .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .supreme-element .g-lg-0,
  .supreme-element .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .supreme-element .g-lg-0,
  .supreme-element .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .supreme-element .g-lg-1,
  .supreme-element .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .supreme-element .g-lg-1,
  .supreme-element .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .supreme-element .g-lg-2,
  .supreme-element .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .supreme-element .g-lg-2,
  .supreme-element .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .supreme-element .g-lg-3,
  .supreme-element .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .supreme-element .g-lg-3,
  .supreme-element .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .supreme-element .g-lg-4,
  .supreme-element .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .supreme-element .g-lg-4,
  .supreme-element .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .supreme-element .g-lg-5,
  .supreme-element .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .supreme-element .g-lg-5,
  .supreme-element .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .supreme-element .col-xl {
    flex: 1 0 0%;
  }
  .supreme-element .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .supreme-element .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .supreme-element .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .supreme-element .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .supreme-element .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .supreme-element .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .supreme-element .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .supreme-element .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .supreme-element .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .offset-xl-0 {
    margin-left: 0;
  }
  .supreme-element .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .supreme-element .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .supreme-element .offset-xl-3 {
    margin-left: 25%;
  }
  .supreme-element .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .supreme-element .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .supreme-element .offset-xl-6 {
    margin-left: 50%;
  }
  .supreme-element .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .supreme-element .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .supreme-element .offset-xl-9 {
    margin-left: 75%;
  }
  .supreme-element .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .supreme-element .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .supreme-element .g-xl-0,
  .supreme-element .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .supreme-element .g-xl-0,
  .supreme-element .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .supreme-element .g-xl-1,
  .supreme-element .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .supreme-element .g-xl-1,
  .supreme-element .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .supreme-element .g-xl-2,
  .supreme-element .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .supreme-element .g-xl-2,
  .supreme-element .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .supreme-element .g-xl-3,
  .supreme-element .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .supreme-element .g-xl-3,
  .supreme-element .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .supreme-element .g-xl-4,
  .supreme-element .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .supreme-element .g-xl-4,
  .supreme-element .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .supreme-element .g-xl-5,
  .supreme-element .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .supreme-element .g-xl-5,
  .supreme-element .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .supreme-element .col-xxl {
    flex: 1 0 0%;
  }
  .supreme-element .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .supreme-element .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .supreme-element .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .supreme-element .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .supreme-element .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .supreme-element .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .supreme-element .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .supreme-element .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .supreme-element .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .offset-xxl-0 {
    margin-left: 0;
  }
  .supreme-element .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .supreme-element .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .supreme-element .offset-xxl-3 {
    margin-left: 25%;
  }
  .supreme-element .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .supreme-element .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .supreme-element .offset-xxl-6 {
    margin-left: 50%;
  }
  .supreme-element .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .supreme-element .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .supreme-element .offset-xxl-9 {
    margin-left: 75%;
  }
  .supreme-element .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .supreme-element .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .supreme-element .g-xxl-0,
  .supreme-element .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .supreme-element .g-xxl-0,
  .supreme-element .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .supreme-element .g-xxl-1,
  .supreme-element .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .supreme-element .g-xxl-1,
  .supreme-element .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .supreme-element .g-xxl-2,
  .supreme-element .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .supreme-element .g-xxl-2,
  .supreme-element .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .supreme-element .g-xxl-3,
  .supreme-element .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .supreme-element .g-xxl-3,
  .supreme-element .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .supreme-element .g-xxl-4,
  .supreme-element .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .supreme-element .g-xxl-4,
  .supreme-element .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .supreme-element .g-xxl-5,
  .supreme-element .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .supreme-element .g-xxl-5,
  .supreme-element .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 576px) {
  .supreme-element .container, .supreme-element .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .supreme-element .container, .supreme-element .container-sm, .supreme-element .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .supreme-element .container, .supreme-element .container-sm, .supreme-element .container-md, .supreme-element .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .supreme-element .container, .supreme-element .container-sm, .supreme-element .container-md, .supreme-element .container-lg, .supreme-element .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .supreme-element .container, .supreme-element .container-sm, .supreme-element .container-md, .supreme-element .container-lg, .supreme-element .container-xl, .supreme-element .container-xxl {
    max-width: 1400px;
  }
}

.supreme-element h1:not([class*=headline-]),
.supreme-element h2:not([class*=headline-]),
.supreme-element h3:not([class*=headline-]),
.supreme-element h4:not([class*=headline-]),
.supreme-element h5:not([class*=headline-]),
.supreme-element h6:not([class*=headline-]) {
  margin-top: 0;
  margin-bottom: 0;
}
.supreme-element button:not([class]) {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  text-align: inherit;
  cursor: pointer;
}
.supreme-element p {
  margin-top: 0;
  margin-bottom: 0;
}

.supreme-element {
  --spacing-xxxs: 0.125rem;
  --spacing-xxs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.25rem;
  --spacing-xl: 1.5rem;
  --spacing-xxl: 2rem;
  --spacing-3xl: 2.5rem;
  --spacing-4xl: 5rem;
  --spacing-5xl: 7rem;
  --spacing-6xl: 8.5rem;
  --spacing-7xl: 10rem;
  --spacing-8xl: 12rem;
  --border-radius-border-radius-full: 1.25rem;
  --border-radius-border-radius-20: 1.25rem;
  --Stroke-Border-Width: 1px;
  --Stroke-Divider-Width: 1px;
  --Grid-Variables-Grid-Construction-grid-column-count: 12;
}
@media (max-width: 767px) {
  .supreme-element {
    --spacing-lg: 1.125rem;
    --spacing-xl: 1.75rem;
    --spacing-xxl: 1.875rem;
    --spacing-3xl: 2.125rem;
    --spacing-4xl: 3.75rem;
    --spacing-5xl: 5rem;
    --spacing-6xl: 6.25rem;
    --spacing-7xl: 7.5rem;
    --spacing-8xl: 8.75rem;
  }
}

@property --light-violet {
  syntax: "<color>";
  inherits: false;
  initial-value: rgb(161, 120, 255);
}
@property --light-cyan {
  syntax: "<color>";
  inherits: false;
  initial-value: rgb(81, 248, 255);
}
.supreme-element {
  --Brand-Colors-Primary-Adenine-Green: #20d340;
  --Brand-Colors-Primary-Cytosine-Blue: #00d1ed;
  --Brand-Colors-Primary-Black: #000000;
  --Brand-Colors-Primary-White: #ffffff;
  --Brand-Colors-Neutrals-Gray-200: #d1d1d1;
  --Brand-Colors-Neutrals-Gray-300: #aaaaaa;
  --Brand-Colors-Light-Gray: #e0e0e0;
  --Brand-Colors-Light-grayish-cyan: #f4f9fa;
  --Heading-Color-1: #262626;
  --Heading-Color-2: #ffffff;
  --Heading-Color-1-Alt: #707070;
  --text: #262626;
  --Very-Light-Green: #f0fff4;
  --Gray-200: #d1d1d1;
  --link: #f94f01;
  --Gradient-Horizontal: linear-gradient(
  	180deg,
  	var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%,
  	var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%
  );
  --Gradient-Horizontal-Reverse: linear-gradient(
  	180deg,
  	var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 0%,
  	var(--Brand-Colors-Primary-Adenine-Green, #20d340) 100%
  );
  --Gradient-Vertical: linear-gradient(
  	0deg,
  	var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 0%,
  	var(--Brand-Colors-Primary-Adenine-Green, #20d340) 100%
  );
}
.supreme-element.text-gradient-green-blue,
.supreme-element .text-gradient-green-blue {
  background: linear-gradient(135deg, var(--Brand-Colors-Primary-Adenine-Green) 0%, var(--Brand-Colors-Primary-Cytosine-Blue) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.element-spacing {
  padding: 3.125rem 0;
}
@media (max-width: 767px) {
  .element-spacing {
    padding: 1.875rem 0 0.625rem 0;
  }
}

.ct-elements-managers-body .oxy-supreme-elements-icon-row {
  margin-bottom: 0rem;
}

.oxy-supreme-elements-icon-row {
  margin-bottom: 2.5rem;
}
.oxy-supreme-elements-icon-row-section {
  padding: 5rem 0 4.375rem 0;
}
@media (max-width: 767px) {
  .oxy-supreme-elements-icon-row-section {
    padding: 2.5rem 0 0.625rem 0;
  }
}
.oxy-supreme-elements-icon-row-section .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.element-container {
  max-width: 1440px;
  margin: 0 auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.oxy-supreme-elements-info-box,
.oxy-supreme-elements-showcase-cards-button,
.oxy-supreme-elements-featured-resources {
  width: 100%;
}

.supreme-element {
  --Font-Family-Primary: "runda", Arial, sans-serif;
  --Font-Family-Secondary: "open-sans", sans-serif;
  --Font-Family-Special-Case: "roboto-mono", monospace;
  --Font-Size-f-size-6xl: clamp(3.75rem, 2.1429rem + 8.0357vw, 6.25rem);
  --Font-Size-f-size-5xl: clamp(2.75rem, 1.5179rem + 6.1607vw, 5rem);
  --Font-Size-f-size-4xl: clamp(2rem, 0.6786rem + 6.6071vw, 3.75rem);
  --Font-Size-f-size-xxxl: clamp(1.625rem, 0.6518rem + 4.8661vw, 3.5rem);
  --Font-Size-f-size-xxl: clamp(1.375rem, 0.5893rem + 3.9286vw, 2.5rem);
  --Font-Size-f-size-xl: clamp(1.25rem, 0.8571rem + 1.9643vw, 1.75rem);
  --Font-Size-f-size-lg: clamp(1.125rem, 0.8571rem + 1.3393vw, 1.5rem);
  --Font-Size-f-size-md: clamp(1rem, 0.8571rem + 0.7143vw, 1.25rem);
  --Font-Size-Paragraph-f-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.125rem);
  --Font-Size-f-size-xs: clamp(0.875rem, 0.8036rem + 0.3571vw, 1rem);
  --Font-Size-f-size-xxs: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  --Font-Size-f-size-xxxs: clamp(0.75rem, 0.8036rem + -0.2679vw, 0.875rem);
  --Font-Weight-Bold: 700;
  --Font-Weight-Medium: 500;
  --Font-Weight-Regular: 400;
  --Line-Height-Line-height-f-size-6xl: clamp(3.75rem, 2.1429rem + 8.0357vw, 6.25rem);
  --Line-Height-Line-height-f-size-5xl: clamp(3.125rem, 1.8304rem + 6.4732vw, 5.9375rem);
  --Line-Height-Line-height-f-size-4xl: clamp(2.25rem, 1.3393rem + 4.5536vw, 4.0625rem);
  --Line-Height-Line-height-f-size-xxxl: clamp(2rem, 1.0714rem + 4.6429vw, 4rem);
  --Line-Height-Line-height-f-size-xxl: clamp(1.75rem, 0.9286rem + 4.1071vw, 3.375rem);
  --Line-Height-Line-height-f-size-xl: clamp(1.5rem, 0.9286rem + 2.8571vw, 2.625rem);
  --Line-Height-Line-height-f-size-lg: clamp(1.5rem, 1.0714rem + 2.1429vw, 2.125rem);
  --Line-Height-Line-height-f-size-md: clamp(1.375rem, 1.0179rem + 1.7857vw, 1.875rem);
  --Line-Height-Paragraph-line-height: clamp(1.4375rem, 1.2946rem + 0.7143vw, 1.75rem);
  --Line-Height-Line-height-f-size-xs: clamp(1.5rem, 1.3571rem + 0.7143vw, 1.625rem);
  --Line-Height-Line-height-f-size-xxs: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
  --Line-Height-Line-height-f-size-xxxs: clamp(1.25rem, 1.3929rem + -0.7143vw, 1.375rem);
  --Paragraph-Spacing-paragraph-spacing: 0.9375rem;
  --Paragraph-Spacing-new-paragraph-below: 2rem;
  font-family: var(--Font-Family-Secondary);
}
.supreme-element .font-family-primary {
  font-family: var(--Font-Family-Primary);
}
.supreme-element .font-family-secondary {
  font-family: var(--Font-Family-Secondary);
}
.supreme-element p {
  font-size: var(--Font-Size-Paragraph-f-size);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-6xl, .supreme-element .resources-section .resources-header .resources-content-wrap .resources-text h1, .resources-section .resources-header .resources-content-wrap .resources-text .supreme-element h1,
.supreme-element h1.headline-6xl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-6xl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-6xl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-5xl,
.supreme-element h1.headline-5xl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-5xl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-5xl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-4xl,
.supreme-element h1.headline-4xl,
.supreme-element h2.headline-4xl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-4xl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-4xl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xxxl, .supreme-element .oxy-rich-text h1, .oxy-rich-text .supreme-element h1,
.supreme-element .ct-text-block h1,
.ct-text-block .supreme-element h1,
.supreme-element .oxy-text h1,
.oxy-text .supreme-element h1, .supreme-element h1.oxy-heading,
.supreme-element h1.ct-headline, .supreme-element .oxy-heading[data-tag=h1],
.supreme-element .ct-headline[data-tag=h1], .supreme-element.about-section .section-heading,
.supreme-element h1.headline-xxxl,
.supreme-element h2.headline-xxxl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xxxl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-xxxl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xxl, .supreme-element .oxy-rich-text h2, .oxy-rich-text .supreme-element h2,
.supreme-element .ct-text-block h2,
.ct-text-block .supreme-element h2,
.supreme-element .oxy-text h2,
.oxy-text .supreme-element h2, .supreme-element h2.oxy-heading,
.supreme-element h2.ct-headline, .supreme-element .oxy-heading[data-tag=h2],
.supreme-element .ct-headline[data-tag=h2], .supreme-element.one-button-cta .cta-title, .supreme-element.pipeline-section .pipeline-tile .tile-title, .supreme-element.synthego-hero .hero-stats .stat-column .stat-value,
.supreme-element h2.headline-xxl,
.supreme-element h3.headline-xxl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xxl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-xxl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xl, .supreme-element .oxy-rich-text h3, .oxy-rich-text .supreme-element h3,
.supreme-element .ct-text-block h3,
.ct-text-block .supreme-element h3,
.supreme-element .oxy-text h3,
.oxy-text .supreme-element h3, .supreme-element h3.oxy-heading,
.supreme-element h3.ct-headline, .supreme-element .oxy-heading[data-tag=h3],
.supreme-element .ct-headline[data-tag=h3], .supreme-element .synthego-articles-section__active-categories-label, .supreme-element .synthego-articles-section__active-categories-list, .supreme-element .synthego-articles-section__active-categories-suffix, .supreme-element.popular-products .product-title, .supreme-element.synthego-hero .hero-stats .stats-intro,
.supreme-element h3.headline-xl,
.supreme-element h4.headline-xl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xl);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-xl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-lg, .supreme-element .oxy-rich-text h4, .oxy-rich-text .supreme-element h4,
.supreme-element .ct-text-block h4,
.ct-text-block .supreme-element h4,
.supreme-element .oxy-text h4,
.oxy-text .supreme-element h4, .supreme-element h4.oxy-heading,
.supreme-element h4.ct-headline, .supreme-element .oxy-heading[data-tag=h4],
.supreme-element .ct-headline[data-tag=h4], .supreme-element .product-heading, .supreme-element .hero-text-sidebar-content h3, .hero-text-sidebar-content .supreme-element h3, .supreme-element .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap h3, .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap .supreme-element h3, .supreme-element .blog-card-title, .supreme-element.popular-products .product-title-small, .supreme-element.about-section .about-inner-container .section-subtitle,
.supreme-element h4.headline-lg,
.supreme-element h5.headline-lg {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-lg);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-lg);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-md, .supreme-element .oxy-rich-text h5, .oxy-rich-text .supreme-element h5,
.supreme-element .ct-text-block h5,
.ct-text-block .supreme-element h5,
.supreme-element .oxy-text h5,
.oxy-text .supreme-element h5, .supreme-element h5.oxy-heading,
.supreme-element h5.ct-headline, .supreme-element .oxy-heading[data-tag=h5],
.supreme-element .ct-headline[data-tag=h5], .supreme-element .synthego-articles-section__category-button,
.supreme-element h5.headline-md,
.supreme-element h6.headline-md {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-md);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-md);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xs {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xs);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xxs {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xxs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xxs);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xxxs, .supreme-element .hero-form-hubspot .hs-form fieldset.form-columns-0 .hs-richtext.hs-main-font-element p, .hero-form-hubspot .hs-form fieldset.form-columns-0 .hs-richtext.hs-main-font-element .supreme-element p,
.supreme-element .hero-form-hubspot form[class^=hs-form] fieldset.form-columns-0 .hs-richtext.hs-main-font-element p,
.hero-form-hubspot form[class^=hs-form] fieldset.form-columns-0 .hs-richtext.hs-main-font-element .supreme-element p, .supreme-element.article-form .article-form-hubspot .hs-form fieldset.form-columns-0 .hs-richtext.hs-main-font-element p,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] fieldset.form-columns-0 .hs-richtext.hs-main-font-element p,
.supreme-element .headline-3xs {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xxxs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xxxs);
  color: var(--Heading-Color-1);
}
.supreme-element .paragraph-regular, .supreme-element .oxy-rich-text p, .oxy-rich-text .supreme-element p,
.supreme-element .ct-text-block p,
.ct-text-block .supreme-element p,
.supreme-element .oxy-text p,
.oxy-text .supreme-element p, .supreme-element .oxy-rich-text,
.supreme-element .ct-text-block,
.supreme-element .oxy-text, .supreme-element .product-description, .supreme-element .hero-text-sidebar-content p, .hero-text-sidebar-content .supreme-element p, .supreme-element .hero-text-sidebar-contact-info p, .hero-text-sidebar-contact-info .supreme-element p, .supreme-element .synthego-articles-section__no-posts, .supreme-element .text-media-section .text-content .text-wrapper .text-body p, .text-media-section .text-content .text-wrapper .text-body .supreme-element p, .supreme-element .resources-section .resources-footer .resources-load-more span, .resources-section .resources-footer .resources-load-more .supreme-element span, .supreme-element .resources-section .resources-header .resources-content-wrap .resources-text p, .resources-section .resources-header .resources-content-wrap .resources-text .supreme-element p, .supreme-element .featured-post .featured-content .featured-excerpt, .featured-post .featured-content .supreme-element .featured-excerpt, .supreme-element.one-button-cta .cta-description, .supreme-element.title-text-button-hero .hero-text a, .supreme-element.title-text-button-hero .hero-text, .supreme-element.about-section .section-description, .supreme-element.synthego-hero .hero-stats .stat-column .stat-label,
.supreme-element .paragraph-regular p,
.supreme-element .product-description p,
.supreme-element .synthego-articles-section__no-posts p,
.supreme-element .resources-section .resources-footer .resources-load-more span p,
.resources-section .resources-footer .resources-load-more .supreme-element span p,
.supreme-element .featured-post .featured-content .featured-excerpt p,
.featured-post .featured-content .supreme-element .featured-excerpt p,
.supreme-element.one-button-cta .cta-description p,
.supreme-element.title-text-button-hero .hero-text p,
.supreme-element.about-section .section-description p,
.supreme-element.synthego-hero .hero-stats .stat-column .stat-label p {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-Paragraph-f-size);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
.supreme-element .paragraph-small, .supreme-element .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap p, .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap .supreme-element p, .supreme-element .resources-section .resources-header .resources-filter-row .resources-tabs-mobile .resources-dropdown, .resources-section .resources-header .resources-filter-row .resources-tabs-mobile .supreme-element .resources-dropdown, .supreme-element .blog-card-empty .blog-card-empty-text, .blog-card-empty .supreme-element .blog-card-empty-text, .supreme-element .blog-card-excerpt, .supreme-element.popular-products .product-description,
.supreme-element .paragraph-small p,
.supreme-element .resources-section .resources-header .resources-filter-row .resources-tabs-mobile .resources-dropdown p,
.resources-section .resources-header .resources-filter-row .resources-tabs-mobile .supreme-element .resources-dropdown p,
.supreme-element .blog-card-empty .blog-card-empty-text p,
.blog-card-empty .supreme-element .blog-card-empty-text p,
.supreme-element .blog-card-excerpt p,
.supreme-element.popular-products .product-description p {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xs);
  color: var(--Heading-Color-1);
}
.supreme-element .caption-regular {
  font-family: var(--Font-Family-Special-Case);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xs);
  text-transform: uppercase;
  color: var(--Heading-Color-1);
}
.supreme-element .stamp-regular, .supreme-element .resources-section .resources-header .oxy-rich-text.resources-count, .resources-section .resources-header .supreme-element .oxy-rich-text.resources-count, .supreme-element .resources-section .resources-footer .oxy-rich-text.resources-pagination-info, .resources-section .resources-footer .supreme-element .oxy-rich-text.resources-pagination-info,
.supreme-element .resources-section .resources-header .ct-text-block.resources-count,
.resources-section .resources-header .supreme-element .ct-text-block.resources-count,
.supreme-element .resources-section .resources-footer .ct-text-block.resources-pagination-info,
.resources-section .resources-footer .supreme-element .ct-text-block.resources-pagination-info,
.supreme-element .resources-section .resources-header .oxy-text.resources-count,
.resources-section .resources-header .supreme-element .oxy-text.resources-count,
.supreme-element .resources-section .resources-footer .oxy-text.resources-pagination-info,
.resources-section .resources-footer .supreme-element .oxy-text.resources-pagination-info, .supreme-element .synthego-press-grid__pagination-info, .supreme-element .synthego-press-grid__count, .supreme-element .synthego-articles-section__pagination, .supreme-element .synthego-articles-section__card-category-tag span, .synthego-articles-section__card-category-tag .supreme-element span, .supreme-element .resources-section .resources-footer .resources-pagination-info, .resources-section .resources-footer .supreme-element .resources-pagination-info, .supreme-element .resources-section .resources-grid .resource-card .resource-category span, .resources-section .resources-grid .resource-card .resource-category .supreme-element span, .supreme-element .resources-section .resources-header .resources-count, .resources-section .resources-header .supreme-element .resources-count, .supreme-element .side-post .side-post-content .category-tag span, .side-post .side-post-content .category-tag .supreme-element span, .supreme-element .featured-post .category-tag span, .featured-post .category-tag .supreme-element span, .supreme-element .featured-post .featured-content .featured-author, .featured-post .featured-content .supreme-element .featured-author, .supreme-element .blog-card-category span, .blog-card-category .supreme-element span, .supreme-element.popular-products .category-tag {
  font-family: var(--Font-Family-Special-Case);
  font-size: var(--Font-Size-f-size-xxs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xxs);
  text-transform: uppercase;
  color: var(--Heading-Color-1);
}
.supreme-element .section-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

h4.section-title,
h5.section-title,
h6.section-title {
  margin-bottom: 16px;
}

.no-bottom-margin h4.section-title {
  margin-bottom: 0 !important;
}

.supreme-element h1:not([class*=headline-]), .supreme-element h2:not([class*=headline-]), .supreme-element h3:not([class*=headline-]), .supreme-element h4:not([class*=headline-]), .supreme-element h5:not([class*=headline-]), .supreme-element h6:not([class*=headline-]) {
  margin-top: 0;
  margin-bottom: 0;
}
.supreme-element h1:not([class*=headline-]) + h1, .supreme-element h1:not([class*=headline-]) + h2, .supreme-element h1:not([class*=headline-]) + h3, .supreme-element h1:not([class*=headline-]) + h4, .supreme-element h1:not([class*=headline-]) + h5, .supreme-element h1:not([class*=headline-]) + h6, .supreme-element h2:not([class*=headline-]) + h1, .supreme-element h2:not([class*=headline-]) + h2, .supreme-element h2:not([class*=headline-]) + h3, .supreme-element h2:not([class*=headline-]) + h4, .supreme-element h2:not([class*=headline-]) + h5, .supreme-element h2:not([class*=headline-]) + h6, .supreme-element h3:not([class*=headline-]) + h1, .supreme-element h3:not([class*=headline-]) + h2, .supreme-element h3:not([class*=headline-]) + h3, .supreme-element h3:not([class*=headline-]) + h4, .supreme-element h3:not([class*=headline-]) + h5, .supreme-element h3:not([class*=headline-]) + h6, .supreme-element h4:not([class*=headline-]) + h1, .supreme-element h4:not([class*=headline-]) + h2, .supreme-element h4:not([class*=headline-]) + h3, .supreme-element h4:not([class*=headline-]) + h4, .supreme-element h4:not([class*=headline-]) + h5, .supreme-element h4:not([class*=headline-]) + h6, .supreme-element h5:not([class*=headline-]) + h1, .supreme-element h5:not([class*=headline-]) + h2, .supreme-element h5:not([class*=headline-]) + h3, .supreme-element h5:not([class*=headline-]) + h4, .supreme-element h5:not([class*=headline-]) + h5, .supreme-element h5:not([class*=headline-]) + h6, .supreme-element h6:not([class*=headline-]) + h1, .supreme-element h6:not([class*=headline-]) + h2, .supreme-element h6:not([class*=headline-]) + h3, .supreme-element h6:not([class*=headline-]) + h4, .supreme-element h6:not([class*=headline-]) + h5, .supreme-element h6:not([class*=headline-]) + h6 {
  margin-top: var(--spacing-xl, 24px);
}
.supreme-element h1:not([class*=headline-]) + p, .supreme-element h2:not([class*=headline-]) + p, .supreme-element h3:not([class*=headline-]) + p, .supreme-element h4:not([class*=headline-]) + p, .supreme-element h5:not([class*=headline-]) + p, .supreme-element h6:not([class*=headline-]) + p {
  margin-top: var(--spacing-xl, 24px);
}
.supreme-element p {
  margin-top: 0;
  margin-bottom: 0;
}
.supreme-element p a {
  color: var(--Heading-Color-1);
  font-weight: var(--Font-Weight-Bold);
}
.supreme-element p + p {
  margin-top: var(--Paragraph-Spacing-paragraph-spacing, 15px);
}
.supreme-element p + h1, .supreme-element p + h2, .supreme-element p + h3, .supreme-element p + h4, .supreme-element p + h5, .supreme-element p + h6 {
  margin-top: var(--Paragraph-Spacing-new-paragraph-below, 32px);
}
.supreme-element .section-header .headline-xxxl + .headline-xl, .supreme-element .section-header .oxy-rich-text .headline-xxxl + h3, .oxy-rich-text .supreme-element .section-header .headline-xxxl + h3,
.supreme-element .section-header .ct-text-block .headline-xxxl + h3,
.ct-text-block .supreme-element .section-header .headline-xxxl + h3,
.supreme-element .section-header .oxy-text .headline-xxxl + h3,
.oxy-text .supreme-element .section-header .headline-xxxl + h3, .supreme-element .section-header .oxy-rich-text h1 + .headline-xl, .supreme-element.synthego-hero .section-header .oxy-rich-text .hero-stats h1 + .oxy-heading.stats-intro,
.supreme-element.synthego-hero .section-header .oxy-rich-text .hero-stats h1 + .ct-headline.stats-intro, .supreme-element .section-header .oxy-rich-text h1 + h3, .oxy-rich-text .supreme-element .section-header h1 + .headline-xl, .oxy-rich-text .supreme-element .section-header h1 + h3,
.supreme-element .section-header .ct-text-block h1 + .headline-xl,
.supreme-element.synthego-hero .section-header .ct-text-block .hero-stats h1 + .oxy-heading.stats-intro,
.supreme-element.synthego-hero .section-header .ct-text-block .hero-stats h1 + .ct-headline.stats-intro,
.supreme-element .section-header .ct-text-block h1 + h3,
.ct-text-block .supreme-element .section-header h1 + .headline-xl,
.ct-text-block .supreme-element .section-header h1 + h3,
.supreme-element .section-header .oxy-text h1 + .headline-xl,
.supreme-element.synthego-hero .section-header .oxy-text .hero-stats h1 + .oxy-heading.stats-intro,
.supreme-element.synthego-hero .section-header .oxy-text .hero-stats h1 + .ct-headline.stats-intro,
.supreme-element .section-header .oxy-text h1 + h3,
.oxy-text .supreme-element .section-header h1 + .headline-xl,
.oxy-text .supreme-element .section-header h1 + h3, .supreme-element .section-header .headline-xxxl + h3.oxy-heading,
.supreme-element .section-header .headline-xxxl + h3.ct-headline, .supreme-element .section-header h1.oxy-heading + .headline-xl, .supreme-element .section-header h1.oxy-heading + h3.oxy-heading,
.supreme-element .section-header h1.oxy-heading + h3.ct-headline,
.supreme-element .section-header h1.ct-headline + .headline-xl,
.supreme-element .section-header h1.ct-headline + h3.oxy-heading,
.supreme-element .section-header h1.ct-headline + h3.ct-headline, .supreme-element .section-header .headline-xxxl + .oxy-heading[data-tag=h3], .supreme-element .section-header .oxy-rich-text h1 + .oxy-heading[data-tag=h3], .oxy-rich-text .supreme-element .section-header h1 + .oxy-heading[data-tag=h3],
.supreme-element .section-header .ct-text-block h1 + .oxy-heading[data-tag=h3],
.ct-text-block .supreme-element .section-header h1 + .oxy-heading[data-tag=h3],
.supreme-element .section-header .oxy-text h1 + .oxy-heading[data-tag=h3],
.oxy-text .supreme-element .section-header h1 + .oxy-heading[data-tag=h3], .supreme-element .section-header h1.oxy-heading + .oxy-heading[data-tag=h3],
.supreme-element .section-header h1.ct-headline + .oxy-heading[data-tag=h3],
.supreme-element .section-header .headline-xxxl + .ct-headline[data-tag=h3],
.supreme-element .section-header .oxy-rich-text h1 + .ct-headline[data-tag=h3],
.oxy-rich-text .supreme-element .section-header h1 + .ct-headline[data-tag=h3],
.supreme-element .section-header .ct-text-block h1 + .ct-headline[data-tag=h3],
.ct-text-block .supreme-element .section-header h1 + .ct-headline[data-tag=h3],
.supreme-element .section-header .oxy-text h1 + .ct-headline[data-tag=h3],
.oxy-text .supreme-element .section-header h1 + .ct-headline[data-tag=h3],
.supreme-element .section-header h1.oxy-heading + .ct-headline[data-tag=h3],
.supreme-element .section-header h1.ct-headline + .ct-headline[data-tag=h3], .supreme-element .section-header .oxy-heading[data-tag=h1] + .headline-xl, .supreme-element .section-header .oxy-rich-text .oxy-heading[data-tag=h1] + h3, .oxy-rich-text .supreme-element .section-header .oxy-heading[data-tag=h1] + h3,
.supreme-element .section-header .ct-text-block .oxy-heading[data-tag=h1] + h3,
.ct-text-block .supreme-element .section-header .oxy-heading[data-tag=h1] + h3,
.supreme-element .section-header .oxy-text .oxy-heading[data-tag=h1] + h3,
.oxy-text .supreme-element .section-header .oxy-heading[data-tag=h1] + h3, .supreme-element .section-header .oxy-heading[data-tag=h1] + h3.oxy-heading,
.supreme-element .section-header .oxy-heading[data-tag=h1] + h3.ct-headline, .supreme-element .section-header .oxy-heading[data-tag=h1] + .oxy-heading[data-tag=h3],
.supreme-element .section-header .oxy-heading[data-tag=h1] + .ct-headline[data-tag=h3],
.supreme-element .section-header .ct-headline[data-tag=h1] + .headline-xl,
.supreme-element .section-header .oxy-rich-text .ct-headline[data-tag=h1] + h3,
.oxy-rich-text .supreme-element .section-header .ct-headline[data-tag=h1] + h3,
.supreme-element .section-header .ct-text-block .ct-headline[data-tag=h1] + h3,
.ct-text-block .supreme-element .section-header .ct-headline[data-tag=h1] + h3,
.supreme-element .section-header .oxy-text .ct-headline[data-tag=h1] + h3,
.oxy-text .supreme-element .section-header .ct-headline[data-tag=h1] + h3,
.supreme-element .section-header .ct-headline[data-tag=h1] + h3.oxy-heading,
.supreme-element .section-header .ct-headline[data-tag=h1] + h3.ct-headline,
.supreme-element .section-header .ct-headline[data-tag=h1] + .oxy-heading[data-tag=h3],
.supreme-element .section-header .ct-headline[data-tag=h1] + .ct-headline[data-tag=h3], .supreme-element .section-header .headline-xxxl + .synthego-articles-section__active-categories-label, .supreme-element .section-header .oxy-rich-text h1 + .synthego-articles-section__active-categories-label, .oxy-rich-text .supreme-element .section-header h1 + .synthego-articles-section__active-categories-label,
.supreme-element .section-header .ct-text-block h1 + .synthego-articles-section__active-categories-label,
.ct-text-block .supreme-element .section-header h1 + .synthego-articles-section__active-categories-label,
.supreme-element .section-header .oxy-text h1 + .synthego-articles-section__active-categories-label,
.oxy-text .supreme-element .section-header h1 + .synthego-articles-section__active-categories-label, .supreme-element .section-header h1.oxy-heading + .synthego-articles-section__active-categories-label,
.supreme-element .section-header h1.ct-headline + .synthego-articles-section__active-categories-label, .supreme-element .section-header .oxy-heading[data-tag=h1] + .synthego-articles-section__active-categories-label,
.supreme-element .section-header .ct-headline[data-tag=h1] + .synthego-articles-section__active-categories-label, .supreme-element .section-header .headline-xxxl + .synthego-articles-section__active-categories-list, .supreme-element .section-header .oxy-rich-text h1 + .synthego-articles-section__active-categories-list, .oxy-rich-text .supreme-element .section-header h1 + .synthego-articles-section__active-categories-list,
.supreme-element .section-header .ct-text-block h1 + .synthego-articles-section__active-categories-list,
.ct-text-block .supreme-element .section-header h1 + .synthego-articles-section__active-categories-list,
.supreme-element .section-header .oxy-text h1 + .synthego-articles-section__active-categories-list,
.oxy-text .supreme-element .section-header h1 + .synthego-articles-section__active-categories-list, .supreme-element .section-header h1.oxy-heading + .synthego-articles-section__active-categories-list,
.supreme-element .section-header h1.ct-headline + .synthego-articles-section__active-categories-list, .supreme-element .section-header .oxy-heading[data-tag=h1] + .synthego-articles-section__active-categories-list,
.supreme-element .section-header .ct-headline[data-tag=h1] + .synthego-articles-section__active-categories-list, .supreme-element .section-header .headline-xxxl + .synthego-articles-section__active-categories-suffix, .supreme-element .section-header .oxy-rich-text h1 + .synthego-articles-section__active-categories-suffix, .oxy-rich-text .supreme-element .section-header h1 + .synthego-articles-section__active-categories-suffix,
.supreme-element .section-header .ct-text-block h1 + .synthego-articles-section__active-categories-suffix,
.ct-text-block .supreme-element .section-header h1 + .synthego-articles-section__active-categories-suffix,
.supreme-element .section-header .oxy-text h1 + .synthego-articles-section__active-categories-suffix,
.oxy-text .supreme-element .section-header h1 + .synthego-articles-section__active-categories-suffix, .supreme-element .section-header h1.oxy-heading + .synthego-articles-section__active-categories-suffix,
.supreme-element .section-header h1.ct-headline + .synthego-articles-section__active-categories-suffix, .supreme-element .section-header .oxy-heading[data-tag=h1] + .synthego-articles-section__active-categories-suffix,
.supreme-element .section-header .ct-headline[data-tag=h1] + .synthego-articles-section__active-categories-suffix, .supreme-element.popular-products .section-header .headline-xxxl + .product-title, .supreme-element.popular-products .section-header .supreme-element.about-section .oxy-heading.section-heading + .product-title, .supreme-element.about-section .supreme-element.popular-products .section-header .oxy-heading.section-heading + .product-title,
.supreme-element.popular-products .section-header .supreme-element.about-section .ct-headline.section-heading + .product-title,
.supreme-element.about-section .supreme-element.popular-products .section-header .ct-headline.section-heading + .product-title, .supreme-element.popular-products .section-header .oxy-rich-text h1 + .product-title, .oxy-rich-text .supreme-element.popular-products .section-header h1 + .product-title,
.supreme-element.popular-products .section-header .ct-text-block h1 + .product-title,
.ct-text-block .supreme-element.popular-products .section-header h1 + .product-title,
.supreme-element.popular-products .section-header .oxy-text h1 + .product-title,
.oxy-text .supreme-element.popular-products .section-header h1 + .product-title, .supreme-element.popular-products .section-header h1.oxy-heading + .product-title,
.supreme-element.popular-products .section-header h1.ct-headline + .product-title, .supreme-element.popular-products .section-header .oxy-heading[data-tag=h1] + .product-title,
.supreme-element.popular-products .section-header .ct-headline[data-tag=h1] + .product-title, .supreme-element.about-section .section-header .section-heading + .headline-xl, .supreme-element.about-section .section-header .supreme-element.synthego-hero .hero-stats .section-heading + .oxy-heading.stats-intro, .supreme-element.synthego-hero .hero-stats .supreme-element.about-section .section-header .section-heading + .oxy-heading.stats-intro,
.supreme-element.about-section .section-header .supreme-element.synthego-hero .hero-stats .section-heading + .ct-headline.stats-intro,
.supreme-element.synthego-hero .hero-stats .supreme-element.about-section .section-header .section-heading + .ct-headline.stats-intro, .supreme-element.about-section .section-header .oxy-rich-text .section-heading + h3, .oxy-rich-text .supreme-element.about-section .section-header .section-heading + h3,
.supreme-element.about-section .section-header .ct-text-block .section-heading + h3,
.ct-text-block .supreme-element.about-section .section-header .section-heading + h3,
.supreme-element.about-section .section-header .oxy-text .section-heading + h3,
.oxy-text .supreme-element.about-section .section-header .section-heading + h3, .supreme-element.about-section .section-header .section-heading + h3.oxy-heading,
.supreme-element.about-section .section-header .section-heading + h3.ct-headline, .supreme-element.about-section .section-header .section-heading + .oxy-heading[data-tag=h3],
.supreme-element.about-section .section-header .section-heading + .ct-headline[data-tag=h3], .supreme-element.about-section .section-header .section-heading + .synthego-articles-section__active-categories-label, .supreme-element.about-section .section-header .section-heading + .synthego-articles-section__active-categories-list, .supreme-element.about-section .section-header .section-heading + .synthego-articles-section__active-categories-suffix, .supreme-element.about-section .section-header .supreme-element.popular-products .section-heading + .product-title, .supreme-element.popular-products .supreme-element.about-section .section-header .section-heading + .product-title, .supreme-element.synthego-hero .section-header .hero-stats .headline-xxxl + .stats-intro, .supreme-element.synthego-hero .section-header .hero-stats .oxy-rich-text h1 + .stats-intro, .oxy-rich-text .supreme-element.synthego-hero .section-header .hero-stats h1 + .stats-intro,
.supreme-element.synthego-hero .section-header .hero-stats .ct-text-block h1 + .stats-intro,
.ct-text-block .supreme-element.synthego-hero .section-header .hero-stats h1 + .stats-intro,
.supreme-element.synthego-hero .section-header .hero-stats .oxy-text h1 + .stats-intro,
.oxy-text .supreme-element.synthego-hero .section-header .hero-stats h1 + .stats-intro, .supreme-element.synthego-hero .section-header .hero-stats h1.oxy-heading + .stats-intro,
.supreme-element.synthego-hero .section-header .hero-stats h1.ct-headline + .stats-intro, .supreme-element.synthego-hero .section-header .hero-stats .oxy-heading[data-tag=h1] + .stats-intro,
.supreme-element.synthego-hero .section-header .hero-stats .ct-headline[data-tag=h1] + .stats-intro, .supreme-element.synthego-hero .section-header .hero-stats .supreme-element.about-section .section-heading + .stats-intro, .supreme-element.about-section .supreme-element.synthego-hero .section-header .hero-stats .section-heading + .stats-intro, .supreme-element.synthego-hero .hero-stats .section-header .headline-xxxl + .stats-intro, .supreme-element.synthego-hero .hero-stats .section-header .oxy-rich-text h1 + .stats-intro, .oxy-rich-text .supreme-element.synthego-hero .hero-stats .section-header h1 + .stats-intro,
.supreme-element.synthego-hero .hero-stats .section-header .ct-text-block h1 + .stats-intro,
.ct-text-block .supreme-element.synthego-hero .hero-stats .section-header h1 + .stats-intro,
.supreme-element.synthego-hero .hero-stats .section-header .oxy-text h1 + .stats-intro,
.oxy-text .supreme-element.synthego-hero .hero-stats .section-header h1 + .stats-intro, .supreme-element.synthego-hero .hero-stats .section-header h1.oxy-heading + .stats-intro,
.supreme-element.synthego-hero .hero-stats .section-header h1.ct-headline + .stats-intro, .supreme-element.synthego-hero .hero-stats .section-header .oxy-heading[data-tag=h1] + .stats-intro,
.supreme-element.synthego-hero .hero-stats .section-header .ct-headline[data-tag=h1] + .stats-intro, .supreme-element.synthego-hero .hero-stats .section-header .supreme-element.about-section .section-heading + .stats-intro, .supreme-element.about-section .supreme-element.synthego-hero .hero-stats .section-header .section-heading + .stats-intro {
  margin-top: var(--spacing-xl, 24px);
}
.supreme-element .section-header .headline-xl + p, .supreme-element .section-header .oxy-rich-text h3 + p, .oxy-rich-text .supreme-element .section-header h3 + p,
.supreme-element .section-header .ct-text-block h3 + p,
.ct-text-block .supreme-element .section-header h3 + p,
.supreme-element .section-header .oxy-text h3 + p,
.oxy-text .supreme-element .section-header h3 + p, .supreme-element .section-header h3.oxy-heading + p,
.supreme-element .section-header h3.ct-headline + p, .supreme-element .section-header .oxy-heading[data-tag=h3] + p,
.supreme-element .section-header .ct-headline[data-tag=h3] + p, .supreme-element .section-header .synthego-articles-section__active-categories-label + p, .supreme-element .section-header .synthego-articles-section__active-categories-list + p, .supreme-element .section-header .synthego-articles-section__active-categories-suffix + p, .supreme-element.popular-products .section-header .product-title + p, .supreme-element.synthego-hero .section-header .hero-stats .stats-intro + p, .supreme-element.synthego-hero .hero-stats .section-header .stats-intro + p {
  margin-top: var(--spacing-xl, 24px);
}
.supreme-element .hero-spacing .headline-xxxl + .headline-xxl, .supreme-element .hero-spacing .oxy-rich-text .headline-xxxl + h2, .oxy-rich-text .supreme-element .hero-spacing .headline-xxxl + h2,
.supreme-element .hero-spacing .ct-text-block .headline-xxxl + h2,
.ct-text-block .supreme-element .hero-spacing .headline-xxxl + h2,
.supreme-element .hero-spacing .oxy-text .headline-xxxl + h2,
.oxy-text .supreme-element .hero-spacing .headline-xxxl + h2, .supreme-element .hero-spacing .oxy-rich-text h1 + .headline-xxl, .supreme-element.synthego-hero .hero-spacing .oxy-rich-text .hero-stats .stat-column h1 + .oxy-heading.stat-value, .supreme-element.pipeline-section .hero-spacing .oxy-rich-text .pipeline-tile h1 + .oxy-heading.tile-title,
.supreme-element.synthego-hero .hero-spacing .oxy-rich-text .hero-stats .stat-column h1 + .ct-headline.stat-value,
.supreme-element.pipeline-section .hero-spacing .oxy-rich-text .pipeline-tile h1 + .ct-headline.tile-title, .supreme-element .hero-spacing .oxy-rich-text h1 + h2, .oxy-rich-text .supreme-element .hero-spacing h1 + .headline-xxl, .oxy-rich-text .supreme-element .hero-spacing h1 + h2,
.supreme-element .hero-spacing .ct-text-block h1 + .headline-xxl,
.supreme-element.synthego-hero .hero-spacing .ct-text-block .hero-stats .stat-column h1 + .oxy-heading.stat-value,
.supreme-element.pipeline-section .hero-spacing .ct-text-block .pipeline-tile h1 + .oxy-heading.tile-title,
.supreme-element.synthego-hero .hero-spacing .ct-text-block .hero-stats .stat-column h1 + .ct-headline.stat-value,
.supreme-element.pipeline-section .hero-spacing .ct-text-block .pipeline-tile h1 + .ct-headline.tile-title,
.supreme-element .hero-spacing .ct-text-block h1 + h2,
.ct-text-block .supreme-element .hero-spacing h1 + .headline-xxl,
.ct-text-block .supreme-element .hero-spacing h1 + h2,
.supreme-element .hero-spacing .oxy-text h1 + .headline-xxl,
.supreme-element.synthego-hero .hero-spacing .oxy-text .hero-stats .stat-column h1 + .oxy-heading.stat-value,
.supreme-element.pipeline-section .hero-spacing .oxy-text .pipeline-tile h1 + .oxy-heading.tile-title,
.supreme-element.synthego-hero .hero-spacing .oxy-text .hero-stats .stat-column h1 + .ct-headline.stat-value,
.supreme-element.pipeline-section .hero-spacing .oxy-text .pipeline-tile h1 + .ct-headline.tile-title,
.supreme-element .hero-spacing .oxy-text h1 + h2,
.oxy-text .supreme-element .hero-spacing h1 + .headline-xxl,
.oxy-text .supreme-element .hero-spacing h1 + h2, .supreme-element .hero-spacing .headline-xxxl + h2.oxy-heading,
.supreme-element .hero-spacing .headline-xxxl + h2.ct-headline, .supreme-element .hero-spacing h1.oxy-heading + .headline-xxl, .supreme-element .hero-spacing h1.oxy-heading + h2.oxy-heading,
.supreme-element .hero-spacing h1.oxy-heading + h2.ct-headline,
.supreme-element .hero-spacing h1.ct-headline + .headline-xxl,
.supreme-element .hero-spacing h1.ct-headline + h2.oxy-heading,
.supreme-element .hero-spacing h1.ct-headline + h2.ct-headline, .supreme-element .hero-spacing .headline-xxxl + .oxy-heading[data-tag=h2], .supreme-element .hero-spacing .oxy-rich-text h1 + .oxy-heading[data-tag=h2], .oxy-rich-text .supreme-element .hero-spacing h1 + .oxy-heading[data-tag=h2],
.supreme-element .hero-spacing .ct-text-block h1 + .oxy-heading[data-tag=h2],
.ct-text-block .supreme-element .hero-spacing h1 + .oxy-heading[data-tag=h2],
.supreme-element .hero-spacing .oxy-text h1 + .oxy-heading[data-tag=h2],
.oxy-text .supreme-element .hero-spacing h1 + .oxy-heading[data-tag=h2], .supreme-element .hero-spacing h1.oxy-heading + .oxy-heading[data-tag=h2],
.supreme-element .hero-spacing h1.ct-headline + .oxy-heading[data-tag=h2],
.supreme-element .hero-spacing .headline-xxxl + .ct-headline[data-tag=h2],
.supreme-element .hero-spacing .oxy-rich-text h1 + .ct-headline[data-tag=h2],
.oxy-rich-text .supreme-element .hero-spacing h1 + .ct-headline[data-tag=h2],
.supreme-element .hero-spacing .ct-text-block h1 + .ct-headline[data-tag=h2],
.ct-text-block .supreme-element .hero-spacing h1 + .ct-headline[data-tag=h2],
.supreme-element .hero-spacing .oxy-text h1 + .ct-headline[data-tag=h2],
.oxy-text .supreme-element .hero-spacing h1 + .ct-headline[data-tag=h2],
.supreme-element .hero-spacing h1.oxy-heading + .ct-headline[data-tag=h2],
.supreme-element .hero-spacing h1.ct-headline + .ct-headline[data-tag=h2], .supreme-element .hero-spacing .oxy-heading[data-tag=h1] + .headline-xxl, .supreme-element .hero-spacing .oxy-rich-text .oxy-heading[data-tag=h1] + h2, .oxy-rich-text .supreme-element .hero-spacing .oxy-heading[data-tag=h1] + h2,
.supreme-element .hero-spacing .ct-text-block .oxy-heading[data-tag=h1] + h2,
.ct-text-block .supreme-element .hero-spacing .oxy-heading[data-tag=h1] + h2,
.supreme-element .hero-spacing .oxy-text .oxy-heading[data-tag=h1] + h2,
.oxy-text .supreme-element .hero-spacing .oxy-heading[data-tag=h1] + h2, .supreme-element .hero-spacing .oxy-heading[data-tag=h1] + h2.oxy-heading,
.supreme-element .hero-spacing .oxy-heading[data-tag=h1] + h2.ct-headline, .supreme-element .hero-spacing .oxy-heading[data-tag=h1] + .oxy-heading[data-tag=h2],
.supreme-element .hero-spacing .oxy-heading[data-tag=h1] + .ct-headline[data-tag=h2],
.supreme-element .hero-spacing .ct-headline[data-tag=h1] + .headline-xxl,
.supreme-element .hero-spacing .oxy-rich-text .ct-headline[data-tag=h1] + h2,
.oxy-rich-text .supreme-element .hero-spacing .ct-headline[data-tag=h1] + h2,
.supreme-element .hero-spacing .ct-text-block .ct-headline[data-tag=h1] + h2,
.ct-text-block .supreme-element .hero-spacing .ct-headline[data-tag=h1] + h2,
.supreme-element .hero-spacing .oxy-text .ct-headline[data-tag=h1] + h2,
.oxy-text .supreme-element .hero-spacing .ct-headline[data-tag=h1] + h2,
.supreme-element .hero-spacing .ct-headline[data-tag=h1] + h2.oxy-heading,
.supreme-element .hero-spacing .ct-headline[data-tag=h1] + h2.ct-headline,
.supreme-element .hero-spacing .ct-headline[data-tag=h1] + .oxy-heading[data-tag=h2],
.supreme-element .hero-spacing .ct-headline[data-tag=h1] + .ct-headline[data-tag=h2], .supreme-element.one-button-cta .hero-spacing .headline-xxxl + .cta-title, .supreme-element.one-button-cta .hero-spacing .supreme-element.about-section .oxy-heading.section-heading + .cta-title, .supreme-element.about-section .supreme-element.one-button-cta .hero-spacing .oxy-heading.section-heading + .cta-title,
.supreme-element.one-button-cta .hero-spacing .supreme-element.about-section .ct-headline.section-heading + .cta-title,
.supreme-element.about-section .supreme-element.one-button-cta .hero-spacing .ct-headline.section-heading + .cta-title, .supreme-element.one-button-cta .hero-spacing .oxy-rich-text h1 + .cta-title, .oxy-rich-text .supreme-element.one-button-cta .hero-spacing h1 + .cta-title,
.supreme-element.one-button-cta .hero-spacing .ct-text-block h1 + .cta-title,
.ct-text-block .supreme-element.one-button-cta .hero-spacing h1 + .cta-title,
.supreme-element.one-button-cta .hero-spacing .oxy-text h1 + .cta-title,
.oxy-text .supreme-element.one-button-cta .hero-spacing h1 + .cta-title, .supreme-element.one-button-cta .hero-spacing h1.oxy-heading + .cta-title,
.supreme-element.one-button-cta .hero-spacing h1.ct-headline + .cta-title, .supreme-element.one-button-cta .hero-spacing .oxy-heading[data-tag=h1] + .cta-title,
.supreme-element.one-button-cta .hero-spacing .ct-headline[data-tag=h1] + .cta-title, .supreme-element.about-section .hero-spacing .section-heading + .headline-xxl, .supreme-element.about-section .hero-spacing .supreme-element.synthego-hero .hero-stats .stat-column .section-heading + .oxy-heading.stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .supreme-element.about-section .hero-spacing .section-heading + .oxy-heading.stat-value, .supreme-element.about-section .hero-spacing .supreme-element.pipeline-section .pipeline-tile .section-heading + .oxy-heading.tile-title, .supreme-element.pipeline-section .pipeline-tile .supreme-element.about-section .hero-spacing .section-heading + .oxy-heading.tile-title,
.supreme-element.about-section .hero-spacing .supreme-element.synthego-hero .hero-stats .stat-column .section-heading + .ct-headline.stat-value,
.supreme-element.synthego-hero .hero-stats .stat-column .supreme-element.about-section .hero-spacing .section-heading + .ct-headline.stat-value,
.supreme-element.about-section .hero-spacing .supreme-element.pipeline-section .pipeline-tile .section-heading + .ct-headline.tile-title,
.supreme-element.pipeline-section .pipeline-tile .supreme-element.about-section .hero-spacing .section-heading + .ct-headline.tile-title, .supreme-element.about-section .hero-spacing .oxy-rich-text .section-heading + h2, .oxy-rich-text .supreme-element.about-section .hero-spacing .section-heading + h2,
.supreme-element.about-section .hero-spacing .ct-text-block .section-heading + h2,
.ct-text-block .supreme-element.about-section .hero-spacing .section-heading + h2,
.supreme-element.about-section .hero-spacing .oxy-text .section-heading + h2,
.oxy-text .supreme-element.about-section .hero-spacing .section-heading + h2, .supreme-element.about-section .hero-spacing .section-heading + h2.oxy-heading,
.supreme-element.about-section .hero-spacing .section-heading + h2.ct-headline, .supreme-element.about-section .hero-spacing .section-heading + .oxy-heading[data-tag=h2],
.supreme-element.about-section .hero-spacing .section-heading + .ct-headline[data-tag=h2], .supreme-element.about-section .hero-spacing .supreme-element.one-button-cta .section-heading + .cta-title, .supreme-element.one-button-cta .supreme-element.about-section .hero-spacing .section-heading + .cta-title, .supreme-element.pipeline-section .hero-spacing .pipeline-tile .headline-xxxl + .tile-title, .supreme-element.pipeline-section .hero-spacing .pipeline-tile .oxy-rich-text h1 + .tile-title, .oxy-rich-text .supreme-element.pipeline-section .hero-spacing .pipeline-tile h1 + .tile-title,
.supreme-element.pipeline-section .hero-spacing .pipeline-tile .ct-text-block h1 + .tile-title,
.ct-text-block .supreme-element.pipeline-section .hero-spacing .pipeline-tile h1 + .tile-title,
.supreme-element.pipeline-section .hero-spacing .pipeline-tile .oxy-text h1 + .tile-title,
.oxy-text .supreme-element.pipeline-section .hero-spacing .pipeline-tile h1 + .tile-title, .supreme-element.pipeline-section .hero-spacing .pipeline-tile h1.oxy-heading + .tile-title,
.supreme-element.pipeline-section .hero-spacing .pipeline-tile h1.ct-headline + .tile-title, .supreme-element.pipeline-section .hero-spacing .pipeline-tile .oxy-heading[data-tag=h1] + .tile-title,
.supreme-element.pipeline-section .hero-spacing .pipeline-tile .ct-headline[data-tag=h1] + .tile-title, .supreme-element.pipeline-section .hero-spacing .pipeline-tile .supreme-element.about-section .section-heading + .tile-title, .supreme-element.about-section .supreme-element.pipeline-section .hero-spacing .pipeline-tile .section-heading + .tile-title, .supreme-element.pipeline-section .pipeline-tile .hero-spacing .headline-xxxl + .tile-title, .supreme-element.pipeline-section .pipeline-tile .hero-spacing .oxy-rich-text h1 + .tile-title, .oxy-rich-text .supreme-element.pipeline-section .pipeline-tile .hero-spacing h1 + .tile-title,
.supreme-element.pipeline-section .pipeline-tile .hero-spacing .ct-text-block h1 + .tile-title,
.ct-text-block .supreme-element.pipeline-section .pipeline-tile .hero-spacing h1 + .tile-title,
.supreme-element.pipeline-section .pipeline-tile .hero-spacing .oxy-text h1 + .tile-title,
.oxy-text .supreme-element.pipeline-section .pipeline-tile .hero-spacing h1 + .tile-title, .supreme-element.pipeline-section .pipeline-tile .hero-spacing h1.oxy-heading + .tile-title,
.supreme-element.pipeline-section .pipeline-tile .hero-spacing h1.ct-headline + .tile-title, .supreme-element.pipeline-section .pipeline-tile .hero-spacing .oxy-heading[data-tag=h1] + .tile-title,
.supreme-element.pipeline-section .pipeline-tile .hero-spacing .ct-headline[data-tag=h1] + .tile-title, .supreme-element.pipeline-section .pipeline-tile .hero-spacing .supreme-element.about-section .section-heading + .tile-title, .supreme-element.about-section .supreme-element.pipeline-section .pipeline-tile .hero-spacing .section-heading + .tile-title, .supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column .headline-xxxl + .stat-value, .supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column .oxy-rich-text h1 + .stat-value, .oxy-rich-text .supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column h1 + .stat-value,
.supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column .ct-text-block h1 + .stat-value,
.ct-text-block .supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column h1 + .stat-value,
.supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column .oxy-text h1 + .stat-value,
.oxy-text .supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column h1 + .stat-value, .supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column h1.oxy-heading + .stat-value,
.supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column h1.ct-headline + .stat-value, .supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column .oxy-heading[data-tag=h1] + .stat-value,
.supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column .ct-headline[data-tag=h1] + .stat-value, .supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column .supreme-element.about-section .section-heading + .stat-value, .supreme-element.about-section .supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column .section-heading + .stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing .headline-xxxl + .stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing .oxy-rich-text h1 + .stat-value, .oxy-rich-text .supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing h1 + .stat-value,
.supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing .ct-text-block h1 + .stat-value,
.ct-text-block .supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing h1 + .stat-value,
.supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing .oxy-text h1 + .stat-value,
.oxy-text .supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing h1 + .stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing h1.oxy-heading + .stat-value,
.supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing h1.ct-headline + .stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing .oxy-heading[data-tag=h1] + .stat-value,
.supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing .ct-headline[data-tag=h1] + .stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing .supreme-element.about-section .section-heading + .stat-value, .supreme-element.about-section .supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing .section-heading + .stat-value {
  margin-top: var(--spacing-3xl, 40px);
}
.supreme-element .card-content .card-header + p {
  margin-top: var(--spacing-xl, 24px);
}

.spacing-xs {
  margin-bottom: var(--spacing-xs, 8px);
}
.spacing-sm {
  margin-bottom: var(--spacing-sm, 12px);
}
.spacing-md {
  margin-bottom: var(--spacing-md, 16px);
}
.spacing-lg {
  margin-bottom: var(--spacing-lg, 20px);
}
.spacing-xl {
  margin-bottom: var(--spacing-xl, 24px);
}
.spacing-xxl {
  margin-bottom: var(--spacing-xxl, 32px);
}
.spacing-3xl {
  margin-bottom: var(--spacing-3xl, 40px);
}
.spacing-4xl {
  margin-bottom: var(--spacing-4xl, 80px);
}
.spacing-5xl {
  margin-bottom: var(--spacing-5xl, 112px);
}

.gap-xs {
  gap: var(--spacing-xs, 8px);
}
.gap-sm {
  gap: var(--spacing-sm, 12px);
}
.gap-md {
  gap: var(--spacing-md, 16px);
}
.gap-lg {
  gap: var(--spacing-lg, 20px);
}
.gap-xl {
  gap: var(--spacing-xl, 24px);
}
.gap-xxl {
  gap: var(--spacing-xxl, 32px);
}
.gap-3xl {
  gap: var(--spacing-3xl, 40px);
}
.gap-4xl {
  gap: var(--spacing-4xl, 80px);
}
.gap-5xl {
  gap: var(--spacing-5xl, 112px);
}

@media (min-width: 993px) {
  .mobile-only {
    display: none;
  }
}

@media (max-width: 992px) {
  .mobile-nav-visible {
    overflow-y: hidden;
  }
}

.hero-max-width h1 {
  max-width: 800px;
}

.anchor-target {
  top: 100px;
}

.link-arrow {
  width: 16px;
  height: 16px;
}

@media (max-width: 767px) {
  .ct-new-columns > .ct-div-block {
    padding-top: 0;
  }
}

.supreme-element p a,
.supreme-element li a {
  width: fit-content;
  display: inline;
  color: var(--Heading-Color-1);
  font-weight: var(--Font-Weight-Bold);
  transition: color 0.3s ease-in-out;
  text-decoration: underline;
}
.supreme-element p a:hover,
.supreme-element li a:hover {
  color: var(--link, #f94f01);
}
.supreme-element h3 a {
  width: fit-content;
  display: inline;
  color: var(--Heading-Color-1);
  font-weight: var(--Font-Weight-Bold);
  transition: color 0.3s ease-in-out;
  text-decoration: underline;
}
.supreme-element h3 a:hover {
  color: var(--link, #f94f01);
}

p a,
li a,
div a {
  width: fit-content;
  display: inline;
  color: var(--Heading-Color-1);
  font-weight: var(--Font-Weight-Bold);
  transition: color 0.3s ease-in-out;
  text-decoration: underline;
}
p a:hover,
li a:hover,
div a:hover {
  color: var(--link, #f94f01);
}

a.standard-link {
  width: fit-content;
  display: inline;
  color: var(--Heading-Color-1);
  font-weight: var(--Font-Weight-Bold);
  transition: color 0.3s ease-in-out;
  text-decoration: underline;
}
a.standard-link:hover {
  color: var(--link, #f94f01);
}

.white-hover {
  transition: 0.3s ease-in-out;
  color: #ffffff;
}
.white-hover:hover {
  color: var(--Heading-Color-1);
  transition: 0.3s ease-in-out;
}

.flag-box h4.section-title {
  margin-bottom: 0px;
}

a.achor-link {
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
}
a.achor-link:hover {
  color: var(--link, #f94f01);
  text-decoration: underline;
}

.image-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  align-items: center;
}
.image-row .col {
  text-align: center;
}

figcaption.block-img-caption {
  margin-top: 0;
}

@media (max-width: 767px) {
  .single iframe {
    width: 100%;
    height: auto;
  }
  .image-row {
    display: inline;
  }
}
.synthego-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 1439px) {
  .synthego-container {
    padding: 0 var(--spacing-xl);
  }
}
@media (max-width: 767px) {
  .synthego-container {
    padding: 0 var(--spacing-lg);
  }
}

.synthego-section {
  padding: var(--spacing-4xl) 0;
}
@media (max-width: 991px) {
  .synthego-section {
    padding: var(--spacing-3xl) 0;
  }
}
@media (max-width: 767px) {
  .synthego-section {
    padding: var(--spacing-3xl) 0;
  }
}

.synthego-card {
  transition: all 0.3s ease;
}
.synthego-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.synthego-description {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-Paragraph-f-size);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--text);
}

.synthego-category-tag {
  font-family: var(--Font-Family-Special-Case);
  font-size: var(--Font-Size-f-size-xxs);
  font-weight: var(--Font-Weight-Regular);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.synthego-gradient-bg {
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green) 0%, var(--Brand-Colors-Primary-Cytosine-Blue) 100%);
}

.synthego-gradient-text {
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green) 0%, var(--Brand-Colors-Primary-Cytosine-Blue) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.synthego-border-light {
  border: 1px solid var(--Gray-200);
}

.synthego-border-radius-sm {
  border-radius: 8px;
}

.synthego-border-radius-md {
  border-radius: 12px;
}

.synthego-border-radius-lg {
  border-radius: 20px;
}

.synthego-progress-bar {
  width: 100%;
  height: 8px;
  background: var(--Gray-200);
  border-radius: 4px;
  overflow: hidden;
}
.synthego-progress-bar .progress-fill {
  height: 100%;
  background: var(--Brand-Colors-Primary-Black);
  transition: width 0.3s ease;
}

.synthego-load-more {
  margin: var(--spacing-3xl) auto 0;
  display: block;
}

.button-green-border:focus-visible,
.supreme-element.one-button-cta .cta-button:focus-visible,
.btn-green-border:focus-visible,
.button-quaternary:focus-visible,
.btn-quaternary:focus-visible,
.button-tertiary:focus-visible,
.promo-button:focus-visible,
.cart-button:focus-visible,
.synthego-footer .footer-contact-btn:focus-visible,
.supreme-element.about-section .about-button:focus-visible,
.supreme-element.synthego-hero .btn-secondary:focus-visible,
.btn-tertiary:focus-visible,
.button-secondary:focus-visible,
.supreme-element.title-text-button-hero .hero-button-secondary:focus-visible,
.btn-secondary:focus-visible,
.button-primary:focus-visible,
.resources-section .resources-footer .oxy-button.resources-load-more:focus-visible,
.resources-section .resources-footer .ct-link-button.resources-load-more:focus-visible,
.oxy-button:focus-visible,
.ct-link-button:focus-visible,
.resources-section .resources-footer .resources-load-more:focus-visible,
.supreme-element.product-search-results-wrapper .load-more-btn:focus-visible,
#search-results-container .load-more-btn:focus-visible,
.synthego-press-grid__load-more:focus-visible,
.supreme-element.guide-hero .hero-button:focus-visible,
.supreme-element.post-contact-cta .contact-experts__button:focus-visible,
.supreme-element.post-content-container .contact-experts__button:focus-visible,
.resources-section .resources-footer .resources-load-more:focus-visible,
.subscribe-cta .subscribe-button:focus-visible,
.supreme-element.fifty-fifty-hero .hero-button:focus-visible,
.supreme-element.title-text-button-hero .hero-button:focus-visible,
.supreme-element.synthego-hero .btn-primary:focus-visible,
.synthego-load-more:focus-visible,
.btn-primary:focus-visible {
  outline: none;
}

@media (min-width: 993px) {
  .ct-inner-content {
    overflow: visible;
  }
}

.supreme-sticky-sidebar {
  position: sticky;
  top: 0;
  align-self: flex-start;
  margin-top: 3rem;
}
@media (max-width: 992px) {
  .supreme-sticky-sidebar {
    position: relative;
  }
}

.supreme-global-wrapper {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
@media (min-width: 1440px) {
  .supreme-global-wrapper {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (max-width: 767px) {
  .supreme-global-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.supreme-global-container {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

.background-container.light-grayish-cyan {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.background-container.white {
  background: var(--Brand-Colors-Primary-White);
}

@media (min-width: 1026px) {
  .application-max-sec .supreme-global-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.single-applications .hero-text {
  max-width: 850px;
}

.single-learn .supreme-element h3:not([class*=headline-]) + p {
  margin-top: var(--spacing-md, 16px);
}

.button-green-border, .supreme-element.one-button-cta .cta-button,
.btn-green-border,
.supreme-element .button-green-border,
.supreme-element .btn-green-border, .button-quaternary,
.btn-quaternary,
.supreme-element .button-quaternary,
.supreme-element .btn-quaternary, .button-tertiary, .oxy-button.button-tertiary, .oxy-button.promo-button,
.oxy-button.cart-button,
.ct-link-button.button-tertiary,
.ct-link-button.promo-button,
.ct-link-button.cart-button, .promo-button,
.cart-button, .synthego-footer .footer-contact-btn, .supreme-element.about-section .about-button, .supreme-element.synthego-hero .btn-secondary,
.btn-tertiary,
.supreme-element .button-tertiary,
.supreme-element .promo-button,
.supreme-element .cart-button,
.supreme-element .btn-tertiary, .button-secondary, .oxy-button.button-secondary,
.ct-link-button.button-secondary, .supreme-element.title-text-button-hero .hero-button-secondary,
.btn-secondary,
.supreme-element .button-secondary,
.supreme-element .btn-secondary, .button-primary, .oxy-button.button-primary, .resources-section .resources-footer .oxy-button.resources-load-more,
.ct-link-button.button-primary,
.resources-section .resources-footer .ct-link-button.resources-load-more,
.resources-section .resources-footer .oxy-button.ct-link-button.resources-load-more, .oxy-button,
.ct-link-button, .supreme-element.product-search-results-wrapper .load-more-btn,
#search-results-container .load-more-btn, .synthego-press-grid__load-more, .supreme-element.guide-hero .hero-button, .supreme-element.post-contact-cta .contact-experts__button, .supreme-element.post-content-container .contact-experts__button, .resources-section .resources-footer .resources-load-more, .subscribe-cta .subscribe-button, .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.title-text-button-hero .hero-button, .supreme-element.synthego-hero .btn-primary, .synthego-load-more,
.btn-primary,
.supreme-element .button-primary,
.supreme-element .resources-section .resources-footer .oxy-button.resources-load-more,
.resources-section .resources-footer .supreme-element .oxy-button.resources-load-more,
.supreme-element .resources-section .resources-footer .ct-link-button.resources-load-more,
.resources-section .resources-footer .supreme-element .ct-link-button.resources-load-more,
.supreme-element .oxy-button,
.supreme-element .ct-link-button,
.supreme-element .synthego-press-grid__load-more,
.supreme-element .resources-section .resources-footer .resources-load-more,
.resources-section .resources-footer .supreme-element .resources-load-more,
.supreme-element .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  border-radius: 10px;
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  overflow: visible;
}
.button-green-border:focus, .supreme-element.one-button-cta .cta-button:focus,
.btn-green-border:focus, .button-quaternary:focus,
.btn-quaternary:focus, .button-tertiary:focus, .promo-button:focus,
.cart-button:focus, .synthego-footer .footer-contact-btn:focus, .supreme-element.about-section .about-button:focus, .supreme-element.synthego-hero .btn-secondary:focus,
.btn-tertiary:focus, .button-secondary:focus, .supreme-element.title-text-button-hero .hero-button-secondary:focus,
.btn-secondary:focus, .button-primary:focus, .resources-section .resources-footer .oxy-button.resources-load-more:focus,
.resources-section .resources-footer .ct-link-button.resources-load-more:focus, .oxy-button:focus,
.ct-link-button:focus, .supreme-element.product-search-results-wrapper .load-more-btn:focus,
#search-results-container .load-more-btn:focus, .synthego-press-grid__load-more:focus, .supreme-element.guide-hero .hero-button:focus, .supreme-element.post-contact-cta .contact-experts__button:focus, .supreme-element.post-content-container .contact-experts__button:focus, .resources-section .resources-footer .resources-load-more:focus, .subscribe-cta .subscribe-button:focus, .supreme-element.fifty-fifty-hero .hero-button:focus, .supreme-element.title-text-button-hero .hero-button:focus, .supreme-element.synthego-hero .btn-primary:focus, .synthego-load-more:focus,
.btn-primary:focus {
  outline: none;
  outline-offset: 0;
}
.button-green-border:focus-visible, .supreme-element.one-button-cta .cta-button:focus-visible,
.btn-green-border:focus-visible, .button-quaternary:focus-visible,
.btn-quaternary:focus-visible, .button-tertiary:focus-visible, .promo-button:focus-visible,
.cart-button:focus-visible, .synthego-footer .footer-contact-btn:focus-visible, .supreme-element.about-section .about-button:focus-visible, .supreme-element.synthego-hero .btn-secondary:focus-visible,
.btn-tertiary:focus-visible, .button-secondary:focus-visible, .supreme-element.title-text-button-hero .hero-button-secondary:focus-visible,
.btn-secondary:focus-visible, .button-primary:focus-visible, .resources-section .resources-footer .oxy-button.resources-load-more:focus-visible,
.resources-section .resources-footer .ct-link-button.resources-load-more:focus-visible, .oxy-button:focus-visible,
.ct-link-button:focus-visible, .supreme-element.product-search-results-wrapper .load-more-btn:focus-visible,
#search-results-container .load-more-btn:focus-visible, .synthego-press-grid__load-more:focus-visible, .supreme-element.guide-hero .hero-button:focus-visible, .supreme-element.post-contact-cta .contact-experts__button:focus-visible, .supreme-element.post-content-container .contact-experts__button:focus-visible, .resources-section .resources-footer .resources-load-more:focus-visible, .subscribe-cta .subscribe-button:focus-visible, .supreme-element.fifty-fifty-hero .hero-button:focus-visible, .supreme-element.title-text-button-hero .hero-button:focus-visible, .supreme-element.synthego-hero .btn-primary:focus-visible, .synthego-load-more:focus-visible,
.btn-primary:focus-visible {
  outline: 2px solid blue; /* Show for keyboard navigation */
}
.button-green-border svg, .supreme-element.one-button-cta .cta-button svg,
.btn-green-border svg,
.supreme-element .button-green-border svg,
.supreme-element .btn-green-border svg, .button-quaternary svg,
.btn-quaternary svg,
.supreme-element .button-quaternary svg,
.supreme-element .btn-quaternary svg, .button-tertiary svg, .oxy-button.button-tertiary svg, .oxy-button.promo-button svg,
.oxy-button.cart-button svg,
.ct-link-button.button-tertiary svg,
.ct-link-button.promo-button svg,
.ct-link-button.cart-button svg, .promo-button svg,
.cart-button svg, .synthego-footer .footer-contact-btn svg, .supreme-element.about-section .about-button svg, .supreme-element.synthego-hero .btn-secondary svg,
.btn-tertiary svg,
.supreme-element .button-tertiary svg,
.supreme-element .promo-button svg,
.supreme-element .cart-button svg,
.supreme-element .btn-tertiary svg, .button-secondary svg, .oxy-button.button-secondary svg,
.ct-link-button.button-secondary svg, .supreme-element.title-text-button-hero .hero-button-secondary svg,
.btn-secondary svg,
.supreme-element .button-secondary svg,
.supreme-element .btn-secondary svg, .button-primary svg, .oxy-button.button-primary svg, .resources-section .resources-footer .oxy-button.resources-load-more svg,
.ct-link-button.button-primary svg,
.resources-section .resources-footer .ct-link-button.resources-load-more svg, .oxy-button svg,
.ct-link-button svg, .supreme-element.product-search-results-wrapper .load-more-btn svg,
#search-results-container .load-more-btn svg, .synthego-press-grid__load-more svg, .supreme-element.guide-hero .hero-button svg, .supreme-element.post-contact-cta .contact-experts__button svg, .supreme-element.post-content-container .contact-experts__button svg, .resources-section .resources-footer .resources-load-more svg, .subscribe-cta .subscribe-button svg, .supreme-element.fifty-fifty-hero .hero-button svg, .supreme-element.title-text-button-hero .hero-button svg, .supreme-element.synthego-hero .btn-primary svg, .synthego-load-more svg,
.btn-primary svg,
.supreme-element .button-primary svg,
.supreme-element .oxy-button svg,
.supreme-element .ct-link-button svg,
.supreme-element .synthego-press-grid__load-more svg,
.supreme-element .resources-section .resources-footer .resources-load-more svg,
.resources-section .resources-footer .supreme-element .resources-load-more svg,
.supreme-element .btn-primary svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.button-green-border svg path, .supreme-element.one-button-cta .cta-button svg path,
.btn-green-border svg path,
.supreme-element .button-green-border svg path,
.supreme-element .btn-green-border svg path, .button-quaternary svg path,
.btn-quaternary svg path,
.supreme-element .button-quaternary svg path,
.supreme-element .btn-quaternary svg path, .button-tertiary svg path, .oxy-button.button-tertiary svg path, .oxy-button.promo-button svg path,
.oxy-button.cart-button svg path,
.ct-link-button.button-tertiary svg path,
.ct-link-button.promo-button svg path,
.ct-link-button.cart-button svg path, .promo-button svg path,
.cart-button svg path, .synthego-footer .footer-contact-btn svg path, .supreme-element.about-section .about-button svg path, .supreme-element.synthego-hero .btn-secondary svg path,
.btn-tertiary svg path,
.supreme-element .button-tertiary svg path,
.supreme-element .promo-button svg path,
.supreme-element .cart-button svg path,
.supreme-element .btn-tertiary svg path, .button-secondary svg path, .oxy-button.button-secondary svg path,
.ct-link-button.button-secondary svg path, .supreme-element.title-text-button-hero .hero-button-secondary svg path,
.btn-secondary svg path,
.supreme-element .button-secondary svg path,
.supreme-element .btn-secondary svg path, .button-primary svg path, .oxy-button.button-primary svg path, .resources-section .resources-footer .oxy-button.resources-load-more svg path,
.ct-link-button.button-primary svg path,
.resources-section .resources-footer .ct-link-button.resources-load-more svg path, .oxy-button svg path,
.ct-link-button svg path, .supreme-element.product-search-results-wrapper .load-more-btn svg path,
#search-results-container .load-more-btn svg path, .synthego-press-grid__load-more svg path, .supreme-element.guide-hero .hero-button svg path, .supreme-element.post-contact-cta .contact-experts__button svg path, .supreme-element.post-content-container .contact-experts__button svg path, .resources-section .resources-footer .resources-load-more svg path, .subscribe-cta .subscribe-button svg path, .supreme-element.fifty-fifty-hero .hero-button svg path, .supreme-element.title-text-button-hero .hero-button svg path, .supreme-element.synthego-hero .btn-primary svg path, .synthego-load-more svg path,
.btn-primary svg path,
.supreme-element .button-primary svg path,
.supreme-element .oxy-button svg path,
.supreme-element .ct-link-button svg path,
.supreme-element .synthego-press-grid__load-more svg path,
.supreme-element .resources-section .resources-footer .resources-load-more svg path,
.resources-section .resources-footer .supreme-element .resources-load-more svg path,
.supreme-element .btn-primary svg path {
  transition: fill 0.3s ease;
}
.button-green-border span, .supreme-element.one-button-cta .cta-button span,
.btn-green-border span,
.supreme-element .button-green-border span,
.supreme-element .btn-green-border span, .button-quaternary span,
.btn-quaternary span,
.supreme-element .button-quaternary span,
.supreme-element .btn-quaternary span, .button-tertiary span, .oxy-button.button-tertiary span, .oxy-button.promo-button span,
.oxy-button.cart-button span,
.ct-link-button.button-tertiary span,
.ct-link-button.promo-button span,
.ct-link-button.cart-button span, .promo-button span,
.cart-button span, .synthego-footer .footer-contact-btn span, .supreme-element.about-section .about-button span, .supreme-element.synthego-hero .btn-secondary span,
.btn-tertiary span,
.supreme-element .button-tertiary span,
.supreme-element .promo-button span,
.supreme-element .cart-button span,
.supreme-element .btn-tertiary span, .button-secondary span, .oxy-button.button-secondary span,
.ct-link-button.button-secondary span, .supreme-element.title-text-button-hero .hero-button-secondary span,
.btn-secondary span,
.supreme-element .button-secondary span,
.supreme-element .btn-secondary span, .button-primary span, .oxy-button.button-primary span, .resources-section .resources-footer .oxy-button.resources-load-more span,
.ct-link-button.button-primary span,
.resources-section .resources-footer .ct-link-button.resources-load-more span, .oxy-button span,
.ct-link-button span, .supreme-element.product-search-results-wrapper .load-more-btn span,
#search-results-container .load-more-btn span, .synthego-press-grid__load-more span, .supreme-element.guide-hero .hero-button span, .supreme-element.post-contact-cta .contact-experts__button span, .supreme-element.post-content-container .contact-experts__button span, .resources-section .resources-footer .resources-load-more span, .subscribe-cta .subscribe-button span, .supreme-element.fifty-fifty-hero .hero-button span, .supreme-element.title-text-button-hero .hero-button span, .supreme-element.synthego-hero .btn-primary span, .synthego-load-more span,
.btn-primary span,
.supreme-element .button-primary span,
.supreme-element .oxy-button span,
.supreme-element .ct-link-button span,
.supreme-element .synthego-press-grid__load-more span,
.supreme-element .resources-section .resources-footer .resources-load-more span,
.resources-section .resources-footer .supreme-element .resources-load-more span,
.supreme-element .btn-primary span {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .button-green-border, .supreme-element.one-button-cta .cta-button,
  .btn-green-border,
  .supreme-element .button-green-border,
  .supreme-element .btn-green-border, .button-quaternary,
  .btn-quaternary,
  .supreme-element .button-quaternary,
  .supreme-element .btn-quaternary, .button-tertiary, .oxy-button.button-tertiary, .oxy-button.promo-button,
  .oxy-button.cart-button,
  .ct-link-button.button-tertiary,
  .ct-link-button.promo-button,
  .ct-link-button.cart-button, .promo-button,
  .cart-button, .synthego-footer .footer-contact-btn, .supreme-element.about-section .about-button, .supreme-element.synthego-hero .btn-secondary,
  .btn-tertiary,
  .supreme-element .button-tertiary,
  .supreme-element .promo-button,
  .supreme-element .cart-button,
  .supreme-element .btn-tertiary, .button-secondary, .oxy-button.button-secondary,
  .ct-link-button.button-secondary, .supreme-element.title-text-button-hero .hero-button-secondary,
  .btn-secondary,
  .supreme-element .button-secondary,
  .supreme-element .btn-secondary, .button-primary, .oxy-button.button-primary, .resources-section .resources-footer .oxy-button.resources-load-more,
  .ct-link-button.button-primary,
  .resources-section .resources-footer .ct-link-button.resources-load-more,
  .resources-section .resources-footer .oxy-button.ct-link-button.resources-load-more, .oxy-button,
  .ct-link-button, .supreme-element.product-search-results-wrapper .load-more-btn,
  #search-results-container .load-more-btn, .synthego-press-grid__load-more, .supreme-element.guide-hero .hero-button, .supreme-element.post-contact-cta .contact-experts__button, .supreme-element.post-content-container .contact-experts__button, .resources-section .resources-footer .resources-load-more, .subscribe-cta .subscribe-button, .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.title-text-button-hero .hero-button, .supreme-element.synthego-hero .btn-primary, .synthego-load-more,
  .btn-primary,
  .supreme-element .button-primary,
  .supreme-element .resources-section .resources-footer .oxy-button.resources-load-more,
  .resources-section .resources-footer .supreme-element .oxy-button.resources-load-more,
  .supreme-element .resources-section .resources-footer .ct-link-button.resources-load-more,
  .resources-section .resources-footer .supreme-element .ct-link-button.resources-load-more,
  .supreme-element .oxy-button,
  .supreme-element .ct-link-button,
  .supreme-element .synthego-press-grid__load-more,
  .supreme-element .resources-section .resources-footer .resources-load-more,
  .resources-section .resources-footer .supreme-element .resources-load-more,
  .supreme-element .btn-primary {
    font-size: var(--Font-Size-f-size-xs, 16px);
    padding: var(--spacing-xs, 8px) var(--spacing-xl, 24px);
  }
}

.button-primary, .oxy-button.button-primary, .resources-section .resources-footer .oxy-button.resources-load-more,
.ct-link-button.button-primary,
.resources-section .resources-footer .ct-link-button.resources-load-more,
.resources-section .resources-footer .oxy-button.ct-link-button.resources-load-more, .oxy-button,
.ct-link-button, .supreme-element.product-search-results-wrapper .load-more-btn,
#search-results-container .load-more-btn, .synthego-press-grid__load-more, .supreme-element.guide-hero .hero-button, .supreme-element.post-contact-cta .contact-experts__button, .supreme-element.post-content-container .contact-experts__button, .resources-section .resources-footer .resources-load-more, .subscribe-cta .subscribe-button, .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.title-text-button-hero .hero-button, .supreme-element.synthego-hero .btn-primary, .synthego-load-more,
.btn-primary,
.supreme-element .button-primary,
.supreme-element .resources-section .resources-footer .oxy-button.resources-load-more,
.resources-section .resources-footer .supreme-element .oxy-button.resources-load-more,
.supreme-element .resources-section .resources-footer .ct-link-button.resources-load-more,
.resources-section .resources-footer .supreme-element .ct-link-button.resources-load-more,
.supreme-element .oxy-button,
.supreme-element .ct-link-button,
.supreme-element .synthego-press-grid__load-more,
.supreme-element .resources-section .resources-footer .resources-load-more,
.resources-section .resources-footer .supreme-element .resources-load-more,
.supreme-element .btn-primary {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: none;
}
.button-primary::after, .oxy-button.button-primary::after, .resources-section .resources-footer .oxy-button.resources-load-more::after,
.ct-link-button.button-primary::after,
.resources-section .resources-footer .ct-link-button.resources-load-more::after, .oxy-button::after,
.ct-link-button::after, .supreme-element.product-search-results-wrapper .load-more-btn::after,
#search-results-container .load-more-btn::after, .synthego-press-grid__load-more::after, .supreme-element.guide-hero .hero-button::after, .supreme-element.post-contact-cta .contact-experts__button::after, .supreme-element.post-content-container .contact-experts__button::after, .resources-section .resources-footer .resources-load-more::after, .subscribe-cta .subscribe-button::after, .supreme-element.fifty-fifty-hero .hero-button::after, .supreme-element.title-text-button-hero .hero-button::after, .supreme-element.synthego-hero .btn-primary::after, .synthego-load-more::after,
.btn-primary::after,
.supreme-element .button-primary::after,
.supreme-element .oxy-button::after,
.supreme-element .ct-link-button::after,
.supreme-element .synthego-press-grid__load-more::after,
.supreme-element .resources-section .resources-footer .resources-load-more::after,
.resources-section .resources-footer .supreme-element .resources-load-more::after,
.supreme-element .synthego-load-more::after,
.supreme-element .btn-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Black, #000000);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  z-index: 0;
}
.button-primary:hover::after, .oxy-button:hover::after,
.ct-link-button:hover::after, .supreme-element.product-search-results-wrapper .load-more-btn:hover::after,
#search-results-container .load-more-btn:hover::after, .synthego-press-grid__load-more:hover::after, .supreme-element.guide-hero .hero-button:hover::after, .supreme-element.post-contact-cta .contact-experts__button:hover::after, .supreme-element.post-content-container .contact-experts__button:hover::after, .resources-section .resources-footer .resources-load-more:hover::after, .subscribe-cta .subscribe-button:hover::after, .supreme-element.fifty-fifty-hero .hero-button:hover::after, .supreme-element.title-text-button-hero .hero-button:hover::after, .synthego-load-more:hover::after,
.btn-primary:hover::after,
.supreme-element .button-primary:hover::after,
.supreme-element .btn-primary:hover::after {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  z-index: 1;
}
.button-primary span, .oxy-button.button-primary span, .resources-section .resources-footer .oxy-button.resources-load-more span,
.ct-link-button.button-primary span,
.resources-section .resources-footer .ct-link-button.resources-load-more span, .oxy-button span,
.ct-link-button span, .supreme-element.product-search-results-wrapper .load-more-btn span,
#search-results-container .load-more-btn span, .synthego-press-grid__load-more span, .supreme-element.guide-hero .hero-button span, .supreme-element.post-contact-cta .contact-experts__button span, .supreme-element.post-content-container .contact-experts__button span, .resources-section .resources-footer .resources-load-more span, .subscribe-cta .subscribe-button span, .supreme-element.fifty-fifty-hero .hero-button span, .supreme-element.title-text-button-hero .hero-button span, .supreme-element.synthego-hero .btn-primary span, .synthego-load-more span,
.btn-primary span,
.supreme-element .button-primary span,
.supreme-element .oxy-button span,
.supreme-element .ct-link-button span,
.supreme-element .synthego-press-grid__load-more span,
.supreme-element .resources-section .resources-footer .resources-load-more span,
.resources-section .resources-footer .supreme-element .resources-load-more span,
.supreme-element .synthego-load-more span,
.supreme-element .btn-primary span {
  position: relative;
  z-index: 1;
}
.button-primary::before, .oxy-button.button-primary::before, .resources-section .resources-footer .oxy-button.resources-load-more::before,
.ct-link-button.button-primary::before,
.resources-section .resources-footer .ct-link-button.resources-load-more::before, .oxy-button::before,
.ct-link-button::before, .supreme-element.product-search-results-wrapper .load-more-btn::before,
#search-results-container .load-more-btn::before, .synthego-press-grid__load-more::before, .supreme-element.guide-hero .hero-button::before, .supreme-element.post-contact-cta .contact-experts__button::before, .supreme-element.post-content-container .contact-experts__button::before, .resources-section .resources-footer .resources-load-more::before, .subscribe-cta .subscribe-button::before, .supreme-element.fifty-fifty-hero .hero-button::before, .supreme-element.title-text-button-hero .hero-button::before, .supreme-element.synthego-hero .btn-primary::before, .synthego-load-more::before,
.btn-primary::before,
.supreme-element .button-primary::before,
.supreme-element .oxy-button::before,
.supreme-element .ct-link-button::before,
.supreme-element .synthego-press-grid__load-more::before,
.supreme-element .resources-section .resources-footer .resources-load-more::before,
.resources-section .resources-footer .supreme-element .resources-load-more::before,
.supreme-element .synthego-load-more::before,
.supreme-element .btn-primary::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 7px;
  background-color: inherit;
  z-index: 0;
  transition: background-color 0.3s ease;
}
.button-primary:hover, .resources-section .resources-footer .oxy-button.resources-load-more:hover,
.resources-section .resources-footer .ct-link-button.resources-load-more:hover, .oxy-button:hover,
.ct-link-button:hover, .supreme-element.product-search-results-wrapper .load-more-btn:hover,
#search-results-container .load-more-btn:hover, .synthego-press-grid__load-more:hover, .supreme-element.guide-hero .hero-button:hover, .supreme-element.post-contact-cta .contact-experts__button:hover, .supreme-element.post-content-container .contact-experts__button:hover, .resources-section .resources-footer .resources-load-more:hover, .subscribe-cta .subscribe-button:hover, .supreme-element.fifty-fifty-hero .hero-button:hover, .supreme-element.title-text-button-hero .hero-button:hover, .synthego-load-more:hover,
.btn-primary:hover,
.supreme-element .button-primary:hover,
.supreme-element .resources-section .resources-footer .resources-load-more:hover,
.resources-section .resources-footer .supreme-element .resources-load-more:hover,
.supreme-element .btn-primary:hover {
  background-color: transparent;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
}
.button-primary:hover::before, .oxy-button:hover::before,
.ct-link-button:hover::before, .supreme-element.product-search-results-wrapper .load-more-btn:hover::before,
#search-results-container .load-more-btn:hover::before, .synthego-press-grid__load-more:hover::before, .supreme-element.guide-hero .hero-button:hover::before, .supreme-element.post-contact-cta .contact-experts__button:hover::before, .supreme-element.post-content-container .contact-experts__button:hover::before, .resources-section .resources-footer .resources-load-more:hover::before, .subscribe-cta .subscribe-button:hover::before, .supreme-element.fifty-fifty-hero .hero-button:hover::before, .supreme-element.title-text-button-hero .hero-button:hover::before, .synthego-load-more:hover::before,
.btn-primary:hover::before,
.supreme-element .button-primary:hover::before,
.supreme-element .btn-primary:hover::before {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.button-primary:hover svg path, .oxy-button:hover svg path,
.ct-link-button:hover svg path, .supreme-element.product-search-results-wrapper .load-more-btn:hover svg path,
#search-results-container .load-more-btn:hover svg path, .synthego-press-grid__load-more:hover svg path, .supreme-element.guide-hero .hero-button:hover svg path, .supreme-element.post-contact-cta .contact-experts__button:hover svg path, .supreme-element.post-content-container .contact-experts__button:hover svg path, .resources-section .resources-footer .resources-load-more:hover svg path, .subscribe-cta .subscribe-button:hover svg path, .supreme-element.fifty-fifty-hero .hero-button:hover svg path, .supreme-element.title-text-button-hero .hero-button:hover svg path, .synthego-load-more:hover svg path,
.btn-primary:hover svg path,
.supreme-element .button-primary:hover svg path,
.supreme-element .btn-primary:hover svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 767px) {
  .button-primary, .oxy-button.button-primary, .resources-section .resources-footer .oxy-button.resources-load-more,
  .ct-link-button.button-primary,
  .resources-section .resources-footer .ct-link-button.resources-load-more,
  .resources-section .resources-footer .oxy-button.ct-link-button.resources-load-more, .oxy-button,
  .ct-link-button, .supreme-element.product-search-results-wrapper .load-more-btn,
  #search-results-container .load-more-btn, .synthego-press-grid__load-more, .supreme-element.guide-hero .hero-button, .supreme-element.post-contact-cta .contact-experts__button, .supreme-element.post-content-container .contact-experts__button, .resources-section .resources-footer .resources-load-more, .subscribe-cta .subscribe-button, .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.title-text-button-hero .hero-button, .supreme-element.synthego-hero .btn-primary, .synthego-load-more,
  .btn-primary,
  .supreme-element .button-primary,
  .supreme-element .resources-section .resources-footer .oxy-button.resources-load-more,
  .resources-section .resources-footer .supreme-element .oxy-button.resources-load-more,
  .supreme-element .resources-section .resources-footer .ct-link-button.resources-load-more,
  .resources-section .resources-footer .supreme-element .ct-link-button.resources-load-more,
  .supreme-element .oxy-button,
  .supreme-element .ct-link-button,
  .supreme-element .synthego-press-grid__load-more,
  .supreme-element .resources-section .resources-footer .resources-load-more,
  .resources-section .resources-footer .supreme-element .resources-load-more,
  .supreme-element .btn-primary {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
  .button-primary span, .oxy-button.button-primary span, .resources-section .resources-footer .oxy-button.resources-load-more span,
  .ct-link-button.button-primary span,
  .resources-section .resources-footer .ct-link-button.resources-load-more span, .oxy-button span,
  .ct-link-button span, .supreme-element.product-search-results-wrapper .load-more-btn span,
  #search-results-container .load-more-btn span, .synthego-press-grid__load-more span, .supreme-element.guide-hero .hero-button span, .supreme-element.post-contact-cta .contact-experts__button span, .supreme-element.post-content-container .contact-experts__button span, .resources-section .resources-footer .resources-load-more span, .subscribe-cta .subscribe-button span, .supreme-element.fifty-fifty-hero .hero-button span, .supreme-element.title-text-button-hero .hero-button span, .supreme-element.synthego-hero .btn-primary span, .synthego-load-more span,
  .btn-primary span,
  .supreme-element .button-primary span,
  .supreme-element .oxy-button span,
  .supreme-element .ct-link-button span,
  .supreme-element .synthego-press-grid__load-more span,
  .supreme-element .resources-section .resources-footer .resources-load-more span,
  .resources-section .resources-footer .supreme-element .resources-load-more span,
  .supreme-element .synthego-load-more span,
  .supreme-element .btn-primary span {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
}

.button-secondary, .oxy-button.button-secondary,
.ct-link-button.button-secondary, .supreme-element.title-text-button-hero .hero-button-secondary,
.btn-secondary,
.supreme-element .button-secondary,
.supreme-element .btn-secondary {
  border: none;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.button-secondary::after, .oxy-button.button-secondary::after,
.ct-link-button.button-secondary::after, .supreme-element.title-text-button-hero .hero-button-secondary::after,
.btn-secondary::after,
.supreme-element .button-secondary::after,
.supreme-element .btn-secondary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  z-index: 0;
}
.button-secondary:hover, .supreme-element.title-text-button-hero .hero-button-secondary:hover,
.btn-secondary:hover,
.supreme-element .button-secondary:hover,
.supreme-element .btn-secondary:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  text-decoration: none;
}
.button-secondary:hover svg path, .supreme-element.title-text-button-hero .hero-button-secondary:hover svg path,
.btn-secondary:hover svg path,
.supreme-element .button-secondary:hover svg path,
.supreme-element .btn-secondary:hover svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
}
.button-secondary:after, .oxy-button.button-secondary:after,
.ct-link-button.button-secondary:after, .supreme-element.title-text-button-hero .hero-button-secondary:after,
.btn-secondary:after,
.supreme-element .button-secondary:after,
.supreme-element .btn-secondary:after {
  width: 102%;
  margin-left: -1%;
}
@media (max-width: 767px) {
  .button-secondary, .oxy-button.button-secondary,
  .ct-link-button.button-secondary, .supreme-element.title-text-button-hero .hero-button-secondary,
  .btn-secondary,
  .supreme-element .button-secondary,
  .supreme-element .btn-secondary {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
  .button-secondary span, .oxy-button.button-secondary span,
  .ct-link-button.button-secondary span, .supreme-element.title-text-button-hero .hero-button-secondary span,
  .btn-secondary span,
  .supreme-element .button-secondary span,
  .supreme-element .btn-secondary span {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
}

.button-tertiary, .oxy-button.button-tertiary, .oxy-button.promo-button,
.oxy-button.cart-button,
.ct-link-button.button-tertiary,
.ct-link-button.promo-button,
.ct-link-button.cart-button, .promo-button,
.cart-button, .synthego-footer .footer-contact-btn, .supreme-element.about-section .about-button, .supreme-element.synthego-hero .btn-secondary,
.btn-tertiary,
.supreme-element .button-tertiary,
.supreme-element .promo-button,
.supreme-element .cart-button,
.supreme-element .btn-tertiary {
  background-color: transparent;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.button-tertiary::after, .oxy-button.button-tertiary::after, .oxy-button.promo-button::after,
.oxy-button.cart-button::after,
.ct-link-button.button-tertiary::after,
.ct-link-button.promo-button::after,
.ct-link-button.cart-button::after, .promo-button::after,
.cart-button::after, .synthego-footer .footer-contact-btn::after, .supreme-element.about-section .about-button::after, .supreme-element.synthego-hero .btn-secondary::after,
.btn-tertiary::after,
.supreme-element .button-tertiary::after,
.supreme-element .promo-button::after,
.supreme-element .cart-button::after,
.supreme-element .btn-tertiary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  z-index: 0;
}
.button-tertiary:hover::after, .promo-button:hover::after,
.cart-button:hover::after, .synthego-footer .footer-contact-btn:hover::after, .supreme-element.about-section .about-button:hover::after, .supreme-element.synthego-hero .btn-secondary:hover::after,
.btn-tertiary:hover::after,
.supreme-element .button-tertiary:hover::after,
.supreme-element .btn-tertiary:hover::after {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  z-index: 1;
}
.button-tertiary:hover, .promo-button:hover,
.cart-button:hover, .synthego-footer .footer-contact-btn:hover, .supreme-element.about-section .about-button:hover, .supreme-element.synthego-hero .btn-secondary:hover,
.btn-tertiary:hover,
.supreme-element .button-tertiary:hover,
.supreme-element .btn-tertiary:hover {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
}
.button-tertiary:hover svg path, .promo-button:hover svg path,
.cart-button:hover svg path, .synthego-footer .footer-contact-btn:hover svg path, .supreme-element.about-section .about-button:hover svg path, .supreme-element.synthego-hero .btn-secondary:hover svg path,
.btn-tertiary:hover svg path,
.supreme-element .button-tertiary:hover svg path,
.supreme-element .btn-tertiary:hover svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}

.button-quaternary,
.btn-quaternary,
.supreme-element .button-quaternary,
.supreme-element .btn-quaternary {
  background-color: transparent;
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.button-quaternary::after,
.btn-quaternary::after,
.supreme-element .button-quaternary::after,
.supreme-element .btn-quaternary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  z-index: 0;
}
.button-quaternary::after,
.btn-quaternary::after,
.supreme-element .button-quaternary::after,
.supreme-element .btn-quaternary::after {
  background: var(--Brand-Colors-Primary-Black, #000000);
}
.button-quaternary:hover,
.btn-quaternary:hover,
.supreme-element .button-quaternary:hover,
.supreme-element .btn-quaternary:hover {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
}

.button-green-border, .supreme-element.one-button-cta .cta-button,
.btn-green-border,
.supreme-element .button-green-border,
.supreme-element .btn-green-border {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.button-green-border::after, .supreme-element.one-button-cta .cta-button::after,
.btn-green-border::after,
.supreme-element .button-green-border::after,
.supreme-element .btn-green-border::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  z-index: 0;
}
.button-green-border:hover, .supreme-element.one-button-cta .cta-button:hover,
.btn-green-border:hover,
.supreme-element .button-green-border:hover,
.supreme-element .btn-green-border:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  text-decoration: none;
  border-radius: 12px;
}
.button-green-border:hover::after, .supreme-element.one-button-cta .cta-button:hover::after,
.btn-green-border:hover::after,
.supreme-element .button-green-border:hover::after,
.supreme-element .btn-green-border:hover::after {
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.button-green-border:hover svg path, .supreme-element.one-button-cta .cta-button:hover svg path,
.btn-green-border:hover svg path,
.supreme-element .button-green-border:hover svg path,
.supreme-element .btn-green-border:hover svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
}

.button-green-border:focus-visible,
.supreme-element.one-button-cta .cta-button:focus-visible,
.btn-green-border:focus-visible,
.button-quaternary:focus-visible,
.btn-quaternary:focus-visible,
.button-tertiary:focus-visible,
.promo-button:focus-visible,
.cart-button:focus-visible,
.synthego-footer .footer-contact-btn:focus-visible,
.supreme-element.about-section .about-button:focus-visible,
.supreme-element.synthego-hero .btn-secondary:focus-visible,
.btn-tertiary:focus-visible,
.button-secondary:focus-visible, .supreme-element.title-text-button-hero .hero-button-secondary:focus-visible,
.btn-secondary:focus-visible,
.button-primary:focus-visible,
.resources-section .resources-footer .oxy-button.resources-load-more:focus-visible,
.resources-section .resources-footer .ct-link-button.resources-load-more:focus-visible,
.oxy-button:focus-visible,
.ct-link-button:focus-visible,
.resources-section .resources-footer .resources-load-more:focus-visible,
.supreme-element.product-search-results-wrapper .load-more-btn:focus-visible,
#search-results-container .load-more-btn:focus-visible,
.synthego-press-grid__load-more:focus-visible,
.supreme-element.guide-hero .hero-button:focus-visible,
.supreme-element.post-contact-cta .contact-experts__button:focus-visible,
.supreme-element.post-content-container .contact-experts__button:focus-visible,
.resources-section .resources-footer .resources-load-more:focus-visible,
.subscribe-cta .subscribe-button:focus-visible, .supreme-element.fifty-fifty-hero .hero-button:focus-visible,
.supreme-element.title-text-button-hero .hero-button:focus-visible,
.supreme-element.synthego-hero .btn-primary:focus-visible,
.synthego-load-more:focus-visible,
.btn-primary:focus-visible {
  outline: none !important;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  display: block;
}

.oxy-supreme-elements-synthego-hero,
.oxy-supreme-elements-pipeline-section,
.oxy-supreme-elements-about-section,
.oxy-supreme-elements-popular-products,
.oxy-supreme-elements-blog-cards,
.oxy-supreme-elements-title-text-button-hero,
.oxy-supreme-elements-fifty-fifty-hero,
.oxy-supreme-elements-one-button-cta,
.oxy-supreme-elements-simple-cta,
.oxy-supreme-elements-testimonials,
.oxy-supreme-elements-blog-hero,
.oxy-supreme-elements-extended-hero,
.oxy-supreme-elements-partners-section,
.oxy-supreme-elements-resources-section,
.oxy-supreme-elements-text-media-section,
.oxy-supreme-elements-team-section,
.oxy-supreme-elements-testimonials-slider,
.oxy-supreme-elements-articles-section,
.oxy-supreme-elements-full-width-text,
.oxy-supreme-elements-full-width-image,
.oxy-supreme-elements-image-slider,
.oxy-supreme-elements-benefits-section,
.oxy-supreme-elements-article-content,
.oxy-supreme-elements-article-form,
.oxy-supreme-elements-single-testimonial,
.oxy-supreme-elements-pull-quote,
.oxy-supreme-elements-hero-grid,
.oxy-supreme-elements-simple-grid,
.oxy-supreme-elements-hero-form,
.oxy-supreme-elements-hero-text-sidebar,
.oxy-supreme-elements-simple-column,
.oxy-supreme-elements-simple-flex,
.oxy-supreme-elements-post-hero,
.oxy-supreme-elements-post-content-container,
.oxy-supreme-elements-post-sidebar-cta,
.oxy-supreme-elements-product-sidebar-cta,
.oxy-supreme-elements-content-spacing,
.oxy-supreme-elements-post-paragraph,
.oxy-supreme-elements-post-subparagraph,
.oxy-supreme-elements-post-image,
.oxy-supreme-elements-post-testimonial,
.oxy-supreme-elements-post-cta,
.oxy-supreme-elements-post-contact-cta,
.oxy-supreme-elements-block-full-width-text,
.oxy-supreme-elements-block-fifty-fifty,
.oxy-supreme-elements-post-driver,
.oxy-supreme-elements-block-table,
.oxy-supreme-elements-custom-driver,
.oxy-supreme-elements-block-references,
.oxy-supreme-elements-chapters,
.oxy-supreme-elements-guide-hero,
.oxy-supreme-elements-guide-content,
.oxy-supreme-elements-guide-first-chapter,
.oxy-supreme-elements-guide-child-navigation,
.oxy-supreme-elements-guide-contents,
.oxy-supreme-elements-lever-postings,
.oxy-supreme-elements-footer,
.oxy-supreme-elements-related-articles,
.oxy-supreme-elements-post-subcategory-hero,
.oxy-supreme-elements-cta-inline,
.oxy-supreme-elements-post-content-grid,
.oxy-supreme-elements-icon-cta-grid,
.oxy-supreme-elements-product-hero,
.oxy-supreme-elements-product-hero-non-bc,
.oxy-supreme-elements-hero-anchor-tabs,
.oxy-supreme-elements-product-specifications,
.oxy-supreme-elements-comparison-accordion,
.oxy-supreme-elements-product-search,
.oxy-supreme-elements-product-search-results,
.oxy-supreme-elements-product-legal,
.oxy-supreme-geolocation-bar,
.oxy-supreme-elements-account-navigation {
  width: 100%;
}

.oxy-dynamic-list > div:has(.divider):last-of-type .divider {
  padding-bottom: 0;
  border-bottom: none;
}

/* Synthego Hero Component */
.supreme-element.synthego-hero {
  position: relative;
  display: flex;
  align-items: center;
  overflow: visible;
}
@media (max-width: 991px) {
  .supreme-element.synthego-hero {
    min-height: 700px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero {
    min-height: auto;
    position: relative;
    overflow: hidden;
  }
}
.supreme-element.synthego-hero h1 span {
  white-space: nowrap;
}
.supreme-element.synthego-hero h1 sup {
  font-size: 35%;
  top: -1.5em;
}
.supreme-element.synthego-hero.background-gradient .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: url("/wp-content/plugins/supreme-oxy-widgets/assets/images/synthego_hero_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.supreme-element.synthego-hero.background-transparent {
  background: transparent;
}
.supreme-element.synthego-hero.background-image {
  background-repeat: no-repeat;
}
.supreme-element.synthego-hero.background-image .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero.background-image .hero-background {
    left: calc(50% - 150px);
    width: 1886px;
    height: 650px;
    overflow: hidden;
  }
}
.supreme-element.synthego-hero .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.supreme-element.synthego-hero .dna-strands {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}
.supreme-element.synthego-hero .dna-strands .dna-strand {
  position: absolute;
  width: 1194.902px;
  height: 1194.911px;
  transform: rotate(-7.854deg);
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand {
    width: 800px;
    height: 800px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand {
    width: 150vw;
    height: 150vw;
  }
}
.supreme-element.synthego-hero .dna-strands .dna-strand svg {
  width: 100%;
  height: 100%;
  fill: var(--Brand-Colors-Primary-White);
}
.supreme-element.synthego-hero .dna-strands .dna-strand-1 {
  top: 42%;
  right: 338px;
  transform: rotate(-10.692deg);
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-1 {
    right: 200px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-1 {
    right: -30px;
    left: auto;
    top: 40%;
  }
}
.supreme-element.synthego-hero .dna-strands .dna-strand-2 {
  top: 33%;
  right: 0;
  transform: rotate(-10.692deg);
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-2 {
    right: -100px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-2 {
    right: -220px;
    left: auto;
    top: 35%;
  }
}
.supreme-element.synthego-hero .hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-top: 112px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-content {
    padding-top: var(--spacing-5xl, 80px);
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 28px);
  }
}
.supreme-element.synthego-hero .hero-stats-inner {
  position: relative;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats-inner {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.supreme-element.synthego-hero .hero-text-wrapper {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-text-wrapper {
    max-width: 350px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
    padding-bottom: 160px;
    margin-bottom: 0;
  }
}
.supreme-element.synthego-hero .hero-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.synthego-hero .hero-subtitle {
  color: var(--text, #262626);
  max-width: 810px;
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.supreme-element.synthego-hero .hero-buttons {
  display: flex;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-buttons {
    flex-direction: column;
    gap: var(--spacing-md, 16px);
    align-items: flex-start;
  }
  .supreme-element.synthego-hero .hero-buttons .btn-primary svg {
    display: none;
  }
}
.supreme-element.synthego-hero .btn-secondary {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.synthego-hero .hero-stats {
  position: relative;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats {
    padding-top: 0;
    padding-bottom: 0;
    background: var(--Brand-Colors-Primary-White, #ffffff);
    position: relative;
    z-index: 2;
    margin-top: 0;
    margin-left: calc(-1 * var(--spacing-sm, 12px));
    margin-right: calc(-1 * var(--spacing-sm, 12px));
  }
  .supreme-element.synthego-hero .hero-stats .container {
    padding: 0 var(--spacing-sm, 12px);
  }
}
.supreme-element.synthego-hero .hero-stats .hero-wave {
  position: absolute;
  bottom: -1px;
  left: 30%;
  transform: translateX(-50%);
  width: 180vw;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .hero-stats .hero-wave {
    left: 50%;
    width: 280vw;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .hero-wave {
    left: 80%;
    width: 180vw;
    top: -109px;
    bottom: auto;
  }
}
.supreme-element.synthego-hero .hero-stats .hero-wave svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-width: 1400px;
  transform: rotate(180deg) scaleY(-1);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .hero-wave svg {
    transform: none;
  }
}
.supreme-element.synthego-hero .hero-stats .stats-intro {
  color: var(--Heading-Color-1, #262626);
  max-width: 533px;
  margin-bottom: var(--Paragraph-Spacing-new-paragraph-below, 32px);
}
.supreme-element.synthego-hero .hero-stats .stats-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .stats-row {
    gap: var(--spacing-md, 16px) var(--spacing-sm, 12px);
  }
}
.supreme-element.synthego-hero .hero-stats .stat-column {
  position: relative;
  padding-right: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .stat-column {
    flex: 1;
    min-width: 45%;
  }
}
.supreme-element.synthego-hero .hero-stats .stat-column:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .stat-column:not(:last-child)::after {
    display: none;
  }
}
.supreme-element.synthego-hero .hero-stats .stat-column .stat-value {
  color: var(--Heading-Color-1, #262626);
  font-weight: var(--Font-Weight-Bold);
  margin-bottom: var(--spacing-xxxs, 2px);
}
.supreme-element.synthego-hero .hero-stats .stat-column .stat-label {
  color: var(--Heading-Color-1, #262626);
}

.supreme-element.pipeline-section {
  position: relative;
  width: 100%;
}
.supreme-element.pipeline-section .pipeline-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.pipeline-section .pipeline-container {
  width: 100%;
}
.supreme-element.pipeline-section .pipeline-tiles {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .supreme-element.pipeline-section .pipeline-tiles {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-xl, 32px);
  }
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tiles {
    flex-direction: column;
    gap: var(--spacing-xs, 10px);
  }
}
.supreme-element.pipeline-section .pipeline-tile {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 356px;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: hidden;
}
@media (max-width: 1199px) {
  .supreme-element.pipeline-section .pipeline-tile {
    flex: 0 0 calc(50% - 16px);
    min-width: 300px;
  }
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tile {
    flex: 0 0 auto;
    width: 100%;
    min-width: unset;
    height: auto;
  }
}
.supreme-element.pipeline-section .pipeline-tile:hover .tile-background {
  opacity: 0.2;
}
.supreme-element.pipeline-section .pipeline-tile .tile-background {
  position: absolute;
  inset: 0;
  opacity: 0.4;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.supreme-element.pipeline-section .pipeline-tile .tile-background img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.supreme-element.pipeline-section .pipeline-tile .tile-content {
  position: relative;
  z-index: 1;
  padding: var(--spacing-3xl, 40px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tile .tile-content {
    padding: var(--spacing-xl, 32px);
  }
}
.supreme-element.pipeline-section .pipeline-tile .tile-title {
  color: var(--Heading-Color-2, #ffffff);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.pipeline-section .pipeline-tile .tile-actions {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  align-items: flex-start;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  text-decoration: none;
  padding: 5px 0;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tile .tile-action {
    font-size: var(--Font-Size-f-size-lg);
    line-height: var(--Line-Height-Line-height-f-size-lg);
  }
}
.supreme-element.pipeline-section .pipeline-tile .tile-action::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
}
.supreme-element.pipeline-section .pipeline-tile .tile-action .tile-action-arrow {
  width: 0;
  height: 24px;
  margin-left: 0;
  opacity: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action .tile-action-arrow svg {
  width: 24px;
  height: 100%;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action .tile-action-arrow svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.pipeline-section .pipeline-tile .tile-action:hover {
  text-decoration: none;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action:hover::after {
  height: 3px;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action:hover .tile-action-arrow {
  width: 24px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.supreme-element.pipeline-section .pipeline-arrow {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .supreme-element.pipeline-section .pipeline-arrow {
    display: none;
  }
}
.supreme-element.pipeline-section .pipeline-arrow svg {
  width: 31.5px;
  height: 82px;
  transform: rotate(180deg);
}
.supreme-element.pipeline-section .pipeline-arrow svg path {
  fill: url(#pipeline-gradient);
}
.supreme-element.pipeline-section .pipeline-arrow .gradient-defs {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
}
.supreme-element.pipeline-section .pipeline-mobile-arrow {
  display: none;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 83px;
  height: 32px;
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-mobile-arrow {
    display: flex;
  }
}
.supreme-element.pipeline-section .pipeline-mobile-arrow svg {
  width: 83px;
  height: 32px;
}

/* About Section Component */
.supreme-element.about-section {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  overflow: hidden;
}
.supreme-element.about-section .about-wrapper.about-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 700px;
  padding: 0 64px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 1439px) {
  .supreme-element.about-section .about-wrapper.about-wrapper {
    padding: 0 var(--spacing-xl, 32px);
  }
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-wrapper.about-wrapper {
    flex-direction: column;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .supreme-element.about-section .about-wrapper.about-wrapper {
    min-height: 698px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0;
  }
}
.supreme-element.about-section .about-inner-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  padding: var(--spacing-7xl, 160px) 0;
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-inner-container {
    padding: 0 var(--spacing-lg) var(--spacing-4xl) var(--spacing-lg);
  }
}
.supreme-element.about-section .gradient-shape-mobile {
  display: none;
  align-items: flex-end;
  position: absolute;
  width: 100vw;
  height: 395px;
  left: 0;
  top: auto;
  bottom: 0;
  z-index: 5;
  pointer-events: none;
}
@media (max-width: 991px) {
  .supreme-element.about-section .gradient-shape-mobile {
    display: flex;
  }
}
.supreme-element.about-section .gradient-shape-mobile svg {
  transform: translateY(50px);
  width: 100%;
  height: auto;
}
.supreme-element.about-section .gradient-shape-mobile svg path:nth-child(2) {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.about-section .gradient-shape {
  position: absolute;
  width: auto;
  height: 100%;
  left: 49%;
  top: 0;
  pointer-events: none;
  z-index: 2;
}
.supreme-element.about-section .gradient-shape svg {
  width: 100%;
  height: 100%;
}
.supreme-element.about-section .gradient-shape svg path:nth-child(2) {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 991px) {
  .supreme-element.about-section .gradient-shape {
    display: none;
  }
}
.supreme-element.about-section .about-bg-image {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.supreme-element.about-section .about-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}
@media (max-width: 1199px) {
  .supreme-element.about-section .about-bg-image {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-bg-image {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    transform: none;
  }
}
.supreme-element.about-section .about-content {
  position: relative;
  width: 580px;
  max-width: 100%;
  z-index: 5;
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-content {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .supreme-element.about-section .about-content {
    width: 100%;
    margin-top: 0;
  }
}
@media (max-width: 479px) {
  .supreme-element.about-section .about-content {
    padding-top: var(--spacing-xxl);
  }
}
.supreme-element.about-section .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
@media (max-width: 767px) {
  .supreme-element.about-section .content-wrapper {
    gap: 28px;
  }
}
.supreme-element.about-section .text-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.about-section .section-heading {
  margin: 0;
}
.supreme-element.about-section .section-heading .heading-gray,
.supreme-element.about-section .section-heading .heading-white {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.about-section .about-inner-container .section-subtitle {
  color: var(--Brand-Colors-Primary-White, #fff);
  margin: 0;
}
.supreme-element.about-section .section-description {
  color: var(--Brand-Colors-Primary-White, #fff);
  margin: 0;
}
.supreme-element.about-section .section-description p {
  color: var(--Brand-Colors-Primary-White, #fff);
  margin: 0 0 1em 0;
}
.supreme-element.about-section .section-description p:last-child {
  margin-bottom: 0;
}
.supreme-element.about-section .about-button {
  align-self: flex-start;
}
.supreme-element.about-section .about-button .button-icon,
.supreme-element.about-section .about-button svg {
  height: 24px;
  width: 24px;
}

/* Popular Products Section Component */
.supreme-element.popular-products {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.popular-products .products-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 991px) {
  .supreme-element.popular-products .products-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.popular-products .products-wrapper {
    padding-top: var(--spacing-xxxl, 60px);
    padding-bottom: var(--spacing-xxxl, 60px);
  }
}
.supreme-element.popular-products .products-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .supreme-element.popular-products .products-container {
    gap: var(--spacing-xl, 28px);
  }
}
.supreme-element.popular-products .products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.popular-products .products-grid .product-link {
  display: flex;
  text-decoration: none;
  color: inherit;
  width: auto;
}
.supreme-element.popular-products .products-grid .product-link:hover, .supreme-element.popular-products .products-grid .product-link:focus, .supreme-element.popular-products .products-grid .product-link:active {
  text-decoration: none;
  color: inherit;
}
@media (max-width: 1199px) {
  .supreme-element.popular-products .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .supreme-element.popular-products .products-grid .product-card-large {
    grid-column: span 2;
  }
  .supreme-element.popular-products .products-grid .product-card-small {
    grid-column: span 1;
  }
}
@media (max-width: 767px) {
  .supreme-element.popular-products .products-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg, 20px);
  }
  .supreme-element.popular-products .products-grid .product-card-large,
  .supreme-element.popular-products .products-grid .product-card-small {
    grid-column: span 1;
  }
}
.supreme-element.popular-products .product-card-large {
  grid-column: span 2;
  background-color: var(--Very-Light-Green, #f0fff4);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xl, 24px);
  position: relative;
  min-height: 216px;
  text-decoration: none;
  overflow: visible;
  transition: all 0.3s ease;
}
.supreme-element.popular-products .product-card-large::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.popular-products .product-card-large > * {
  position: relative;
  z-index: 2;
}
.supreme-element.popular-products .product-card-large:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.supreme-element.popular-products .product-card-large:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-card-large {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    min-height: auto;
    padding: 30px 28px;
    gap: 28px;
  }
}
.supreme-element.popular-products .product-card-small {
  position: relative;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  min-height: 269px;
  text-decoration: none;
  overflow: visible;
  transition: all 0.3s ease;
}
.supreme-element.popular-products .product-card-small::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.popular-products .product-card-small > * {
  position: relative;
  z-index: 2;
}
.supreme-element.popular-products .product-card-small:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.supreme-element.popular-products .product-card-small:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-card-small {
    min-height: auto;
    padding: var(--spacing-lg, 20px);
    gap: var(--spacing-md, 16px);
  }
}
.supreme-element.popular-products .product-icon-large {
  display: block;
  width: 151px;
  height: 151px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  min-width: 151px;
  max-width: 151px;
  min-height: 151px;
  max-height: 151px;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-icon-large {
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
  }
}
.supreme-element.popular-products .product-icon-large svg {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.supreme-element.popular-products .product-icon-small {
  display: block;
  width: 70px;
  height: 70px;
  position: relative;
  overflow: hidden;
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
}
.supreme-element.popular-products .product-icon-small svg {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.supreme-element.popular-products .product-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-content {
    gap: 16px;
  }
}
.supreme-element.popular-products .product-title {
  color: var(--text, #262626);
  margin: 0;
}
.supreme-element.popular-products .product-title-small {
  color: var(--text, #262626);
  margin: 0;
}
.supreme-element.popular-products .product-description {
  color: var(--text, #262626);
  margin: 0;
}
.supreme-element.popular-products .category-tag {
  position: absolute;
  top: var(--spacing-xl, 24px);
  right: var(--spacing-xl, 24px);
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  border-radius: var(--border-radius-border-radius-full, 20px);
  line-height: normal;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .category-tag {
    top: 30px;
    right: 28px;
  }
}
.supreme-element.popular-products .icon-gradient stop:first-child {
  stop-color: #20d340;
}
.supreme-element.popular-products .icon-gradient stop:last-child {
  stop-color: #00d1ed;
}
.supreme-element.popular-products .icon-gradient-gray stop:first-child {
  stop-color: #a6a8ab;
}
.supreme-element.popular-products .icon-gradient-gray stop:last-child {
  stop-color: #f1f1f2;
}
.supreme-element.popular-products .icon-gradient-light stop:first-child {
  stop-color: #cccccc;
}
.supreme-element.popular-products .icon-gradient-light stop:nth-child(2) {
  stop-color: #e6e6e6;
}
.supreme-element.popular-products .icon-gradient-light stop:last-child {
  stop-color: #f2f2f2;
}

.blog-cards-section {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
}

.blog-cards-section a.blog-card {
  text-decoration: none;
}
.blog-cards-section a.blog-card:focus-visible {
  outline: none;
}

@media (max-width: 767px) {
  .blog-cards-container {
    overflow: visible;
  }
}

.blog-cards-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 768px) {
  .blog-cards-row {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--spacing-lg, 20px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: var(--spacing-sm, 12px);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .blog-cards-row::-webkit-scrollbar {
    display: none;
  }
}

.blog-card {
  position: relative;
  width: 450px;
  flex-shrink: 0;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: visible;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  color: inherit;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .blog-card {
    flex: 1;
    width: auto;
  }
}
@media (max-width: 1200px) {
  .blog-card {
    width: calc(50% - 15px);
  }
}
@media (max-width: 768px) {
  .blog-card {
    width: calc(100vw - 60px);
    min-width: calc(100vw - 60px);
    flex-shrink: 0;
    scroll-snap-align: start;
  }
  .blog-card:not(:last-child) {
    width: calc(100vw - 80px);
    min-width: calc(100vw - 80px);
  }
}
.blog-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.blog-card > * {
  position: relative;
  z-index: 1;
}
.blog-card:hover {
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.blog-card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.blog-card:hover .blog-card-category span {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.blog-card:hover .blog-card-image {
  transform: scale(1.08);
}

.blog-card-image {
  width: 100%;
  padding-top: 80.67%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  border-radius: var(--border-radius-border-radius-full, 20px) var(--border-radius-border-radius-full, 20px) 0 0;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .blog-card-image {
    height: 286px;
  }
}
.blog-card-image.blog-card-placeholder {
  background-color: rgba(0, 0, 0, 0.1);
}
.blog-card-image .blog-card-category {
  position: absolute !important;
  top: var(--spacing-lg, 20px);
  left: var(--spacing-lg, 20px);
  z-index: 2;
}

.blog-card-content {
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 0 0 var(--border-radius-border-radius-full, 20px) var(--border-radius-border-radius-full, 20px);
}

.blog-card-category {
  display: inline-flex;
}
.blog-card-category span {
  display: inline-block;
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  color: var(--Brand-Colors-Primary-Black, #000000);
  white-space: nowrap;
  transition: all 0.3s ease;
  line-height: normal;
}

.blog-card-text-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
}
.blog-card-text-wrap .blog-card-excerpt {
  padding-bottom: 40px;
}

.blog-card-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.blog-card-excerpt {
  color: var(--Heading-Color-1);
  margin: 0;
}

.blog-cards-section .blog-card * {
  text-decoration: none;
}

.blog-card-empty {
  opacity: 0.5;
  pointer-events: none;
}
.blog-card-empty:hover {
  transform: none;
  box-shadow: none;
}
.blog-card-empty .blog-card-content {
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.blog-card-empty .blog-card-empty-text {
  color: #666666;
  margin: 0;
}

.blog-cards-section .section-title {
  margin: 0 0 var(--spacing-3xl, 40px) 0;
}
@media (max-width: 768px) {
  .blog-cards-section .section-title {
    margin-bottom: var(--spacing-3xl, 34px);
  }
}

/* Title, Text, Button Hero Component */
.supreme-element.title-text-button-hero {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  overflow-x: hidden;
}
.supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-5xl, 100px);
  padding-bottom: var(--spacing-5xl, 100px);
}
@media (max-width: 1439px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
    padding-top: var(--spacing-4xl, 80px);
    padding-bottom: var(--spacing-4xl, 80px);
  }
}
@media (max-width: 991px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
    padding-top: var(--spacing-5xl, 80px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
.supreme-element.title-text-button-hero .title-text-button-hero-container {
  width: 100%;
  display: flex;
  gap: var(--spacing-5xl, 112px);
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-container {
    gap: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 991px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-container {
    gap: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-container {
    flex-direction: column-reverse;
  }
}
.supreme-element.title-text-button-hero .title-text-button-hero-container.reverse-layout {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-container.reverse-layout {
    flex-direction: column-reverse;
  }
}
.supreme-element.title-text-button-hero .title-text-button-hero-container.no-image {
  justify-content: center;
}
.supreme-element.title-text-button-hero .title-text-button-hero-container.no-image .hero-content {
  max-width: none;
}
.supreme-element.title-text-button-hero .hero-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  max-width: 760px;
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-content {
    text-align: left;
    align-items: flex-start;
    max-width: none;
  }
}
.title-text-button-hero-container.no-image .supreme-element.title-text-button-hero .hero-content {
  max-width: none !important;
}
.supreme-element.title-text-button-hero .hero-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.supreme-element.title-text-button-hero .hero-text {
  color: var(--text, #262626);
}
.supreme-element.title-text-button-hero .hero-text p {
  max-width: 850px;
}
.supreme-element.title-text-button-hero .hero-text br {
  display: block;
  content: "";
  margin-top: var(--Paragraph-Spacing-paragraph-spacing, 15px);
}
.supreme-element.title-text-button-hero .hero-text a {
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: color 0.3s ease;
}
.supreme-element.title-text-button-hero .hero-text a:hover {
  color: var(--link, #f94f01);
}
.supreme-element.title-text-button-hero .hero-buttons {
  display: flex;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-buttons {
    width: 100%;
  }
}
.supreme-element.title-text-button-hero .hero-button:hover {
  box-shadow: none;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-button {
    flex: 0 0 auto;
  }
}
.supreme-element.title-text-button-hero .hero-button-secondary:hover {
  box-shadow: none;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-button-secondary {
    flex: 0 0 auto;
  }
}
.supreme-element.title-text-button-hero .hero-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 33%;
  max-width: 600px;
}
@media (max-width: 997px) {
  .supreme-element.title-text-button-hero .hero-image {
    display: none;
  }
}
.supreme-element.title-text-button-hero .hero-image img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: var(--border-radius-border-radius-full, 20px);
}
.supreme-element.title-text-button-hero .hero-graphic {
  width: 100%;
  max-width: 438px;
  height: 438px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 997px) {
  .supreme-element.title-text-button-hero .hero-graphic {
    display: none;
  }
}
.supreme-element.title-text-button-hero .hero-graphic .partner-logo-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.title-text-button-hero .hero-graphic .partner-logo-wrapper svg {
  width: 100%;
  height: 100%;
  display: block;
}

.ivt-enzymes-hero.supreme-element.title-text-button-hero .title-text-button-hero-container.no-image {
  justify-content: left;
}

.application-hero .hero-text {
  display: none;
}

/* Fifty-Fifty Hero Component */
.supreme-element.fifty-fifty-hero {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-2, #f4f9fa);
  overflow-x: hidden;
}
.supreme-element.fifty-fifty-hero .fifty-fifty-hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-wrapper {
    padding-top: var(--spacing-4xl, 80px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-wrapper {
    padding-bottom: var(--spacing-5xl, 80px);
  }
}
.supreme-element.fifty-fifty-hero .fifty-fifty-hero-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: var(--spacing-3xl, 40px);
  align-items: flex-start;
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-container {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}
.supreme-element.fifty-fifty-hero .fifty-fifty-hero-container.reverse-layout {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-container.reverse-layout {
    flex-direction: column;
  }
}
.supreme-element.fifty-fifty-hero .hero-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .hero-content {
    text-align: left;
    align-items: flex-start;
  }
}
.supreme-element.fifty-fifty-hero .hero-eyebrow {
  text-transform: uppercase;
  margin: 0;
}
.supreme-element.fifty-fifty-hero .hero-title {
  margin: 0;
}
.supreme-element.fifty-fifty-hero .hero-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.fifty-fifty-hero .hero-text p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.supreme-element.fifty-fifty-hero .hero-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.fifty-fifty-hero .hero-text a {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.supreme-element.fifty-fifty-hero .hero-button {
  align-self: flex-start;
  margin-top: var(--spacing-md, 8px);
}
.supreme-element.fifty-fifty-hero .hero-button:hover {
  box-shadow: none;
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .hero-button {
    align-self: flex-start;
  }
}
.supreme-element.fifty-fifty-hero .hero-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40%;
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .hero-image {
    display: none;
  }
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .hero-image {
    display: none;
  }
}
.supreme-element.fifty-fifty-hero .hero-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.fifty-fifty-hero .hero-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #e5e5e5);
  border-radius: var(--border-radius-border-radius-md, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.fifty-fifty-hero .hero-placeholder .placeholder-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  text-align: center;
}
.supreme-element.fifty-fifty-hero .hero-title {
  max-width: 1000px;
}

.single-applications .supreme-element.fifty-fifty-hero .hero-content {
  gap: var(--spacing-md, 16px);
}
.single-applications .hero-text {
  max-width: 850px;
}

/* One Button CTA Component */
.supreme-element.one-button-cta {
  position: relative;
  width: 100%;
}
.supreme-element.one-button-cta .one-button-cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  position: relative;
  overflow: hidden;
}
.supreme-element.one-button-cta .one-button-cta-wrapper.gradient-background {
  background: linear-gradient(91deg, var(--Brand-Colors-Primary-Adenine-Green, #19D368) 11.47%, var(--Brand-Colors-Primary-Cytosine-Blue, #00D1ED) 92.63%);
}
@media (max-width: 991px) {
  .supreme-element.one-button-cta .one-button-cta-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .one-button-cta-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.supreme-element.one-button-cta .one-button-cta-container {
  width: 100%;
  position: relative;
}
.supreme-element.one-button-cta .cta-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-5xl, 112px);
}
@media (max-width: 991px) {
  .supreme-element.one-button-cta .cta-content-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .cta-content-wrapper {
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.one-button-cta .cta-text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
}
@media (max-width: 991px) {
  .supreme-element.one-button-cta .cta-text-container {
    align-items: center;
  }
}
.supreme-element.one-button-cta .cta-title {
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .cta-title {
    text-align: center;
    width: 273px;
    max-width: 100%;
  }
}
.supreme-element.one-button-cta .cta-description {
  margin: 0;
}
.supreme-element.one-button-cta .cta-button {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .cta-button {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
}

/* Simple CTA Component (No Description) */
.supreme-element.simple-cta {
  position: relative;
  width: 100%;
}
.supreme-element.simple-cta .simple-cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  position: relative;
  overflow: hidden;
}
.supreme-element.simple-cta .simple-cta-wrapper.gradient-background {
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%);
}
@media (max-width: 991px) {
  .supreme-element.simple-cta .simple-cta-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
.supreme-element.simple-cta .simple-cta-container {
  width: 100%;
  position: relative;
}
.supreme-element.simple-cta .cta-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-4xl, 80px);
}
@media (max-width: 1199px) {
  .supreme-element.simple-cta .cta-content-wrapper {
    flex-direction: column;
    gap: var(--spacing-xl, 24px);
    text-align: center;
  }
}
@media (max-width: 767px) {
  .supreme-element.simple-cta .cta-content-wrapper {
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.simple-cta .cta-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .supreme-element.simple-cta .cta-title {
    text-align: center;
  }
}
.supreme-element.simple-cta .cta-button {
  flex-shrink: 0;
}

.testimonials-section {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
}
@media (max-width: 1024px) {
  .testimonials-section {
    padding-top: var(--spacing-4xl, 64px);
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .testimonials-section {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}
.testimonials-section.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 1400px) {
  .testimonials-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .testimonials-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .testimonials-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.testimonials-container {
  padding: 0;
}
.testimonials-container .section-title {
  text-align: left;
  margin-bottom: var(--spacing-3xl, 40px);
  font-size: var(--Font-Size-f-size-4xl, 60px);
  line-height: var(--Line-Height-Line-height-f-size-4xl, 65px);
}
@media (max-width: 767px) {
  .testimonials-container .section-title {
    margin-bottom: var(--spacing-sm, 10px);
  }
  .testimonials-container .section-title.headline-4xl {
    font-size: 26px;
  }
}

.testimonials-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
  margin-bottom: var(--spacing-3xl, 40px);
}

.testimonial-card {
  background-color: transparent;
  padding: var(--spacing-3xl, 40px);
  border-left: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
  height: 100%;
}
@media (max-width: 767px) {
  .testimonial-card.visible {
    gap: var(--spacing-xl, 30px);
  }
}
.testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
  width: calc(31.4% - 9px);
}
@media (max-width: 1200px) {
  .testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
    width: calc(33.333% - 27px);
  }
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
    width: 100%;
  }
}
.testimonial-card:nth-child(4) {
  width: calc(54.8% - 22px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(4) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(4) {
    width: 100%;
  }
}
.testimonial-card:nth-child(5) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(5) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(5) {
    width: 100%;
  }
}
.testimonial-card:nth-child(6), .testimonial-card:nth-child(7) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(6), .testimonial-card:nth-child(7) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(6), .testimonial-card:nth-child(7) {
    width: 100%;
  }
}
.testimonial-card:nth-child(8) {
  width: calc(54.8% - 22px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(8) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(8) {
    width: 100%;
  }
}
.testimonial-card:nth-child(9) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(9) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(9) {
    width: 100%;
  }
}
.testimonial-card:nth-child(10) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(10) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(10) {
    width: 100%;
  }
}
.testimonial-card:nth-child(11) {
  width: calc(54.8% - 22px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(11) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(11) {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .testimonial-card {
    padding: var(--spacing-xl, 24px);
  }
}

.testimonial-icon {
  width: 60px;
  height: 44px;
  flex-shrink: 0;
}
.testimonial-icon svg {
  width: 100%;
  height: 100%;
}

.testimonial-content {
  flex: 1;
}
.testimonial-content p {
  margin: 0;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl, 24px);
  margin-top: auto;
}

.author-image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  padding: 3px;
  background: var(--Gradient-Horizontal);
}
.author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  background: var(--Brand-Colors-Primary-White, #ffffff);
}

.author-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  max-width: 288px;
}

.author-name {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
  margin-bottom: 2px;
}

.author-title {
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxxs, 12px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xxxs, 20px);
  color: var(--text, #262626);
  text-transform: uppercase;
}

.load-more-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding-top: var(--spacing-3xl, 40px);
}

.load-more-button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.load-more-button svg {
  transition: transform 0.3s ease;
}
.load-more-button:hover svg {
  transform: translateY(2px);
}
.load-more-button.loading {
  pointer-events: none;
  opacity: 0.7;
}
.load-more-button.loading svg {
  animation: spin 1s linear infinite;
}

.load-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  width: 100%;
  max-width: 400px;
}

.info-text {
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  color: var(--text, #262626);
  text-transform: uppercase;
}
.info-text .current-count {
  font-weight: var(--Font-Weight-Regular, 400);
  color: var(--text, #262626);
}

.progress-bar {
  width: 173px;
  height: 4px;
  background-color: var(--Brand-Colors-Light-Gray, #e0e0e0);
  border-radius: 0;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  background: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: 0;
  transition: width 0.5s ease;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.testimonial-card {
  animation: fadeIn 0.5s ease forwards;
  opacity: 0;
}
.testimonial-card.visible {
  opacity: 1;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.blog-hero-section {
  position: relative;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  width: 100%;
  overflow: hidden;
  padding-top: var(--spacing-5xl);
  padding-bottom: var(--spacing-5xl);
}

.bench-background {
  position: absolute;
  width: 50%;
  height: auto;
  right: 0;
  top: 0;
  pointer-events: none;
  z-index: 0;
}
.bench-background svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 1439px) {
  .bench-background {
    right: -400px;
  }
}
@media (max-width: 1199px) {
  .bench-background {
    right: -600px;
  }
}
@media (max-width: 991px) {
  .bench-background {
    display: none;
  }
}

.blog-hero-container {
  position: relative;
  z-index: 1;
}

.blog-hero-section .section-title.headline-6xl, .blog-hero-section .resources-section .resources-header .resources-content-wrap .resources-text h1.section-title, .resources-section .resources-header .resources-content-wrap .resources-text .blog-hero-section h1.section-title {
  margin-bottom: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .blog-hero-section .section-title.headline-6xl, .blog-hero-section .resources-section .resources-header .resources-content-wrap .resources-text h1.section-title, .resources-section .resources-header .resources-content-wrap .resources-text .blog-hero-section h1.section-title {
    margin-bottom: var(--spacing-3xl, 48px);
    font-size: var(--Font-Size-f-size-4xl, 60px);
  }
}

.blog-articles-container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 1439px) {
  .blog-articles-container {
    width: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .blog-articles-container {
    flex-direction: column;
    align-items: normal;
  }
}

.featured-post {
  width: 686px;
  position: relative;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: hidden;
  transition: all 0.3s ease;
}
.featured-post a {
  display: block;
  height: 100%;
}
.featured-post .featured-post-link {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}
@media (max-width: 1439px) {
  .featured-post {
    width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  .featured-post {
    width: 100%;
  }
}
.featured-post::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-300, #aaaaaa);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.featured-post:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.featured-post:hover .featured-image-container img {
  transform: scale(1.1);
}
.featured-post:hover .category-tag {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.featured-post:hover .category-tag span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.featured-post .featured-image-container {
  height: 377px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.featured-post .featured-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 300ms ease;
}
.featured-post .featured-image-container.placeholder {
  background-color: var(--Brand-Colors-Neutrals-Gray-200, #eee);
}
.featured-post .featured-content {
  padding: var(--spacing-xl, 24px);
  backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  z-index: 1;
}
.featured-post .featured-content .featured-text-content {
  margin-bottom: var(--spacing-xxl, 32px);
}
.featured-post .featured-content .headline-xxl, .featured-post .featured-content .oxy-rich-text h2, .oxy-rich-text .featured-post .featured-content h2,
.featured-post .featured-content .ct-text-block h2,
.ct-text-block .featured-post .featured-content h2,
.featured-post .featured-content .oxy-text h2,
.oxy-text .featured-post .featured-content h2, .featured-post .featured-content h2.oxy-heading,
.featured-post .featured-content h2.ct-headline, .featured-post .featured-content .oxy-heading[data-tag=h2],
.featured-post .featured-content .ct-headline[data-tag=h2], .featured-post .featured-content .supreme-element.synthego-hero .hero-stats .stat-column .stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .featured-post .featured-content .stat-value, .featured-post .featured-content .supreme-element.pipeline-section .pipeline-tile .tile-title, .supreme-element.pipeline-section .pipeline-tile .featured-post .featured-content .tile-title, .featured-post .featured-content .supreme-element.one-button-cta .cta-title, .supreme-element.one-button-cta .featured-post .featured-content .cta-title {
  margin: 0 0 var(--spacing-md, 16px) 0;
  color: var(--Heading-Color-1, #262626);
}
.featured-post .featured-content .headline-xxl a, .featured-post .featured-content .oxy-rich-text h2 a, .oxy-rich-text .featured-post .featured-content h2 a,
.featured-post .featured-content .ct-text-block h2 a,
.ct-text-block .featured-post .featured-content h2 a,
.featured-post .featured-content .oxy-text h2 a,
.oxy-text .featured-post .featured-content h2 a, .featured-post .featured-content h2.oxy-heading a,
.featured-post .featured-content h2.ct-headline a, .featured-post .featured-content .oxy-heading[data-tag=h2] a,
.featured-post .featured-content .ct-headline[data-tag=h2] a, .featured-post .featured-content .supreme-element.synthego-hero .hero-stats .stat-column .stat-value a, .supreme-element.synthego-hero .hero-stats .stat-column .featured-post .featured-content .stat-value a, .featured-post .featured-content .supreme-element.pipeline-section .pipeline-tile .tile-title a, .supreme-element.pipeline-section .pipeline-tile .featured-post .featured-content .tile-title a, .featured-post .featured-content .supreme-element.one-button-cta .cta-title a, .supreme-element.one-button-cta .featured-post .featured-content .cta-title a {
  color: inherit;
  text-decoration: none;
}
.featured-post .featured-content .featured-excerpt {
  color: var(--text, #262626);
  margin: 0;
}
.featured-post .featured-content .featured-author {
  color: var(--text, #262626);
  text-transform: uppercase;
}
.featured-post .category-tag {
  position: absolute;
  top: var(--spacing-xl, 24px);
  left: var(--spacing-xl, 24px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  transition: all 0.3s ease;
  z-index: 2;
}
.featured-post .category-tag span {
  line-height: normal;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.side-posts-container {
  width: 690px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: var(--spacing-lg, 20px);
  height: 100%;
}
@media (max-width: 1439px) {
  .side-posts-container {
    width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  .side-posts-container {
    width: 100%;
    justify-content: flex-start;
    gap: var(--spacing-xl, 24px);
    height: auto;
  }
}

.side-post {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: visible;
  width: 690px;
  position: relative;
  transition: all 0.3s ease;
}
@media (max-width: 1439px) {
  .side-post {
    width: 100%;
  }
}
.side-post::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.side-post:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.side-post:hover .side-post-content .category-tag {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.side-post:hover .side-post-content .category-tag span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.side-post:hover .side-post-link {
  background-color: transparent;
}
.side-post .side-post-link {
  display: flex;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-xl, 24px);
  text-decoration: none;
  color: inherit;
  transition: background-color 0.3s ease;
  position: relative;
  z-index: 1;
}
.side-post .side-post-image {
  flex-shrink: 0;
  width: 102px;
  height: 102px;
  border-radius: var(--border-radius-border-radius-mid, 8px);
  overflow: hidden;
}
.side-post .side-post-image img,
.side-post .side-post-image .placeholder-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.side-post .side-post-image .placeholder-image {
  background-color: var(--Brand-Colors-Neutrals-Gray-200, #eee);
}
@media (max-width: 767px) {
  .side-post .side-post-image {
    width: 80px;
    height: 80px;
  }
}
.side-post .side-post-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
}
.side-post .side-post-content .category-tag {
  align-self: flex-start;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  transition: all 0.3s ease;
}
.side-post .side-post-content .category-tag span {
  line-height: normal;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.side-post .side-post-content .headline-lg, .side-post .side-post-content .oxy-heading.headline-lg, .side-post .side-post-content .oxy-heading.blog-card-title, .side-post .side-post-content .oxy-heading.product-heading,
.side-post .side-post-content .ct-headline.headline-lg,
.side-post .side-post-content .ct-headline.blog-card-title,
.side-post .side-post-content .ct-headline.product-heading, .side-post .side-post-content .oxy-rich-text h4, .oxy-rich-text .side-post .side-post-content h4,
.side-post .side-post-content .ct-text-block h4,
.ct-text-block .side-post .side-post-content h4,
.side-post .side-post-content .oxy-text h4,
.oxy-text .side-post .side-post-content h4, .side-post .side-post-content h4.oxy-heading,
.side-post .side-post-content h4.ct-headline, .side-post .side-post-content .oxy-heading[data-tag=h4],
.side-post .side-post-content .ct-headline[data-tag=h4], .side-post .side-post-content .product-heading, .side-post .side-post-content .hero-text-sidebar-content h3, .hero-text-sidebar-content .side-post .side-post-content h3, .side-post .side-post-content .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap h3, .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap .side-post .side-post-content h3, .side-post .side-post-content .supreme-element.about-section .about-inner-container .section-subtitle, .supreme-element.about-section .about-inner-container .side-post .side-post-content .section-subtitle, .side-post .side-post-content .supreme-element.popular-products .product-title-small, .supreme-element.popular-products .side-post .side-post-content .product-title-small, .side-post .side-post-content .blog-card-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.subscribe-cta {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxl, 32px);
}
.subscribe-cta .cta-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .subscribe-cta .cta-content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.subscribe-cta .cta-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
}
.subscribe-cta .cta-header .cta-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
}
.subscribe-cta .cta-header .cta-icon svg {
  width: 100%;
  height: 100%;
}
.subscribe-cta .cta-header .headline-xl, .subscribe-cta .cta-header .oxy-rich-text h3, .oxy-rich-text .subscribe-cta .cta-header h3,
.subscribe-cta .cta-header .ct-text-block h3,
.ct-text-block .subscribe-cta .cta-header h3,
.subscribe-cta .cta-header .oxy-text h3,
.oxy-text .subscribe-cta .cta-header h3, .subscribe-cta .cta-header h3.oxy-heading,
.subscribe-cta .cta-header h3.ct-headline, .subscribe-cta .cta-header .oxy-heading[data-tag=h3],
.subscribe-cta .cta-header .ct-headline[data-tag=h3], .subscribe-cta .cta-header .synthego-articles-section__active-categories-label, .subscribe-cta .cta-header .synthego-articles-section__active-categories-list, .subscribe-cta .cta-header .synthego-articles-section__active-categories-suffix, .subscribe-cta .cta-header .supreme-element.synthego-hero .hero-stats .stats-intro, .supreme-element.synthego-hero .hero-stats .subscribe-cta .cta-header .stats-intro, .subscribe-cta .cta-header .supreme-element.popular-products .product-title, .supreme-element.popular-products .subscribe-cta .cta-header .product-title {
  color: var(--Brand-Colors-Primary-White, #ffffff);
  margin: 0;
}
.subscribe-cta .subscribe-button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  background-color: transparent;
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 3px solid var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  position: relative;
}
.subscribe-cta .subscribe-button:hover {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  transform: translateY(-2px);
  border: 3px solid transparent;
  background-image: linear-gradient(white, white), var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.subscribe-cta .subscribe-button:hover .button-icon svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
.subscribe-cta .subscribe-button .button-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscribe-cta .subscribe-button .button-icon svg {
  width: 100%;
  height: 100%;
}
.subscribe-cta .subscribe-button .button-icon svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
  transition: fill 0.3s ease;
}
@media (max-width: 767px) {
  .subscribe-cta .subscribe-button {
    padding: var(--spacing-xs, 8px) var(--spacing-xl, 24px);
    width: 100%;
    justify-content: center;
  }
}

/* Post Hero Component */
.supreme-element.post-hero {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  overflow-x: hidden;
}
.supreme-element.post-hero .post-hero__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .supreme-element.post-hero .post-hero__wrapper {
    padding-bottom: var(--spacing-4xl, 80px);
  }
}
.supreme-element.post-hero .post-hero__inner {
  width: 100%;
  display: flex;
  justify-content: center;
}
.supreme-element.post-hero .post-hero__container {
  width: 100%;
  max-width: 1400px;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3xl, 40px);
  align-items: flex-start;
}
@media (max-width: 991px) {
  .supreme-element.post-hero .post-hero__container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.supreme-element.post-hero .post-hero__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg, 16px);
  text-align: left;
}
.supreme-element.post-hero .post-hero__category {
  display: inline-flex;
}
.supreme-element.post-hero .post-hero__category .category-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: 20px;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.supreme-element.post-hero .post-hero__title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.supreme-element.post-hero .post-hero__meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-lg, 20px);
}
@media (max-width: 767px) {
  .supreme-element.post-hero .post-hero__meta {
    flex-direction: column;
    gap: var(--spacing-sm, 8px);
    align-items: flex-start;
  }
}
.supreme-element.post-hero .post-hero__author {
  display: inline-block;
  color: var(--Base-Colors-Gray, #707070);
}
.supreme-element.post-hero .post-hero__read-time {
  display: inline-block;
  text-align: center;
  color: var(--Base-Colors-Gray, #707070);
}
.supreme-element.post-hero .post-hero__excerpt {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  max-width: 100%;
}
.supreme-element.post-hero .post-hero__image {
  flex-shrink: 0;
  width: 40%;
  overflow: hidden;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-hero .post-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .supreme-element.post-hero .post-hero__image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-hero .post-hero__image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991px) {
  .supreme-element.post-hero .post-hero__image {
    width: 100%;
  }
}

.synthego-extended-hero {
  padding-top: var(--spacing-5xl);
  padding-bottom: var(--spacing-5xl);
  position: relative;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .synthego-extended-hero {
    padding-top: var(--spacing-4xl, 80px);
    padding-bottom: var(--spacing-4xl, 80px);
  }
}
@media (max-width: 991px) {
  .synthego-extended-hero {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .synthego-extended-hero {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
.synthego-extended-hero.background-gradient {
  background: linear-gradient(252deg, #20d340 -2.88%, #00d1ed 18.59%, #18d36b 44.56%, #01abf9 66.03%, #10d297 84.51%, #aebbfa 100.99%);
  padding-top: 80px;
  padding-bottom: 80px;
}
.synthego-extended-hero.background-none {
  background: transparent;
}
.synthego-extended-hero__container {
  position: relative;
  z-index: 2;
}
.synthego-extended-hero__wrapper {
  display: flex;
  align-items: center;
  gap: var(--spacing-4xl, 80px);
}
@media (max-width: 1199px) {
  .synthego-extended-hero__wrapper {
    gap: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 991px) {
  .synthego-extended-hero__wrapper {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}
.synthego-extended-hero__wrapper.has-hero-image .synthego-extended-hero__content {
  flex: 1 1 auto;
  max-width: 905px;
}
.synthego-extended-hero__content {
  max-width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
@media (max-width: 991px) {
  .synthego-extended-hero__content {
    align-items: center;
    text-align: center;
    gap: var(--spacing-xl-alt, 30px);
  }
}
.synthego-extended-hero.align-left .synthego-extended-hero__content {
  align-items: flex-start;
  text-align: left;
}
.synthego-extended-hero.align-center .synthego-extended-hero__content {
  align-items: center;
  text-align: center;
}
.synthego-extended-hero.align-right .synthego-extended-hero__content {
  align-items: flex-end;
  text-align: right;
}
.synthego-extended-hero .hero-heading {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  max-width: 871px;
}
@media (max-width: 991px) {
  .synthego-extended-hero .hero-heading.headline-xxl, .synthego-extended-hero .oxy-rich-text h2.hero-heading, .oxy-rich-text .synthego-extended-hero h2.hero-heading,
  .synthego-extended-hero .ct-text-block h2.hero-heading,
  .ct-text-block .synthego-extended-hero h2.hero-heading,
  .synthego-extended-hero .oxy-text h2.hero-heading,
  .oxy-text .synthego-extended-hero h2.hero-heading, .synthego-extended-hero h2.hero-heading.oxy-heading,
  .synthego-extended-hero h2.hero-heading.ct-headline, .synthego-extended-hero .hero-heading.oxy-heading[data-tag=h2],
  .synthego-extended-hero .hero-heading.ct-headline[data-tag=h2], .synthego-extended-hero .supreme-element.synthego-hero .hero-stats .stat-column .hero-heading.stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .synthego-extended-hero .hero-heading.stat-value, .synthego-extended-hero .supreme-element.pipeline-section .pipeline-tile .hero-heading.tile-title, .supreme-element.pipeline-section .pipeline-tile .synthego-extended-hero .hero-heading.tile-title, .synthego-extended-hero .supreme-element.one-button-cta .hero-heading.cta-title, .supreme-element.one-button-cta .synthego-extended-hero .hero-heading.cta-title {
    font-size: 1.375rem;
    line-height: 1.5;
  }
}
.synthego-extended-hero .hero-description {
  margin: 0;
}
@media (max-width: 767px) {
  .synthego-extended-hero .hero-description {
    font-size: var(--Font-Size-f-size-xs);
  }
}
.synthego-extended-hero .hero-description p {
  margin-bottom: var(--Paragraph-Spacing-paragraph-spacing);
}
.synthego-extended-hero .hero-description p:last-child {
  margin-bottom: 0;
}
.synthego-extended-hero .hero-button-wrapper {
  display: flex;
  gap: var(--spacing-sm, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .synthego-extended-hero .hero-button-wrapper {
    gap: var(--spacing-sm);
    width: 100%;
    justify-content: center;
  }
  .synthego-extended-hero .hero-button-wrapper .button-primary, .synthego-extended-hero .hero-button-wrapper .oxy-button,
  .synthego-extended-hero .hero-button-wrapper .ct-link-button, .synthego-extended-hero .hero-button-wrapper .supreme-element.product-search-results-wrapper .load-more-btn, .supreme-element.product-search-results-wrapper .synthego-extended-hero .hero-button-wrapper .load-more-btn,
  .synthego-extended-hero .hero-button-wrapper #search-results-container .load-more-btn,
  #search-results-container .synthego-extended-hero .hero-button-wrapper .load-more-btn, .synthego-extended-hero .hero-button-wrapper .synthego-press-grid__load-more, .synthego-extended-hero .hero-button-wrapper .supreme-element.guide-hero .hero-button, .supreme-element.guide-hero .synthego-extended-hero .hero-button-wrapper .hero-button, .synthego-extended-hero .hero-button-wrapper .supreme-element.post-contact-cta .contact-experts__button, .supreme-element.post-contact-cta .synthego-extended-hero .hero-button-wrapper .contact-experts__button, .synthego-extended-hero .hero-button-wrapper .supreme-element.post-content-container .contact-experts__button, .supreme-element.post-content-container .synthego-extended-hero .hero-button-wrapper .contact-experts__button, .synthego-extended-hero .hero-button-wrapper .resources-section .resources-footer .resources-load-more, .resources-section .resources-footer .synthego-extended-hero .hero-button-wrapper .resources-load-more, .synthego-extended-hero .hero-button-wrapper .synthego-load-more, .synthego-extended-hero .hero-button-wrapper .supreme-element.synthego-hero .btn-primary, .supreme-element.synthego-hero .synthego-extended-hero .hero-button-wrapper .btn-primary, .synthego-extended-hero .hero-button-wrapper .supreme-element.title-text-button-hero .hero-button, .supreme-element.title-text-button-hero .synthego-extended-hero .hero-button-wrapper .hero-button, .synthego-extended-hero .hero-button-wrapper .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.fifty-fifty-hero .synthego-extended-hero .hero-button-wrapper .hero-button, .synthego-extended-hero .hero-button-wrapper .subscribe-cta .subscribe-button, .subscribe-cta .synthego-extended-hero .hero-button-wrapper .subscribe-button,
  .synthego-extended-hero .hero-button-wrapper .button-green-border,
  .synthego-extended-hero .hero-button-wrapper .supreme-element.one-button-cta .cta-button,
  .supreme-element.one-button-cta .synthego-extended-hero .hero-button-wrapper .cta-button {
    flex: 1;
    min-width: 140px;
    max-width: 200px;
  }
}
.align-left .synthego-extended-hero .hero-button-wrapper {
  justify-content: flex-start;
}
.align-center .synthego-extended-hero .hero-button-wrapper {
  justify-content: center;
}
.align-right .synthego-extended-hero .hero-button-wrapper {
  justify-content: flex-end;
}
.synthego-extended-hero.background-image {
  position: relative;
}
.synthego-extended-hero.background-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.85);
  z-index: 1;
}
.synthego-extended-hero.background-image .synthego-extended-hero__container {
  position: relative;
  z-index: 2;
}
.synthego-extended-hero__image-wrapper {
  flex-shrink: 0;
  width: 392px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .synthego-extended-hero__image-wrapper {
    width: 300px;
  }
}
@media (max-width: 991px) {
  .synthego-extended-hero__image-wrapper {
    display: none;
  }
}
.synthego-extended-hero__image {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}
.synthego-extended-hero__svg-decoration {
  width: 346px;
  height: 579px;
}
.synthego-extended-hero__svg-decoration svg {
  width: 100%;
  height: 100%;
  display: block;
}

.oxygen-builder-body .synthego-extended-hero {
  min-height: 400px;
  display: flex;
  align-items: center;
}

.partners-section {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}

.partners-section-wrapper {
  width: 100%;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}

.partners-header {
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
@media (max-width: 767px) {
  .partners-header {
    margin-bottom: var(--spacing-3xl, 48px);
  }
}

.partners-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.partner-item {
  padding-bottom: var(--spacing-4xl);
  padding-top: var(--spacing-4xl);
}
.partner-item.partner-left {
  border-bottom: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Light-Gray, #e0e0e0);
}

.partner-content-wrapper {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-4xl);
}
@media (max-width: 991px) {
  .partner-content-wrapper {
    flex-direction: column;
    gap: var(--spacing-3xl, 48px);
  }
}
@media (max-width: 767px) {
  .partner-content-wrapper {
    flex-direction: column;
    gap: var(--spacing-4xl, 60px);
  }
}

.partner-left .partner-content-wrapper {
  flex-direction: row;
}
@media (max-width: 991px) {
  .partner-left .partner-content-wrapper {
    flex-direction: column;
  }
}

.partner-right .partner-content-wrapper {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .partner-right .partner-content-wrapper {
    flex-direction: column;
  }
}

.partner-images {
  flex: 0 0 27%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-3xl, 50px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg, 20px);
}
@media (max-width: 1199px) {
  .partner-images {
    flex: 0 0 40%;
    padding: var(--spacing-lg, 20px);
  }
}
@media (max-width: 991px) {
  .partner-images {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .partner-images {
    padding: var(--spacing-md, 16px);
  }
}

.partner-logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-logo img {
  width: 280px;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .partner-logo img {
    max-height: 150px;
  }
}

.partner-additional-images {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg, 20px);
  width: 100%;
}
.partner-additional-images img {
  max-width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .partner-additional-images img {
    max-height: 100px;
  }
}

.partner-text {
  flex: 0 1 73%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}

.partner-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.partner-description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
@media (max-width: 767px) {
  .partner-description {
    font-size: 16px;
    line-height: 26px;
  }
}
.partner-description p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.partner-description p:last-child {
  margin-bottom: 0;
}
.partner-description a {
  color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  text-decoration: underline;
  transition: color 0.3s ease;
}
.partner-description a:hover {
  color: var(--Brand-Colors-Primary-Thymine-Purple, #751e98);
}
.partner-description ul,
.partner-description ol {
  margin: var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-xl, 24px);
}
.partner-description li {
  margin-bottom: var(--spacing-sm, 12px);
}
.partner-description li:last-child {
  margin-bottom: 0;
}

.partners-empty {
  text-align: center;
  padding: var(--spacing-4xl) 0;
}
.partners-empty p {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  color: var(--text, #262626);
  margin: 0;
}

.partners-hero-section .hero-text {
  max-width: 760px;
}
.partners-hero-section .title-text-button-hero-container.supreme-global-container {
  align-items: flex-start;
}

.resources-section {
  background: var(--Brand-Colors-Primary-White);
  padding-top: var(--spacing-5xl);
  padding-bottom: var(--spacing-5xl);
}
.resources-section .resources-container {
  max-width: 1400px;
  margin: 0 auto;
}
.resources-section .resources-header {
  padding-bottom: var(--spacing-lg);
}
.resources-section .resources-header .resources-content-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  margin-bottom: var(--spacing-xxl, 34px);
}
.resources-section .resources-header .resources-content-wrap .resources-text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.resources-section .resources-header .resources-content-wrap .resources-text h1 {
  color: var(--Heading-Color-1);
  margin: 0;
}
.resources-section .resources-header .resources-content-wrap .resources-text p {
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 767px) {
  .resources-section .resources-header .resources-content-wrap .resources-text p {
    font-size: var(--Font-Size-f-size-xxs, 14px);
  }
}
.resources-section .resources-header .resources-filter-row {
  width: 100%;
  border-bottom: 2px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  position: relative;
  margin-bottom: -2px;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xxs);
  align-items: stretch;
  padding: 4px 0 0px;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: 0 0 0 0;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab span {
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Line-height-f-size-sm, 28px); /* 155.556% */
  transition: 0.3s ease-in-out;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab:hover {
  background: var(--Brand-Colors-Primary-Black);
  border-radius: 4px 4px 0px 0px;
  transition: 0.3s ease-in-out;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab:hover span {
  color: #ffffff;
  transition: 0.3s ease-in-out;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab.active {
  background: var(--Brand-Colors-Primary-Black);
  border-radius: 4px 4px 0px 0px;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab.active span {
  color: var(--Brand-Colors-Primary-White);
}
.resources-section .resources-header .resources-filter-row .resources-tabs-mobile {
  display: none;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-mobile .resources-dropdown {
  width: 100%;
  padding: 0 var(--spacing-xxl) 0 var(--spacing-xs);
  line-height: 34px;
  color: var(--Heading-Color-1);
  background: var(--Brand-Colors-Primary-White);
  background-image: url(/wp-content/uploads/2025/07/drop-down-arrow.png);
  background-repeat: no-repeat;
  background-size: 11px 7px;
  background-position: 98% 50%;
  border: var(--Stroke-Border-Width) solid var(--Brand-Colors-Neutrals-Gray-300);
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: var(--spacing-md);
  appearance: none;
  -webkit-appearance: none;
  height: 40px;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-mobile .resources-dropdown:focus {
  outline: none;
}
.resources-section .resources-header .resources-count {
  color: var(--text, #262626);
  /* Stamp */
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-transform: uppercase;
  margin-top: var(--spacing-xl);
  font-family: var(--Font-Family-Special-Case);
  color: var(--text);
  font-size: var(--Font-Size-f-size-xxs);
  text-transform: uppercase;
}
.resources-section .resources-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  justify-content: flex-start;
  padding: 0 1px;
  margin-bottom: var(--spacing-3xl);
}
.resources-section .resources-grid .resource-card {
  max-width: 450px;
  min-width: 30%;
  flex: 1;
  height: 640px;
  border-radius: var(--border-radius-border-radius-20);
  overflow: hidden;
  position: relative;
  background: var(--Brand-Colors-Primary-White);
  transition: all 0.3s ease;
}
.resources-section .resources-grid .resource-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-20);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.resources-section .resources-grid .resource-card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.resources-section .resources-grid .resource-card:hover .resource-thumbnail {
  transform: scale(1.1);
}
.resources-section .resources-grid .resource-card:hover .resource-category {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.resources-section .resources-grid .resource-card:hover .resource-category span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.resources-section .resources-grid .resource-card .resource-thumbnail {
  width: 100%;
  height: 364px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  transition: transform 300ms ease;
}
.resources-section .resources-grid .resource-card .resource-thumbnail img {
  width: 100%;
  height: 100%;
}
.resources-section .resources-grid .resource-card .resource-category {
  position: absolute;
  top: var(--spacing-xl);
  left: 23px;
  background: var(--Brand-Colors-Primary-White);
  border: 1px solid var(--Gray-200);
  border-radius: var(--border-radius-border-radius-20);
  padding: var(--spacing-xxxs) var(--spacing-sm);
  transition: all 0.3s ease;
  z-index: 2;
}
.resources-section .resources-grid .resource-card .resource-category span {
  color: var(--Brand-Colors-Primary-Black);
}
.resources-section .resources-grid .resource-card .resource-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--Brand-Colors-Primary-White);
  padding: var(--spacing-xxl) var(--spacing-xl) var(--spacing-xl);
  height: 340px;
  box-sizing: border-box;
  z-index: 1;
}
.resources-section .resources-grid .resource-card .resource-content .resource-content-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.resources-section .resources-grid .resource-card .resource-content .resource-content-wrap h3 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--Font-Weight-Medium);
  color: var(--Heading-Color-1);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.resources-section .resources-grid .resource-card .resource-content .resource-content-wrap p {
  color: var(--Heading-Color-1);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: var(--Font-Size-f-size-xs, 14px);
}
.resources-section .resources-grid .resource-card .resource-content .resource-arrow {
  position: absolute;
  bottom: var(--spacing-xxl);
  left: 0;
  width: 15.84px;
  height: 15.84px;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 2;
}
.resources-section .resources-grid .resource-card .resource-content .resource-arrow svg {
  width: 100%;
  height: 100%;
}
.resources-section .resources-grid .resource-card .resource-content .resource-arrow svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
.resources-section .resources-grid .resource-card:hover .resource-arrow {
  opacity: 1;
  left: var(--spacing-xl);
}
.resources-section .resources-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}
.resources-section .resources-footer .resources-load-more {
  padding: var(--spacing-sm) var(--spacing-xxl);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  min-width: 58px;
  min-height: 58px;
  border: none;
}
.resources-section .resources-footer .resources-load-more:hover {
  border: none;
  transform: none;
  box-shadow: none;
}
.resources-section .resources-footer .resources-load-more span {
  font-weight: var(--Font-Weight-Bold);
}
.resources-section .resources-footer .resources-load-more .button-arrow {
  width: 24px;
  height: 24px;
}
.resources-section .resources-footer .resources-load-more .button-arrow svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.resources-section .resources-footer .resources-progress {
  width: 173px;
  height: 4px;
  background: var(--Brand-Colors-Light-Gray, #e0e0e0);
  overflow: hidden;
  position: relative;
}
.resources-section .resources-footer .resources-progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: var(--Brand-Colors-Primary-Black);
  transition: width 0.3s ease;
}
@media (min-width: 1250px) and (max-width: 1300px) {
  .resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab {
    padding: var(--spacing-sm) var(--spacing-sm);
  }
}
@media (max-width: 1199px) {
  .resources-section .resources-grid .resource-card {
    flex: none;
    width: calc(33.333% - 14px);
  }
}
@media (max-width: 1250px) {
  .resources-section .resources-header .resources-filter-row .resources-tabs.resources-tabs-desktop {
    display: none;
  }
  .resources-section .resources-header .resources-filter-row .resources-tabs-mobile {
    display: block;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .resources-section .resources-grid .resource-card {
    width: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .resources-section .resources-header .resources-tabs-desktop {
    flex-wrap: wrap;
  }
  .resources-section .resources-header .resources-filter-row .resources-tabs-mobile .resources-dropdown {
    margin-top: 0px;
  }
  .resources-section .resources-grid .resource-card {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .resources-section .resources-header .resources-tabs .resources-tab {
    padding: var(--spacing-xs) var(--spacing-sm);
  }
  .resources-section .resources-header .resources-tabs .resources-tab span {
    font-size: var(--Font-Size-f-size-xs);
  }
  .resources-section .resources-footer .resources-load-more {
    padding: 10px var(--spacing-xl);
  }
  .resources-section .resources-footer .resources-load-more span {
    font-size: var(--Font-Size-f-size-xs);
  }
}

.resource-sec {
  overflow: hidden;
  transition: all 0.3s ease;
}
.resource-sec .blog-card-category {
  position: absolute;
  top: 24px;
  left: 23px;
}
.resource-sec .blog-card-image {
  background-size: cover;
  background-position: center;
  transition: background-size 1s ease;
  position: relative;
  overflow: hidden;
}
.resource-sec .blog-card-image:hover {
  transform: scale(1.08);
}

.text-media-section {
  padding: var(--spacing-3xl, 40px) 40px;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.text-media-section .text-media-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
}
.text-media-section .text-media-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-xxl);
}
@media (max-width: 1200px) {
  .text-media-section .text-media-content {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .text-media-section .text-media-content {
    font-size: var(--Font-Size-f-size-lg, 22px);
  }
}
.text-media-section .text-content {
  flex: 1;
}
@media (max-width: 1200px) {
  .text-media-section .text-content {
    width: 45%;
  }
}
@media (max-width: 1200px) {
  .text-media-section .text-content {
    width: 100%;
  }
}
.text-media-section .text-content .text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.text-media-section .text-content .text-wrapper .text-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.text-media-section .text-content .text-wrapper .text-header h2 {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-xxl);
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 1200px) {
  .text-media-section .text-content .text-wrapper .text-header h2 {
    font-size: var(--Font-Size-f-size-xxl);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
@media (max-width: 767px) {
  .text-media-section .text-content .text-wrapper .text-header h2 {
    font-size: var(--Font-Size-f-size-xl);
    line-height: var(--Line-Height-Line-height-f-size-xl);
  }
}
.text-media-section .text-content .text-wrapper .text-header .subtitle {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-lg);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-lg);
  color: var(--Heading-Color-1);
  margin: 0;
}
.text-media-section .text-content .text-wrapper .text-body {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-Paragraph-f-size);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
@media (max-width: 767px) {
  .text-media-section .text-content .text-wrapper .text-body {
    font-size: var(--Font-Size-f-size-xxs);
    line-height: var(--Line-Height-Line-height-f-size-xxs);
  }
}
.text-media-section .text-content .text-wrapper .text-body p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing) 0;
}
@media (max-width: 767px) {
  .text-media-section .text-content .text-wrapper .text-body p {
    font-size: var(--Font-Size-f-size-xxs);
  }
}
.text-media-section .text-content .text-wrapper .text-body p:last-child {
  margin-bottom: 0;
}
.text-media-section .media-content {
  width: 42%;
  flex-shrink: 0;
  min-width: 0;
}
@media (max-width: 479px) {
  .text-media-section .media-content {
    width: 100%;
    margin: 0 auto;
  }
}
.text-media-section .media-content .media-wrapper {
  width: 100%;
  height: 452px;
  border-radius: 12px;
  overflow: hidden;
  background: var(--Gray-200);
  position: relative;
}
@media (max-width: 767px) {
  .text-media-section .media-content .media-wrapper {
    height: 300px;
  }
}
.text-media-section .media-content .media-wrapper.media-youtube .youtube-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.text-media-section .media-content .media-wrapper.media-youtube .youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.text-media-section .media-content .media-wrapper.media-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text-media-section .media-content .media-wrapper.media-html .html-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: var(--spacing-xl);
  box-sizing: border-box;
  background: var(--Brand-Colors-Primary-White);
}
.text-media-section.reverse-layout .text-media-content {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  .text-media-section.reverse-layout .text-media-content {
    flex-direction: column;
  }
}
.text-media-section.transparent-background {
  background: transparent;
}
.text-media-section.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.text-media-section.no-horizontal-padding {
  padding-left: 0;
  padding-right: 0;
}

.oxy-supreme-elements-text-media-section .text-media-section .media-content .media-wrapper {
  width: 100%;
  height: 320px;
}

@media (max-width: 767px) {
  .text-media-section {
    padding: 15px;
  }
  .oxy-supreme-elements-text-media-section .text-media-section {
    padding: 15px;
  }
  .oxy-supreme-elements-text-media-section .text-media-section .media-content {
    width: 100%;
  }
}
.team-section {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
  background: var(--Brand-Colors-Primary-White);
}
.team-section .team-container {
  padding: 0;
}
.team-section .team-header {
  margin-bottom: var(--spacing-3xl);
}
.team-section .team-header h2 {
  margin: 0;
}
@media (max-width: 991px) {
  .team-section .team-header h2 {
    font-size: var(--Font-Size-f-size-xxl);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
@media (max-width: 767px) {
  .team-section .team-header h2 {
    font-size: var(--Font-Size-f-size-xl);
    line-height: var(--Line-Height-Line-height-f-size-xl);
  }
}
.team-section .team-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxl);
  justify-content: flex-start;
}
.team-section .team-member {
  width: 22%;
  max-width: 326px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
}
@media (max-width: 1200px) {
  .team-section .team-member {
    width: 326px;
  }
}
@media (max-width: 375px) {
  .team-section .team-member {
    width: 100%;
    max-width: 326px;
  }
}
.team-section .team-member .member-image {
  width: 258px;
  height: 258px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green) 0%, var(--Brand-Colors-Primary-Cytosine-Blue) 100%);
  padding: 4px;
}
.team-section .team-member .member-image img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  border-radius: 50%;
  background: var(--Brand-Colors-Primary-White);
}
.team-section .team-member .member-image .placeholder {
  width: 250px;
  height: 250px;
  background: var(--Gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.team-section .team-member .member-image .placeholder svg {
  width: 60px;
  height: 60px;
  fill: var(--Gray-400);
}
.team-section .team-member .member-info {
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.team-section .team-member .member-info .member-name {
  margin: 0;
}
.team-section .team-member .member-info .member-title {
  margin: 0;
}
.team-section .no-team-members {
  text-align: center;
  padding: var(--spacing-4xl) 0;
}
.team-section .no-team-members p {
  margin: 0;
}

.testimonials-slider {
  background: var(--Brand-Colors-Light-grayish-cyan);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  overflow: hidden;
}
.testimonials-slider .slider-container {
  padding: 0;
}
@media (max-width: 767px) {
  .testimonials-slider .slider-container {
    position: relative;
    padding-bottom: 80px;
  }
}
.testimonials-slider .slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-3xl);
}
@media (max-width: 767px) {
  .testimonials-slider .slider-header {
    flex-direction: column;
    gap: var(--spacing-xl);
    align-items: flex-start;
  }
}
.testimonials-slider .slider-header h2 {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-4xl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-4xl);
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 991px) {
  .testimonials-slider .slider-header h2 {
    font-size: var(--Font-Size-f-size-xxl);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
@media (max-width: 767px) {
  .testimonials-slider .slider-header h2 {
    font-size: var(--Font-Size-f-size-xxl, 32px);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
.testimonials-slider .slider-header .slider-controls {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
}
@media (max-width: 767px) {
  .testimonials-slider .slider-header .slider-controls {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    justify-content: space-between;
  }
}
.testimonials-slider .slider-header .slider-controls .slider-counter {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-md);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-md);
  color: var(--Heading-Color-1);
}
.testimonials-slider .slider-header .slider-controls .slider-arrows {
  display: flex;
  gap: var(--spacing-xs);
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--Brand-Colors-Primary-Black);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  padding: 0;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button:hover {
  background: var(--Brand-Colors-Primary-Black);
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button:hover svg path {
  fill: white;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button svg {
  width: 24px;
  height: 24px;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button svg path {
  fill: var(--Brand-Colors-Primary-Black);
  transition: fill 0.3s ease;
}
.testimonials-slider .slider-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1400px;
}
.testimonials-slider .slider-track {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  width: max-content;
}
.testimonials-slider .testimonial-slide-group {
  display: flex;
  gap: var(--spacing-3xl);
  flex-shrink: 0;
  width: 1400px;
}
@media (max-width: 1439px) {
  .testimonials-slider .testimonial-slide-group {
    width: calc(100vw - var(--spacing-xl) * 2);
  }
}
@media (max-width: 767px) {
  .testimonials-slider .testimonial-slide-group {
    width: calc(100vw - var(--spacing-lg) * 2);
  }
}
.testimonials-slider .testimonial-card {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-left: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  padding: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl);
  flex-shrink: 0;
}
.testimonials-slider .testimonial-card.first-card {
  width: 591px;
}
.testimonials-slider .testimonial-card.second-card {
  width: 768px;
}
@media (max-width: 1439px) {
  .testimonials-slider .testimonial-card.testimonial-card.first-card, .testimonials-slider .testimonial-card.testimonial-card.second-card {
    width: calc(50% - var(--spacing-3xl) / 2);
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .testimonials-slider .testimonial-card {
    padding: var(--spacing-xl);
  }
  .testimonials-slider .testimonial-card.testimonial-card.first-card, .testimonials-slider .testimonial-card.testimonial-card.second-card {
    width: calc(100vw - var(--spacing-3xl) * 2);
  }
  .testimonials-slider .testimonial-card.second-card {
    display: none;
  }
}
.testimonials-slider .testimonial-card .testimonial-icon {
  width: 60px;
  height: 44px;
  flex-shrink: 0;
}
.testimonials-slider .testimonial-card .testimonial-icon svg {
  width: 100%;
  height: 100%;
}
.testimonials-slider .testimonial-card .testimonial-quote {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-md);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-md);
  color: var(--Heading-Color-1);
  flex-grow: 1;
  margin: 0;
}
.testimonials-slider .testimonial-card .testimonial-author {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl);
}
.testimonials-slider .testimonial-card .testimonial-author .author-image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.testimonials-slider .testimonial-card .testimonial-author .author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonials-slider .testimonial-card .testimonial-author .author-image.placeholder {
  background: var(--Gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonials-slider .testimonial-card .testimonial-author .author-image.placeholder svg {
  width: 40px;
  height: 40px;
}
.testimonials-slider .testimonial-card .testimonial-author .author-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.testimonials-slider .testimonial-card .testimonial-author .author-info .author-name {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
.testimonials-slider .testimonial-card .testimonial-author .author-info .author-title {
  font-family: var(--Font-Family-Special-Case);
  font-size: var(--Font-Size-f-size-xxxs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xxxs);
  text-transform: uppercase;
  color: var(--text);
}
.testimonials-slider .slider-wrapper.grabbing {
  cursor: grabbing;
}
.testimonials-slider .slider-wrapper.grabbable {
  cursor: grab;
}
.testimonials-slider.white-background {
  background: var(--Brand-Colors-Primary-White);
}

.testimonials-slider.white-background .testimonial-card {
  background: var(--Brand-Colors-Primary-White);
}

.scroll-hide .testimonials-slider .slider-wrapper.grabbable {
  cursor: auto;
}

.scroll-hide .slider-track {
  transform: none !important;
}

.synthego-articles-section {
  padding-bottom: var(--spacing-5xl);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-articles-section__title {
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-3xl, 64px);
  text-align: left;
}
@media (max-width: 991px) {
  .synthego-articles-section__title {
    margin-bottom: var(--spacing-2xl, 48px);
  }
}
@media (max-width: 767px) {
  .synthego-articles-section__title {
    margin-bottom: var(--spacing-xl, 24px);
  }
}
.synthego-articles-section__layout {
  display: grid;
  grid-template-columns: 334px 1fr;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-articles-section__layout {
    grid-template-columns: 280px 1fr;
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-articles-section__layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 991px) {
  .synthego-articles-section__sidebar {
    display: none;
  }
}
.synthego-articles-section__categories-dropdown {
  width: 100%;
  padding: 0 var(--spacing-xxl) 0 var(--spacing-xs);
  line-height: 34px;
  color: var(--Heading-Color-1);
  background: var(--Brand-Colors-Primary-White);
  background-image: url(/wp-content/uploads/2025/07/drop-down-arrow.png);
  background-repeat: no-repeat;
  background-size: 11px 7px;
  background-position: 98% 50%;
  border: var(--Stroke-Border-Width) solid var(--Brand-Colors-Neutrals-Gray-300);
  border-radius: 4px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  height: 40px;
  margin-top: var(--spacing-md);
  outline: none;
}
.synthego-articles-section__mobile-categories {
  display: none;
}
@media (max-width: 991px) {
  .synthego-articles-section__mobile-categories {
    display: block;
  }
}
.synthego-articles-section__sidebar-title {
  color: var(--Heading-Color-1, #262626);
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .synthego-articles-section__sidebar-title {
    margin-bottom: var(--spacing-md, 16px);
  }
}
.synthego-articles-section__categories {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  overflow: hidden;
  width: 334px;
  position: relative;
}
@media (max-width: 1199px) {
  .synthego-articles-section__categories {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .synthego-articles-section__categories {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm, 12px);
    background-color: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
  }
}
.synthego-articles-section__category-item {
  margin: 0;
  position: relative;
  overflow: hidden;
}
.synthego-articles-section__category-item:not(:last-child) {
  border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:not(:last-child) {
    border-bottom: none;
  }
}
.synthego-articles-section__category-item:first-child .synthego-articles-section__category-button {
  border-radius: var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px) 0 0;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:first-child .synthego-articles-section__category-button {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:first-child::after {
  border-radius: var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px) 0 0;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:first-child::after {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:last-child .synthego-articles-section__category-button {
  border-radius: 0 0 var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:last-child .synthego-articles-section__category-button {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:last-child::after {
  border-radius: 0 0 var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:last-child::after {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:only-child .synthego-articles-section__category-button {
  border-radius: var(--border-radius-border-radius-20, 20px);
}
.synthego-articles-section__category-item:only-child::after {
  border-radius: var(--border-radius-border-radius-20, 20px);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item {
    flex: 1;
    min-width: 25%;
  }
}
@media (max-width: 767px) {
  .synthego-articles-section__category-item {
    min-width: 40%;
  }
}
.synthego-articles-section__category-item::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item::after {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:hover::after {
  opacity: 1;
}
.synthego-articles-section__category-item.active .synthego-articles-section__category-button {
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.synthego-articles-section__category-item.active .synthego-articles-section__category-button svg {
  opacity: 0;
}
.synthego-articles-section__category-button {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: var(--spacing-md, 16px);
  color: var(--Heading-Color-1, #262626);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  text-align: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-button {
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
    border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
    border-radius: 20px;
    background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  }
}
.synthego-articles-section__category-button svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-button svg {
    display: none;
  }
}
.synthego-articles-section__content {
  width: 100%;
}
.synthego-articles-section__active-categories-label, .synthego-articles-section__active-categories-list, .synthego-articles-section__active-categories-suffix {
  color: var(--Heading-Color-1, #262626);
}
.synthego-articles-section__grid {
  display: grid;
  margin-bottom: var(--spacing-xl, 24px);
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 1199px) {
  .synthego-articles-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .synthego-articles-section__grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl, 24px);
  }
}
.synthego-articles-section__card {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-20, 20px);
  border: 1px solid var(--Gray-200, #d1d1d1);
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.synthego-articles-section__card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-20, 20px);
  background: var(--Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.synthego-articles-section__card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.synthego-articles-section__card:hover .synthego-articles-section__card-image img {
  transform: scale(1.1);
}
.synthego-articles-section__card:hover .synthego-articles-section__card-category-tag {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.synthego-articles-section__card:hover .synthego-articles-section__card-category-tag span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-articles-section__card-link {
  text-decoration: none !important;
  color: inherit;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  border-radius: var(--border-radius-border-radius-20, 20px);
  overflow: hidden;
}
.synthego-articles-section__card-link:hover {
  text-decoration: none !important;
}
.synthego-articles-section__card-link * {
  text-decoration: none !important;
}
.synthego-articles-section__card-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: #eee;
  flex-shrink: 0;
  position: relative;
}
.synthego-articles-section__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.synthego-articles-section__card-content {
  padding: var(--spacing-xl, 24px);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 16px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  position: relative;
}
.synthego-articles-section__card-category-tag {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  display: inline-block;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.synthego-articles-section__card-category-tag span {
  line-height: normal;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.synthego-articles-section__card-title {
  margin: 0;
  text-decoration: none !important;
  color: var(--Heading-Color-1, #262626);
}
.synthego-articles-section__loadmore {
  text-align: center;
}
.synthego-articles-section__loadmore-button {
  margin-bottom: var(--spacing-md, 16px);
}
.synthego-articles-section__loadmore-button[data-loading=true] {
  opacity: 0.6;
  pointer-events: none;
}
.synthego-articles-section__pagination {
  color: var(--Heading-Color-1-Alt, #707070);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.synthego-articles-section__pagination span {
  font-weight: var(--Font-Weight-Regular, 400);
}
.synthego-articles-section__no-posts {
  color: var(--Heading-Color-1-Alt, #707070);
  text-align: center;
  padding: var(--spacing-4xl, 80px) 0;
}

.synthego-articles-loading {
  opacity: 0.5;
  pointer-events: none;
}

button.synthego-articles-section__loadmore-button.button-primary, button.synthego-articles-section__loadmore-button.oxy-button,
button.synthego-articles-section__loadmore-button.ct-link-button, .supreme-element.product-search-results-wrapper button.synthego-articles-section__loadmore-button.load-more-btn,
#search-results-container button.synthego-articles-section__loadmore-button.load-more-btn, button.synthego-articles-section__loadmore-button.synthego-press-grid__load-more, .supreme-element.guide-hero button.synthego-articles-section__loadmore-button.hero-button, .supreme-element.post-contact-cta button.synthego-articles-section__loadmore-button.contact-experts__button, .supreme-element.post-content-container button.synthego-articles-section__loadmore-button.contact-experts__button, button.synthego-articles-section__loadmore-button.synthego-load-more, .supreme-element.synthego-hero button.synthego-articles-section__loadmore-button.btn-primary, .supreme-element.title-text-button-hero button.synthego-articles-section__loadmore-button.hero-button, .supreme-element.fifty-fifty-hero button.synthego-articles-section__loadmore-button.hero-button, .subscribe-cta button.synthego-articles-section__loadmore-button.subscribe-button, .resources-section .resources-footer button.synthego-articles-section__loadmore-button.resources-load-more {
  margin-top: var(--spacing-xl, 24px);
}

.synthego-full-width-text {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.synthego-full-width-text--gradient {
  background: linear-gradient(252deg, #20D340 0%, #00D1ED 20.67%, #18D36B 45.67%, #01ABF9 66.35%, #10D297 84.13%, #AEBBFA 100%);
}
.synthego-full-width-text--transparent {
  background: transparent;
}
.synthego-full-width-text__container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  padding: var(--spacing-5xl, 112px) 64px;
}
@media (max-width: 1439px) {
  .synthego-full-width-text__container {
    padding: var(--spacing-4xl, 80px) var(--spacing-3xl, 40px);
  }
}
@media (max-width: 991px) {
  .synthego-full-width-text__container {
    padding: var(--spacing-4xl, 80px) var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-full-width-text__container {
    padding: var(--spacing-3xl, 40px) var(--spacing-lg, 20px);
  }
}
.synthego-full-width-text__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 var(--spacing-4xl, 80px);
}
.synthego-full-width-text__wrapper--left {
  align-items: flex-start;
}
.synthego-full-width-text__wrapper--left .synthego-full-width-text__content {
  text-align: left;
}
.synthego-full-width-text__wrapper--left .synthego-full-width-text__heading,
.synthego-full-width-text__wrapper--left .synthego-full-width-text__text {
  text-align: left;
}
.synthego-full-width-text__wrapper--center {
  align-items: center;
}
.synthego-full-width-text__wrapper--center .synthego-full-width-text__content {
  text-align: center;
  align-items: center;
}
.synthego-full-width-text__wrapper--center .synthego-full-width-text__heading,
.synthego-full-width-text__wrapper--center .synthego-full-width-text__text {
  text-align: center;
}
.synthego-full-width-text__wrapper--right {
  align-items: flex-end;
}
.synthego-full-width-text__wrapper--right .synthego-full-width-text__content {
  text-align: right;
}
.synthego-full-width-text__wrapper--right .synthego-full-width-text__heading,
.synthego-full-width-text__wrapper--right .synthego-full-width-text__text {
  text-align: right;
}
@media (max-width: 991px) {
  .synthego-full-width-text__wrapper {
    padding: 0;
  }
}
.synthego-full-width-text__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  align-items: center;
  width: 100%;
  max-width: 1008px;
}
@media (max-width: 991px) {
  .synthego-full-width-text__content {
    gap: var(--spacing-xl, 24px);
  }
}
.synthego-full-width-text__heading {
  margin: 0;
  width: 100%;
}
@media (max-width: 991px) {
  .synthego-full-width-text__heading.headline-xxxl, .oxy-rich-text h1.synthego-full-width-text__heading,
  .ct-text-block h1.synthego-full-width-text__heading,
  .oxy-text h1.synthego-full-width-text__heading, h1.synthego-full-width-text__heading.oxy-heading,
  h1.synthego-full-width-text__heading.ct-headline, .synthego-full-width-text__heading.oxy-heading[data-tag=h1],
  .synthego-full-width-text__heading.ct-headline[data-tag=h1], .supreme-element.about-section .synthego-full-width-text__heading.section-heading {
    font-size: var(--Font-Size-f-size-xxxl);
    line-height: var(--Line-Height-Line-height-f-size-xxxl);
  }
}
.synthego-full-width-text__text {
  margin: 0;
  width: 100%;
}
.synthego-full-width-text__text.headline-xxl, .oxy-rich-text h2.synthego-full-width-text__text,
.ct-text-block h2.synthego-full-width-text__text,
.oxy-text h2.synthego-full-width-text__text, h2.synthego-full-width-text__text.oxy-heading,
h2.synthego-full-width-text__text.ct-headline, .synthego-full-width-text__text.oxy-heading[data-tag=h2],
.synthego-full-width-text__text.ct-headline[data-tag=h2], .supreme-element.synthego-hero .hero-stats .stat-column .synthego-full-width-text__text.stat-value, .supreme-element.pipeline-section .pipeline-tile .synthego-full-width-text__text.tile-title, .supreme-element.one-button-cta .synthego-full-width-text__text.cta-title {
  font-weight: var(--Font-Weight-Regular, 400);
}
@media (max-width: 991px) {
  .synthego-full-width-text__text.headline-xxl, .oxy-rich-text h2.synthego-full-width-text__text,
  .ct-text-block h2.synthego-full-width-text__text,
  .oxy-text h2.synthego-full-width-text__text, h2.synthego-full-width-text__text.oxy-heading,
  h2.synthego-full-width-text__text.ct-headline, .synthego-full-width-text__text.oxy-heading[data-tag=h2],
  .synthego-full-width-text__text.ct-headline[data-tag=h2], .supreme-element.synthego-hero .hero-stats .stat-column .synthego-full-width-text__text.stat-value, .supreme-element.pipeline-section .pipeline-tile .synthego-full-width-text__text.tile-title, .supreme-element.one-button-cta .synthego-full-width-text__text.cta-title {
    font-size: var(--Font-Size-f-size-xxl);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}

.synthego-full-width-image {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.synthego-full-width-image__container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  padding: var(--spacing-4xl, 80px) 64px;
}
@media (max-width: 1439px) {
  .synthego-full-width-image__container {
    padding: var(--spacing-4xl, 80px) var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-full-width-image__container {
    padding: var(--spacing-4xl, 80px) var(--spacing-lg, 20px);
  }
}
.synthego-full-width-image__image-wrapper {
  width: 100%;
  height: 304px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .synthego-full-width-image__image-wrapper {
    height: 250px;
  }
}
@media (max-width: 767px) {
  .synthego-full-width-image__image-wrapper {
    height: 200px;
  }
}
.synthego-full-width-image__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
.synthego-full-width-image__placeholder {
  width: 100%;
  height: 304px;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.synthego-full-width-image__placeholder span {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--Brand-Colors-Neutrals-Gray-300, #aaaaaa);
  text-align: center;
}
@media (max-width: 991px) {
  .synthego-full-width-image__placeholder {
    height: 250px;
  }
}
@media (max-width: 767px) {
  .synthego-full-width-image__placeholder {
    height: 200px;
  }
}
.synthego-full-width-image.transparent-background {
  background: transparent;
}
.synthego-full-width-image.no-vertical-padding .synthego-full-width-image__container {
  padding-top: 0;
  padding-bottom: 0;
}
.synthego-full-width-image.no-horizontal-padding .synthego-full-width-image__container {
  padding-left: 0;
  padding-right: 0;
}

.oxy-supreme-elements-full-width-image {
  width: 100%;
  max-width: 100%;
}

.synthego-image-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.synthego-image-slider button.synthego-image-slider__arrow {
  border-radius: 50%;
}
.synthego-image-slider__container {
  width: 100%;
  max-width: 1620px;
  margin: 0 auto;
  position: relative;
}
.synthego-image-slider__wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.synthego-image-slider__track {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.synthego-image-slider__track--desktop {
  display: flex;
}
@media (max-width: 991px) {
  .synthego-image-slider__track--desktop {
    display: none;
  }
}
.synthego-image-slider__track--mobile {
  display: none;
}
@media (max-width: 991px) {
  .synthego-image-slider__track--mobile {
    display: flex;
  }
}
.synthego-image-slider__slide {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  gap: var(--image-gap, 30px);
}
@media (max-width: 991px) {
  .synthego-image-slider__slide {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .synthego-image-slider__slide {
    gap: 15px;
  }
}
.synthego-image-slider__image-wrapper {
  flex: 1;
  height: 727px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1199px) {
  .synthego-image-slider__image-wrapper {
    height: 500px;
  }
}
@media (max-width: 991px) {
  .synthego-image-slider__image-wrapper {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .synthego-image-slider__image-wrapper {
    height: 300px;
  }
}
.synthego-image-slider__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.synthego-image-slider__placeholder {
  width: 100%;
  height: 100%;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.synthego-image-slider__placeholder span {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xs);
  color: var(--Brand-Colors-Neutrals-Gray-300);
  text-align: center;
  padding: var(--spacing-lg);
}
.synthego-image-slider__controls {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-top-left-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-lg, 20px);
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
  z-index: 10;
}
@media (max-width: 767px) {
  .synthego-image-slider__controls {
    padding: var(--spacing-md, 16px);
    gap: var(--spacing-md, 16px);
  }
}
.synthego-image-slider__counter {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  color: var(--text, #262626);
  white-space: nowrap;
}
.synthego-image-slider__arrows {
  display: flex;
  gap: var(--spacing-xs, 8px);
}
.synthego-image-slider__arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--Brand-Colors-Primary-Black, #000000);
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}
@media (max-width: 767px) {
  .synthego-image-slider__arrow {
    width: 40px;
    height: 40px;
  }
  .synthego-image-slider__arrow svg {
    width: 20px;
    height: 20px;
  }
}
.synthego-image-slider__arrow:hover:not(:disabled) {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
.synthego-image-slider__arrow:hover:not(:disabled) svg {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-image-slider__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.synthego-image-slider__arrow svg {
  width: 24px;
  height: 24px;
  color: var(--Brand-Colors-Primary-Black, #000000);
  transition: color 0.3s ease;
}

.oxy-supreme-elements-image-slider {
  width: 100%;
  max-width: 100%;
}

.synthego-benefits-section {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-section__header {
  margin-bottom: var(--spacing-3xl, 40px);
  max-width: 1099px;
}
@media (max-width: 991px) {
  .synthego-benefits-section__header {
    margin-bottom: var(--spacing-xxl, 32px);
  }
}
.synthego-benefits-section__title {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.synthego-benefits-section__subtitle {
  color: var(--text, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .synthego-benefits-section__subtitle.headline-xl.headline-xl, .oxy-rich-text h3.synthego-benefits-section__subtitle,
  .ct-text-block h3.synthego-benefits-section__subtitle,
  .oxy-text h3.synthego-benefits-section__subtitle, h3.synthego-benefits-section__subtitle.oxy-heading,
  h3.synthego-benefits-section__subtitle.ct-headline, .synthego-benefits-section__subtitle.oxy-heading[data-tag=h3],
  .synthego-benefits-section__subtitle.ct-headline[data-tag=h3], .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__subtitle.stats-intro, .supreme-element.popular-products .synthego-benefits-section__subtitle.product-title, .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-label, .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-list, .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-suffix {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.synthego-benefits-section__intro {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-section__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-benefits-section__grid {
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-section__grid {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-benefits-section__grid {
    gap: 34px;
  }
}
.synthego-benefits-section__card {
  flex: 0 0 calc(33.333% - 27px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  padding-right: var(--spacing-xxl, 32px);
}
@media (max-width: 1199px) {
  .synthego-benefits-section__card {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-section__card {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.synthego-benefits-section__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl, 24px);
}
.synthego-benefits-section__icon {
  width: 75px;
  height: 75px;
  border-radius: 150px;
  background: linear-gradient(220.426deg, rgb(32, 211, 64) 13.386%, rgb(0, 209, 237) 85.477%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.synthego-benefits-section__icon svg {
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-section__icon--balance svg {
  width: 37px;
  height: 39px;
}
.synthego-benefits-section__icon--parental svg {
  width: 31px;
  height: 31px;
}
.synthego-benefits-section__icon--medical svg {
  width: 38px;
  height: 32px;
}
.synthego-benefits-section__icon--401k svg {
  width: 49px;
  height: 44px;
}
.synthego-benefits-section__icon--food svg {
  width: 45px;
  height: 30px;
}
.synthego-benefits-section__icon--engagement svg {
  width: 30px;
  height: 25px;
}
@media (max-width: 767px) {
  .synthego-benefits-section__icon {
    width: 60px;
    height: 60px;
  }
  .synthego-benefits-section__icon svg {
    max-width: 36px;
    max-height: 36px;
  }
}
.synthego-benefits-section__card-title {
  flex: 1;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.synthego-benefits-section__card .synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-section__card-description.synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .synthego-benefits-section__card-title.headline-xl.headline-xl, .oxy-rich-text h3.synthego-benefits-section__card-title,
  .ct-text-block h3.synthego-benefits-section__card-title,
  .oxy-text h3.synthego-benefits-section__card-title, h3.synthego-benefits-section__card-title.oxy-heading,
  h3.synthego-benefits-section__card-title.ct-headline, .synthego-benefits-section__card-title.oxy-heading[data-tag=h3],
  .synthego-benefits-section__card-title.ct-headline[data-tag=h3], .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__card-title.stats-intro, .supreme-element.popular-products .synthego-benefits-section__card-title.product-title, .synthego-benefits-section__card-title.synthego-articles-section__active-categories-label, .synthego-benefits-section__card-title.synthego-articles-section__active-categories-list, .synthego-benefits-section__card-title.synthego-articles-section__active-categories-suffix {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}

.synthego-benefits-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
.synthego-benefits-wrapper .synthego-benefits-section__header {
  margin-bottom: var(--spacing-3xl, 40px);
  max-width: 1099px;
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper .synthego-benefits-section__header {
    margin-bottom: var(--spacing-xxl, 32px);
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__title {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__subtitle {
  color: var(--text, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__subtitle.headline-xl.headline-xl, .synthego-benefits-wrapper .oxy-rich-text h3.synthego-benefits-section__subtitle, .oxy-rich-text .synthego-benefits-wrapper h3.synthego-benefits-section__subtitle,
  .synthego-benefits-wrapper .ct-text-block h3.synthego-benefits-section__subtitle,
  .ct-text-block .synthego-benefits-wrapper h3.synthego-benefits-section__subtitle,
  .synthego-benefits-wrapper .oxy-text h3.synthego-benefits-section__subtitle,
  .oxy-text .synthego-benefits-wrapper h3.synthego-benefits-section__subtitle, .synthego-benefits-wrapper h3.synthego-benefits-section__subtitle.oxy-heading,
  .synthego-benefits-wrapper h3.synthego-benefits-section__subtitle.ct-headline, .synthego-benefits-wrapper .synthego-benefits-section__subtitle.oxy-heading[data-tag=h3],
  .synthego-benefits-wrapper .synthego-benefits-section__subtitle.ct-headline[data-tag=h3], .synthego-benefits-wrapper .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__subtitle.stats-intro, .supreme-element.synthego-hero .hero-stats .synthego-benefits-wrapper .synthego-benefits-section__subtitle.stats-intro, .synthego-benefits-wrapper .supreme-element.popular-products .synthego-benefits-section__subtitle.product-title, .supreme-element.popular-products .synthego-benefits-wrapper .synthego-benefits-section__subtitle.product-title, .synthego-benefits-wrapper .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-label, .synthego-benefits-wrapper .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-list, .synthego-benefits-wrapper .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-suffix {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__intro {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper .synthego-benefits-section__grid {
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper .synthego-benefits-section__grid {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__grid {
    gap: 34px;
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__card {
  flex: 0 0 calc(33.333% - 27px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  padding-right: var(--spacing-xxl, 32px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper .synthego-benefits-section__card {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper .synthego-benefits-section__card {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl, 24px);
}
.synthego-benefits-wrapper .synthego-benefits-section__icon {
  width: 75px;
  height: 75px;
  border-radius: 150px;
  background: linear-gradient(220.426deg, rgb(32, 211, 64) 13.386%, rgb(0, 209, 237) 85.477%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon svg {
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--balance svg {
  width: 37px;
  height: 39px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--parental svg {
  width: 31px;
  height: 31px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--medical svg {
  width: 38px;
  height: 32px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--401k svg {
  width: 49px;
  height: 44px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--food svg {
  width: 45px;
  height: 30px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--engagement svg {
  width: 30px;
  height: 25px;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__icon {
    width: 60px;
    height: 60px;
  }
  .synthego-benefits-wrapper .synthego-benefits-section__icon svg {
    max-width: 36px;
    max-height: 36px;
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__card-title {
  flex: 1;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__card .synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__card-description.synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__card-title.headline-xl.headline-xl, .synthego-benefits-wrapper .oxy-rich-text h3.synthego-benefits-section__card-title, .oxy-rich-text .synthego-benefits-wrapper h3.synthego-benefits-section__card-title,
  .synthego-benefits-wrapper .ct-text-block h3.synthego-benefits-section__card-title,
  .ct-text-block .synthego-benefits-wrapper h3.synthego-benefits-section__card-title,
  .synthego-benefits-wrapper .oxy-text h3.synthego-benefits-section__card-title,
  .oxy-text .synthego-benefits-wrapper h3.synthego-benefits-section__card-title, .synthego-benefits-wrapper h3.synthego-benefits-section__card-title.oxy-heading,
  .synthego-benefits-wrapper h3.synthego-benefits-section__card-title.ct-headline, .synthego-benefits-wrapper .synthego-benefits-section__card-title.oxy-heading[data-tag=h3],
  .synthego-benefits-wrapper .synthego-benefits-section__card-title.ct-headline[data-tag=h3], .synthego-benefits-wrapper .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__card-title.stats-intro, .supreme-element.synthego-hero .hero-stats .synthego-benefits-wrapper .synthego-benefits-section__card-title.stats-intro, .synthego-benefits-wrapper .supreme-element.popular-products .synthego-benefits-section__card-title.product-title, .supreme-element.popular-products .synthego-benefits-wrapper .synthego-benefits-section__card-title.product-title, .synthego-benefits-wrapper .synthego-benefits-section__card-title.synthego-articles-section__active-categories-label, .synthego-benefits-wrapper .synthego-benefits-section__card-title.synthego-articles-section__active-categories-list, .synthego-benefits-wrapper .synthego-benefits-section__card-title.synthego-articles-section__active-categories-suffix {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.synthego-benefits-wrapper__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper__grid {
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper__grid {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper__grid {
    gap: 34px;
  }
}
.synthego-benefits-wrapper__card {
  flex: 0 0 calc(33.333% - 27px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  padding-right: var(--spacing-xxl, 32px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper__card {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper__card {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.synthego-benefits-wrapper__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl, 24px);
}
.synthego-benefits-wrapper__icon {
  width: 75px;
  height: 75px;
  border-radius: 150px;
  background: linear-gradient(220.426deg, rgb(32, 211, 64) 13.386%, rgb(0, 209, 237) 85.477%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.synthego-benefits-wrapper__icon svg {
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-wrapper__icon--balance svg {
  width: 37px;
  height: 39px;
}
.synthego-benefits-wrapper__icon--parental svg {
  width: 31px;
  height: 31px;
}
.synthego-benefits-wrapper__icon--medical svg {
  width: 38px;
  height: 32px;
}
.synthego-benefits-wrapper__icon--401k svg {
  width: 49px;
  height: 44px;
}
.synthego-benefits-wrapper__icon--food svg {
  width: 45px;
  height: 30px;
}
.synthego-benefits-wrapper__icon--engagement svg {
  width: 30px;
  height: 25px;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper__icon {
    width: 60px;
    height: 60px;
  }
  .synthego-benefits-wrapper__icon svg {
    max-width: 36px;
    max-height: 36px;
  }
}
.synthego-benefits-wrapper__card-title {
  flex: 1;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.synthego-benefits-wrapper__card .synthego-benefits-wrapper__card-description {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-wrapper__card-description.synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}

.oxy-supreme-elements-benefits-section {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 1440px) {
  .synthego-benefits-section {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px;
  }
}
.supreme-element.article-content-section {
  width: 100%;
  background: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.article-content-section .article-wrapper {
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .article-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}
.supreme-element.article-content-section .article-inner {
  max-width: 660px;
  margin: 0 auto;
}
.supreme-element.article-content-section .article-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-xxl, 32px);
}
.supreme-element.article-content-section .article-header-cta {
  margin-top: var(--spacing-md, 16px);
}
.supreme-element.article-content-section .article-header-cta .btn {
  display: inline-flex;
  align-items: center;
}
.supreme-element.article-content-section .article-back-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm, 12px);
  padding: 5px 0;
  margin-bottom: 5px;
  background: transparent;
  border: none;
  border-bottom: 2px solid #20d340;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  font-family: var(--Font-Family-Primary, "Runda", sans-serif);
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.556em;
  transition: all 0.3s ease;
  position: relative;
  width: fit-content;
}
.supreme-element.article-content-section .article-back-link:hover {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.article-content-section .article-back-link:hover .link-icon {
  transform: translateX(-2px);
}
.supreme-element.article-content-section .article-back-link .link-icon {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.supreme-element.article-content-section .article-back-link .link-icon path {
  stroke: currentColor;
}
.supreme-element.article-content-section .article-back-link .link-text {
  font-weight: var(--Font-Weight-Bold);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .article-back-link .link-text {
    font-size: 16px;
  }
}
.supreme-element.article-content-section .article-title {
  font-family: var(--Font-Family-Primary, "Runda", sans-serif);
  font-size: var(--Font-Size-f-size-xxl, 40px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.35em;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  max-width: 670px;
}
.supreme-element.article-content-section .article-subtitle {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px); /* 150% */
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .article-subtitle {
    font-size: var(--Font-Size-f-size-md, 18px);
    line-height: var(--Line-Height-Line-height-f-size-md, 27px);
  }
}
.supreme-element.article-content-section .article-body {
  display: flex;
  flex-direction: column;
}
.supreme-element.article-content-section .rich-text .content-block {
  border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  padding-bottom: var(--spacing-xxl, 32px);
}
.supreme-element.article-content-section .rich-text p {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.article-content-section .rich-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.article-content-section .rich-text h1,
.supreme-element.article-content-section .rich-text h2,
.supreme-element.article-content-section .rich-text h3,
.supreme-element.article-content-section .rich-text h4,
.supreme-element.article-content-section .rich-text h5,
.supreme-element.article-content-section .rich-text h6 {
  font-family: var(--Font-Family-Primary, "Runda", sans-serif);
  color: var(--Heading-Color-1, #262626);
  margin: var(--spacing-xl, 24px) 0 var(--spacing-md, 16px) 0;
  font-weight: var(--Font-Weight-Bold, 700);
}
.supreme-element.article-content-section .rich-text h1:first-child,
.supreme-element.article-content-section .rich-text h2:first-child,
.supreme-element.article-content-section .rich-text h3:first-child,
.supreme-element.article-content-section .rich-text h4:first-child,
.supreme-element.article-content-section .rich-text h5:first-child,
.supreme-element.article-content-section .rich-text h6:first-child {
  margin-top: 0;
}
.supreme-element.article-content-section .rich-text h2 {
  font-size: var(--Font-Size-f-size-xl, 32px);
  line-height: 1.3em;
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .rich-text h2 {
    font-size: var(--Font-Size-f-size-lg, 24px);
  }
}
.supreme-element.article-content-section .rich-text h3 {
  font-size: var(--Font-Size-f-size-lg, 24px);
  line-height: 1.4em;
  font-weight: var(--Font-Weight-Medium, 500);
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .rich-text h3 {
    font-size: var(--Font-Size-f-size-md, 20px);
  }
}
.supreme-element.article-content-section .rich-text h4 {
  font-size: var(--Font-Size-f-size-md, 20px);
  line-height: 1.5em;
  font-weight: var(--Font-Weight-Medium, 500);
}
.supreme-element.article-content-section .rich-text ul,
.supreme-element.article-content-section .rich-text ol {
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-xl, 24px);
}
.supreme-element.article-content-section .rich-text ul li,
.supreme-element.article-content-section .rich-text ol li {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  margin-bottom: var(--spacing-xs, 8px);
}
.supreme-element.article-content-section .rich-text blockquote {
  border-left: 4px solid var(--Brand-Colors-Primary-Black, #000000);
  margin: var(--spacing-xl, 24px) 0;
  padding: var(--spacing-md, 16px) 0 var(--spacing-md, 16px) var(--spacing-lg, 20px);
  font-style: italic;
}
.supreme-element.article-content-section .rich-text blockquote p {
  font-size: var(--Font-Size-f-size-lg, 20px);
  color: var(--Heading-Color-1, #262626);
  margin-bottom: 0;
}
.supreme-element.article-content-section .rich-text img {
  max-width: 100%;
  height: auto;
  border-radius: var(--border-radius-border-radius-8, 8px);
  margin: var(--spacing-lg, 20px) 0;
}
.supreme-element.article-content-section .rich-text a {
  color: var(--Heading-Color-1);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.supreme-element.article-content-section .rich-text a:hover {
  opacity: 0.8;
}
.supreme-element.article-content-section .rich-text code {
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
  padding: var(--spacing-xxxs, 2px) var(--spacing-xs, 4px);
  border-radius: var(--border-radius-border-radius-4, 4px);
  font-family: "Monaco", "Consolas", monospace;
  font-size: 0.9em;
}
.supreme-element.article-content-section .rich-text pre {
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
  padding: var(--spacing-md, 16px);
  border-radius: var(--border-radius-border-radius-8, 8px);
  overflow-x: auto;
  margin: var(--spacing-lg, 20px) 0;
}
.supreme-element.article-content-section .rich-text pre code {
  background: none;
  padding: 0;
}
.supreme-element.article-content-section .rich-text table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--spacing-lg, 20px) 0;
}
.supreme-element.article-content-section .rich-text table th,
.supreme-element.article-content-section .rich-text table td {
  padding: var(--spacing-sm, 12px);
  text-align: left;
  border-bottom: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 16px);
}
.supreme-element.article-content-section .rich-text table th {
  font-weight: var(--Font-Weight-Bold, 700);
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
}
.supreme-element.article-content-section .rich-text hr {
  border: none;
  border-top: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  margin: var(--spacing-xxl, 32px) 0;
}
.supreme-element.article-content-section .article-lower-content .content-block {
  border-bottom: none;
  padding-bottom: 0;
  padding-top: var(--spacing-xxl, 32px);
}

.supreme-element.article-form {
  width: 100%;
}
.supreme-element.article-form .article-form-wrapper {
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-xxl, 30px);
  }
}
.supreme-element.article-form .article-form-wrapper.no-top-padding {
  padding-top: 0;
}
.supreme-element.article-form .article-form-wrapper.no-bottom-padding {
  padding-bottom: 0;
}
.supreme-element.article-form .article-form-inner {
  border-radius: var(--border-radius-border-radius-mid, 8px);
  background: var(--Brand-Colors-Neutrals-Gray-100, #eaeaea);
  padding: var(--spacing-xxl, 32px);
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-inner {
    padding: var(--spacing-3xl, 34px);
  }
}
.supreme-element.article-form .article-form-inner.no-form {
  background: transparent;
  padding: 0;
}
.supreme-element.article-form .article-form-image {
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.supreme-element.article-form .article-form-image img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-border-radius-mid, 8px);
  object-fit: cover;
}
.supreme-element.article-form .article-form-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.article-form .article-form-title {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxl, 40px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxl, 1.35em);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-title {
    font-size: var(--Font-Size-f-size-xl, 32px);
  }
}
.supreme-element.article-form .article-form-description {
  font-family: var(--Font-Family-Primary, sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 0.875rem);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5);
  color: var(--text, #262626);
}
.supreme-element.article-form .article-form-description p {
  margin: 0 0 var(--spacing-sm, 12px) 0;
}
.supreme-element.article-form .article-form-description p:last-child {
  margin-bottom: 0;
}
.supreme-element.article-form .article-form-hubspot .grecaptcha-badge {
  visibility: hidden !important;
  height: 0 !important;
}
.supreme-element.article-form .article-form-hubspot ul,
.supreme-element.article-form .article-form-hubspot ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.supreme-element.article-form .article-form-hubspot li {
  list-style-type: none;
}
.supreme-element.article-form .article-form-hubspot .hs-form,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
.supreme-element.article-form .article-form-hubspot .hs-form fieldset,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] fieldset {
  max-width: none;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field fieldset,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-fieldset,
.supreme-element.article-form .article-form-hubspot .hs-form fieldset.form-columns-1,
.supreme-element.article-form .article-form-hubspot .hs-form fieldset.form-columns-2,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field fieldset,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-fieldset,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] fieldset.form-columns-1,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] fieldset.form-columns-2 {
  max-width: none;
  width: 100%;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field {
  margin-bottom: 0;
  width: 100%;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field label,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field label {
  display: flex;
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-xs, 8px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field span,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field span {
  margin-left: 8px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=text],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=email],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=tel],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=text],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=email],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field textarea,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select {
  width: 100%;
  padding: 8px;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  color: var(--Heading-Color-1, #262626);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  transition: border-color 0.3s ease;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  box-sizing: border-box;
  height: 44px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=text]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=email]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=tel]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=text]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=email]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field textarea:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select:focus {
  outline: none;
  border-color: var(--Brand-Colors-Primary-Green, #20d340);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=text]::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=email]::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=tel]::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select::placeholder,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=text]::placeholder,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=email]::placeholder,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel]::placeholder,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field textarea::placeholder,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select::placeholder {
  color: var(--Brand-Colors-Neutrals-Gray-400, #5f5d5d);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%235F5D5D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px 7px;
  cursor: pointer;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select option:first-child,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select option:first-child {
  color: var(--Brand-Colors-Neutrals-Gray-400, #5f5d5d);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select option,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select option {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field textarea {
  min-height: 118px;
  height: auto;
  resize: vertical;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field .hs-error-msgs,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field .hs-error-msgs {
  margin-top: var(--spacing-xs, 8px);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field .hs-error-msgs label,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field .hs-error-msgs label {
  color: #dc3545;
  margin-bottom: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox ul, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox ul,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox ul,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox ul {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: center;
  gap: 8px !important;
  cursor: pointer;
  margin-bottom: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label span,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display span, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label span,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label span,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display span,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label span,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  color: var(--Heading-Color-1, #262626);
  margin-left: 0 !important;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox], .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border: 1px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  border-radius: 4px;
  margin: 0;
  margin-right: 8px !important;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10.56px;
  height: 8.09px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L3.5 7L9.5 1' stroke='%231F509A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover {
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  outline-offset: 2px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox], .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border: 1px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  border-radius: 4px;
  margin: 0;
  margin-right: 8px !important;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked::after, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10.56px;
  height: 8.09px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L3.5 7L9.5 1' stroke='%231F509A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:hover, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:hover {
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:focus, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  outline-offset: 2px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field-group,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field-group {
  display: flex;
  gap: 12px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field-group .hs-form-field,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field-group .hs-form-field {
  flex: 1;
}
.supreme-element.article-form .article-form-hubspot .hs-form .form-columns-1 .hs-form-field,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .form-columns-1 .hs-form-field {
  width: 100%;
}
.supreme-element.article-form .article-form-hubspot .hs-form .form-columns-2,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .form-columns-2 {
  display: flex;
  gap: 12px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .form-columns-2 .hs-form-field,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .form-columns-2 .hs-form-field {
  flex: 1;
  width: calc(50% - 6px);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-submit {
  margin-top: var(--spacing-lg, 20px);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit input[type=submit],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-submit input[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  background-color: #000000;
  border: 3px solid #000000;
  border-radius: 10px;
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.5em;
  color: var(--Brand-Colors-Primary-White, #ffffff);
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit input[type=submit]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-submit input[type=submit]:hover {
  background-color: transparent;
  color: #000000;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit input[type=submit]:active,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-submit input[type=submit]:active {
  transform: translateY(1px);
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit input[type=submit],
  .supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-submit input[type=submit] {
    width: 100%;
  }
}
.supreme-element.article-form .article-form-placeholder {
  padding: var(--spacing-xl, 24px);
  text-align: center;
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
  border-radius: var(--border-radius-border-radius-8, 8px);
}
.supreme-element.article-form .article-form-placeholder p {
  font-family: var(--Font-Family-Primary, sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 0.875rem);
  color: var(--Brand-Colors-Neutrals-Gray-500, #666666);
  margin: 0;
}
.supreme-element.article-form .recaptcha-disclaimer {
  color: var(--text, #262626);
  text-align: center;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  margin-top: var(--spacing-md, 16px);
}
.supreme-element.article-form .recaptcha-disclaimer a {
  color: var(--text, #262626);
  text-decoration: underline;
}
.supreme-element.article-form .recaptcha-disclaimer a:hover {
  color: var(--Brand-Colors-Primary-Blue, #00a6ce);
}

.single-testimonial-wrapper {
  max-width: 800px;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 1120px) {
  .single-testimonial-wrapper {
    padding: var(--spacing-xxl, 112px) 0 var(--spacing-4xl, 80px) 0;
  }
}
.single-testimonial-wrapper .testimonial-card {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  opacity: 1;
  animation: none;
}
@media (max-width: 767px) {
  .single-testimonial-wrapper .testimonial-card {
    padding: var(--spacing-xl, 24px);
  }
}
.single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
  width: 100%;
}
@media (min-width: 1201px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}

.single-testimonial-white {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-4xl, 80px) 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .single-testimonial-white {
    padding: var(--spacing-4xl, 64px) 0;
  }
}
@media (max-width: 767px) {
  .single-testimonial-white {
    padding: var(--spacing-4xl, 60px) 0;
  }
}
.single-testimonial-white.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .single-testimonial-white.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .single-testimonial-white.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 991px) {
  .single-testimonial-wrapper .testimonial-card {
    padding: var(--spacing-xxl, 32px);
    width: 100%;
  }
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .single-testimonial-wrapper .testimonial-card {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-xl, 24px);
    width: 100%;
  }
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
.pull-quote-wrapper {
  max-width: 800px;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 1120px) {
  .pull-quote-wrapper {
    padding: var(--spacing-xxl, 112px) 0 var(--spacing-4xl, 80px) 0;
  }
}
.pull-quote-wrapper .pull-quote-card {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  opacity: 1;
  animation: none;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-large, 24px);
  padding: var(--spacing-4xl, 48px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl, 32px);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
}
@media (max-width: 767px) {
  .pull-quote-wrapper .pull-quote-card {
    padding: var(--spacing-xl, 24px);
  }
}
.pull-quote-wrapper .pull-quote-card .quote-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pull-quote-wrapper .pull-quote-card .quote-icon svg {
  width: 60px;
  height: 44px;
}
.pull-quote-wrapper .pull-quote-card .quote-content {
  font-family: var(--Font-Family-Heading, "Runda", sans-serif);
  font-size: var(--Font-Size-xl, 24px);
  line-height: var(--Line-Height-xl, 1.4);
  font-weight: 400;
  color: var(--Brand-Colors-Primary-Black, #1a1a1a);
}
.pull-quote-wrapper .pull-quote-card .quote-content p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
@media (max-width: 767px) {
  .pull-quote-wrapper .pull-quote-card .quote-content {
    font-size: var(--Font-Size-lg, 20px);
    line-height: var(--Line-Height-lg, 1.5);
  }
}
.pull-quote-wrapper .pull-quote-card .quote-author {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 16px);
  margin-top: var(--spacing-xl, 24px);
}
.pull-quote-wrapper .pull-quote-card .quote-author .author-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 4px);
}
.pull-quote-wrapper .pull-quote-card .quote-author .author-info .author-name {
  font-family: var(--Font-Family-Body, "Open Sans", sans-serif);
  font-size: var(--Font-Size-md, 16px);
  line-height: var(--Line-Height-md, 1.5);
  font-weight: 600;
  color: var(--Brand-Colors-Primary-Black, #1a1a1a);
}
.pull-quote-wrapper .pull-quote-card .quote-author .author-info .author-title {
  font-family: var(--Font-Family-Body, "Open Sans", sans-serif);
  font-size: var(--Font-Size-sm, 14px);
  line-height: var(--Line-Height-sm, 1.5);
  font-weight: 400;
  color: var(--Brand-Colors-Grays-Gray-600, #666666);
}

.pull-quote-section {
  background: linear-gradient(180deg, #F2FCFF 0%, #F9FEFF 100%);
  padding: var(--spacing-4xl, 80px) 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .pull-quote-section {
    padding: var(--spacing-4xl, 64px) 0;
  }
}
@media (max-width: 767px) {
  .pull-quote-section {
    padding: var(--spacing-4xl, 60px) 0;
  }
}
.pull-quote-section.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .pull-quote-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .pull-quote-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.pull-quote-white {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-4xl, 80px) 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .pull-quote-white {
    padding: var(--spacing-4xl, 64px) 0;
  }
}
@media (max-width: 767px) {
  .pull-quote-white {
    padding: var(--spacing-4xl, 60px) 0;
  }
}
.pull-quote-white.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .pull-quote-white.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .pull-quote-white.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 991px) {
  .pull-quote-wrapper .pull-quote-card {
    padding: var(--spacing-xxl, 32px);
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pull-quote-wrapper .pull-quote-card {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-xl, 24px);
    width: 100%;
  }
}
.hero-grid-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .hero-grid-wrapper {
    padding-top: var(--spacing-4xl, 64px);
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .hero-grid-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}

.hero-grid-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-xl, 24px);
  position: relative;
}
@media (max-width: 1199px) {
  .hero-grid-container {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}

.hero-grid-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  flex: 1;
  max-width: 843px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .hero-grid-content {
    max-width: none;
  }
}

.hero-grid-header {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-xl, 24px);
  flex: 1;
}
@media (max-width: 1199px) {
  .hero-grid-header {
    align-self: auto;
    flex: none;
  }
}

.hero-grid-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.hero-grid-description {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.hero-grid-main {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  width: 832px;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .hero-grid-main {
    width: 100%;
    flex-shrink: initial;
  }
}

.hero-grid-cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxl, 32px);
}
@media (max-width: 991px) {
  .hero-grid-cards {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .hero-grid-cards {
    flex-direction: column;
    gap: var(--spacing-lg, 20px);
  }
}

.contact-card {
  width: calc(50% - 16px);
  border: 1px solid var(--Brand-Colors-Light-Gray, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
@media (max-width: 767px) {
  .contact-card {
    width: 100%;
  }
}
.contact-card:hover .contact-card-button {
  text-decoration: none;
  transform: translateY(-1px);
}
.contact-card:hover .contact-card-button::after {
  height: 3px;
}
.contact-card:hover .contact-card-button .contact-card-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}

.contact-card-content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-2xs, 8px);
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .contact-card-content {
    padding: var(--spacing-xl, 24px) var(--spacing-lg, 20px);
  }
}

.contact-card-text {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-xs, 12px);
}

.contact-card-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.contact-card-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.contact-card-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.contact-card-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.contact-card-button .contact-card-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-card-button .contact-card-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.hero-grid-quote {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-20, 20px);
  padding: var(--spacing-xxl, 32px);
}
@media (max-width: 767px) {
  .hero-grid-quote {
    padding: var(--spacing-xl, 24px);
  }
}
.hero-grid-quote:hover .quote-button {
  text-decoration: none;
  transform: translateY(-1px);
}
.hero-grid-quote:hover .quote-button::after {
  height: 3px;
}
.hero-grid-quote:hover .quote-button .quote-button-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}

.quote-content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-lg, 20px);
}

.quote-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}

.quote-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.quote-text {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.quote-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.quote-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.quote-button .quote-button-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-button .quote-button-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.hero-grid-graphic {
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .hero-grid-graphic {
    display: none;
  }
}
.hero-grid-graphic svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 991px) {
  .hero-grid-main {
    gap: var(--spacing-xxl, 32px);
  }
  .hero-grid-header {
    gap: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .hero-grid-content {
    gap: var(--spacing-xxl, 32px);
  }
  .hero-grid-main {
    gap: var(--spacing-xl, 24px);
  }
  .hero-grid-header {
    gap: var(--spacing-md, 16px);
  }
}
.simple-grid-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .simple-grid-wrapper {
    padding-top: var(--spacing-4xl, 64px);
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .simple-grid-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}

.simple-grid-container {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}

.simple-grid-main-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.simple-grid-sidebar {
  background-color: #f4f9fa;
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px) 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  row-gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .simple-grid-sidebar {
    flex-direction: column;
    padding: var(--spacing-xl, 24px);
    column-gap: var(--spacing-lg, 20px);
    row-gap: 0px;
  }
}

.contact-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 16px);
  padding: 0 var(--spacing-3xl, 40px);
  padding-right: 20px;
  flex: 1;
  min-width: 40%;
  max-width: 50%;
  position: relative;
}
.contact-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e0e0e0;
}
.contact-item:nth-child(2)::after {
  display: none;
}
@media (max-width: 1439px) {
  .contact-item {
    padding: var(--spacing-lg, 20px) var(--spacing-xl, 24px);
  }
  .contact-item:nth-child(odd)::after {
    display: block;
  }
  .contact-item:nth-child(even)::after {
    display: none;
  }
  .contact-item:nth-child(-n+2) {
    padding-bottom: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .contact-item {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: var(--spacing-lg, 20px) 0;
    gap: var(--spacing-md, 16px);
  }
  .contact-item:not(:last-child)::after {
    display: none;
  }
  .contact-item:last-child {
    padding-bottom: 0;
  }
}

.contact-info {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-2xs, 8px);
}

.contact-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: var(--spacing-xs, 12px);
}

.contact-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.contact-icon svg {
  width: 100%;
  height: 100%;
  fill: var(--Brand-Colors-Primary-Black, #000000);
}

.contact-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.contact-description {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.contact-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  gap: 10px;
}

.contact-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.contact-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.contact-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.contact-button:hover::after {
  height: 3px;
}
.contact-button:hover .contact-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.contact-button .contact-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-button .contact-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}
.contact-button:has(span:only-child) .contact-arrow {
  display: none;
}

.other-contact-link .simple-grid-wrapper {
  padding-top: 0;
}

.hero-form-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: 112px;
  padding-bottom: 80px;
  width: 100%;
}
@media (max-width: 991px) {
  .hero-form-wrapper {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .hero-form-wrapper {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

.hero-form-main {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-6xl, 80px);
}
@media (max-width: 1199px) {
  .hero-form-main {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}

.hero-form-main-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  max-width: 855px;
}

.hero-form-main-right {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6xl, 80px);
  max-width: 453px;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .hero-form-main-right {
    max-width: none;
    width: 100%;
    margin: 0;
  }
}

.hero-form-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}

.hero-form-form-container {
  background-color: #eaeaea;
  border-radius: var(--border-radius-border-radius-sm, 8px);
  padding: var(--spacing-xxl, 32px);
  max-width: 652px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
@media (max-width: 767px) {
  .hero-form-form-container {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-xl, 24px);
  }
}

.hero-form-main-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.hero-form-description {
  margin: 0;
}

.hero-form-graphic {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .hero-form-graphic {
    display: none;
  }
}
.hero-form-graphic svg,
.hero-form-graphic img {
  width: 100%;
  height: auto;
  max-width: 376px;
}

.hero-form-title {
  color: var(--Heading-Color-1);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}

.hero-form-hubspot .grecaptcha-badge {
  visibility: hidden !important;
  height: 0 !important;
}
.hero-form-hubspot ul,
.hero-form-hubspot ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.hero-form-hubspot li {
  list-style-type: none;
}
.hero-form-hubspot .hs-form,
.hero-form-hubspot form[class^=hs-form] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
.hero-form-hubspot .hs-form fieldset,
.hero-form-hubspot form[class^=hs-form] fieldset {
  max-width: none;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
}
.hero-form-hubspot .hs-form .hs-form-field fieldset,
.hero-form-hubspot .hs-form .hs-fieldset,
.hero-form-hubspot .hs-form fieldset.form-columns-1,
.hero-form-hubspot .hs-form fieldset.form-columns-2,
.hero-form-hubspot form[class^=hs-form] .hs-form-field fieldset,
.hero-form-hubspot form[class^=hs-form] .hs-fieldset,
.hero-form-hubspot form[class^=hs-form] fieldset.form-columns-1,
.hero-form-hubspot form[class^=hs-form] fieldset.form-columns-2 {
  max-width: none;
  width: 100%;
}
.hero-form-hubspot .hs-form .hs-form-field,
.hero-form-hubspot form[class^=hs-form] .hs-form-field {
  margin-bottom: 0;
  width: 100%;
}
.hero-form-hubspot .hs-form .hs-form-field label,
.hero-form-hubspot form[class^=hs-form] .hs-form-field label {
  display: flex;
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-xs, 8px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
}
.hero-form-hubspot .hs-form .hs-form-field span,
.hero-form-hubspot form[class^=hs-form] .hs-form-field span {
  margin-left: 8px;
}
.hero-form-hubspot .hs-form .hs-form-field input[type=text],
.hero-form-hubspot .hs-form .hs-form-field input[type=email],
.hero-form-hubspot .hs-form .hs-form-field input[type=tel],
.hero-form-hubspot .hs-form .hs-form-field textarea,
.hero-form-hubspot .hs-form .hs-form-field select,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=text],
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=email],
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel],
.hero-form-hubspot form[class^=hs-form] .hs-form-field textarea,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select {
  width: 100%;
  padding: 8px;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  color: var(--Heading-Color-1, #262626);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  transition: border-color 0.3s ease;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  box-sizing: border-box;
  height: 44px;
}
.hero-form-hubspot .hs-form .hs-form-field input[type=text]:focus,
.hero-form-hubspot .hs-form .hs-form-field input[type=email]:focus,
.hero-form-hubspot .hs-form .hs-form-field input[type=tel]:focus,
.hero-form-hubspot .hs-form .hs-form-field textarea:focus,
.hero-form-hubspot .hs-form .hs-form-field select:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=text]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=email]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field textarea:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select:focus {
  outline: none;
  border-color: var(--Brand-Colors-Primary-Green, #20d340);
}
.hero-form-hubspot .hs-form .hs-form-field input[type=text]::placeholder,
.hero-form-hubspot .hs-form .hs-form-field input[type=email]::placeholder,
.hero-form-hubspot .hs-form .hs-form-field input[type=tel]::placeholder,
.hero-form-hubspot .hs-form .hs-form-field textarea::placeholder,
.hero-form-hubspot .hs-form .hs-form-field select::placeholder,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=text]::placeholder,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=email]::placeholder,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel]::placeholder,
.hero-form-hubspot form[class^=hs-form] .hs-form-field textarea::placeholder,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select::placeholder {
  color: var(--Brand-Colors-Neutrals-Gray-400, #5f5d5d);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
}
.hero-form-hubspot .hs-form .hs-form-field select,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%235F5D5D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px 7px;
  cursor: pointer;
}
.hero-form-hubspot .hs-form .hs-form-field select option:first-child,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select option:first-child {
  color: var(--Brand-Colors-Neutrals-Gray-400, #5f5d5d);
}
.hero-form-hubspot .hs-form .hs-form-field select option,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select option {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
}
.hero-form-hubspot .hs-form .hs-form-field textarea,
.hero-form-hubspot form[class^=hs-form] .hs-form-field textarea {
  min-height: 118px;
  height: auto;
  resize: vertical;
}
.hero-form-hubspot .hs-form .hs-form-field .hs-error-msgs,
.hero-form-hubspot form[class^=hs-form] .hs-form-field .hs-error-msgs {
  margin-top: var(--spacing-xs, 8px);
}
.hero-form-hubspot .hs-form .hs-form-field .hs-error-msgs label,
.hero-form-hubspot form[class^=hs-form] .hs-form-field .hs-error-msgs label {
  color: #dc3545;
  margin-bottom: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox ul, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox ul,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox ul,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox ul {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: center;
  gap: 8px !important;
  cursor: pointer;
  margin-bottom: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  color: var(--Heading-Color-1, #262626);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label span,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display span, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label span,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label span,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display span,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label span,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  color: var(--Heading-Color-1, #262626);
  margin-left: 0 !important;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox], .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border: 1px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  border-radius: 4px;
  margin: 0;
  margin-right: 8px !important;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10.56px;
  height: 8.09px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L3.5 7L9.5 1' stroke='%231F509A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover {
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  outline-offset: 2px;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox], .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border: 1px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  border-radius: 4px;
  margin: 0;
  margin-right: 8px !important;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked::after, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10.56px;
  height: 8.09px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L3.5 7L9.5 1' stroke='%231F509A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:hover, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:hover {
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:focus, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  outline-offset: 2px;
}
.hero-form-hubspot .hs-form .hs-form-field-group,
.hero-form-hubspot form[class^=hs-form] .hs-form-field-group {
  display: flex;
  gap: 12px;
}
.hero-form-hubspot .hs-form .hs-form-field-group .hs-form-field,
.hero-form-hubspot form[class^=hs-form] .hs-form-field-group .hs-form-field {
  flex: 1;
}
.hero-form-hubspot .hs-form .form-columns-1 .hs-form-field,
.hero-form-hubspot form[class^=hs-form] .form-columns-1 .hs-form-field {
  width: 100%;
}
.hero-form-hubspot .hs-form .form-columns-2,
.hero-form-hubspot form[class^=hs-form] .form-columns-2 {
  display: flex;
  gap: 12px;
}
.hero-form-hubspot .hs-form .form-columns-2 .hs-form-field,
.hero-form-hubspot form[class^=hs-form] .form-columns-2 .hs-form-field {
  flex: 1;
  width: calc(50% - 6px);
}
.hero-form-hubspot .hs-form .hs-submit,
.hero-form-hubspot form[class^=hs-form] .hs-submit {
  margin-top: var(--spacing-lg, 20px);
}
.hero-form-hubspot .hs-form .hs-submit input[type=submit],
.hero-form-hubspot form[class^=hs-form] .hs-submit input[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  background-color: #000000;
  border: 3px solid #000000;
  border-radius: 10px;
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.5em;
  color: var(--Brand-Colors-Primary-White, #ffffff);
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 588px;
}
.hero-form-hubspot .hs-form .hs-submit input[type=submit]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-submit input[type=submit]:hover {
  background-color: transparent;
  color: #000000;
}
.hero-form-hubspot .hs-form .hs-submit input[type=submit]:active,
.hero-form-hubspot form[class^=hs-form] .hs-submit input[type=submit]:active {
  transform: translateY(1px);
}
@media (max-width: 767px) {
  .hero-form-hubspot .hs-form .hs-submit input[type=submit],
  .hero-form-hubspot form[class^=hs-form] .hs-submit input[type=submit] {
    min-width: 100%;
    width: 100%;
  }
}

.hero-form-placeholder {
  padding: var(--spacing-xl, 24px);
  background-color: #f5f5f5;
  border-radius: var(--border-radius-border-radius-sm, 8px);
  text-align: center;
}
.hero-form-placeholder p {
  margin: 0;
  color: #666666;
}

.hero-form-sidebar {
  background-color: #f4f9fa;
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .hero-form-sidebar {
    padding: var(--spacing-xl, 24px);
  }
}

.hero-form-sidebar-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .hero-form-sidebar-container {
    gap: var(--spacing-3xl, 34px);
  }
}

.hero-form-sidebar-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 var(--spacing-3xl, 40px);
  position: relative;
}
@media (max-width: 767px) {
  .hero-form-sidebar-item {
    padding: 0;
    gap: var(--spacing-md, 16px);
  }
}

.hero-form-sidebar-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hero-form-sidebar-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.hero-form-sidebar-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
  color: #000000;
}

.hero-form-sidebar-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.hero-form-sidebar-description {
  margin: 0;
  margin-top: -4px;
}

.hero-form-sidebar-button {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 3px 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.hero-form-sidebar-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.hero-form-sidebar-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.hero-form-sidebar-button:hover::after {
  height: 3px;
}
.hero-form-sidebar-button:hover .hero-form-sidebar-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.hero-form-sidebar-button .hero-form-sidebar-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-form-sidebar-button .hero-form-sidebar-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.hero-text-sidebar-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: 112px;
  padding-bottom: 80px;
  width: 100%;
}
@media (max-width: 991px) {
  .hero-text-sidebar-wrapper {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .hero-text-sidebar-wrapper {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

.hero-text-sidebar-main {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-6xl, 80px);
}
@media (max-width: 1199px) {
  .hero-text-sidebar-main {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}

.hero-text-sidebar-main-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  max-width: 855px;
}

.supreme-element .hero-text-sidebar-main-left p {
  margin-top: 0px;
}
.supreme-element .hero-text-sidebar-content h3:not([class*=headline-]) + h4 {
  margin-top: var(--spacing-3xl, 24px);
}
.supreme-element .hero-text-sidebar-content h4:not([class*=headline-]) {
  margin-top: 40px;
}
.supreme-element .hero-text-sidebar-content h4:not([class*=headline-]) + p {
  margin-top: var(--spacing-md, 16px);
}

.hero-text-sidebar-main-right {
  max-width: 453px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .hero-text-sidebar-main-right {
    max-width: none;
    width: 100%;
    margin: 0;
  }
}

.hero-text-sidebar-graphic {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-text-sidebar-graphic img {
  width: 100%;
  height: auto;
  max-width: 377px;
  display: block;
}
.hero-text-sidebar-graphic svg {
  width: 100%;
  height: auto;
  max-width: 377px;
}
@media (max-width: 767px) {
  .hero-text-sidebar-graphic svg {
    width: 230px;
  }
}

.hero-text-sidebar-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}

.hero-text-sidebar-main-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.hero-text-sidebar-description {
  margin: 0;
}

.hero-text-sidebar-contact-info .hero-text-sidebar-contact-heading {
  color: var(--Heading-Color-1);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.hero-text-sidebar-contact-info p {
  margin: 0 0 var(--spacing-md, 16px) 0;
  color: var(--Paragraph-Color-1);
}
.hero-text-sidebar-contact-info p strong {
  font-weight: 700;
  color: var(--Heading-Color-1);
}

.hero-text-sidebar-content p {
  margin-bottom: var(--spacing-md, 16px);
  color: var(--Paragraph-Color-1);
}
.hero-text-sidebar-content p:last-child {
  margin-bottom: 0;
}
.hero-text-sidebar-content h3 {
  color: var(--Heading-Color-1);
  margin-top: var(--spacing-3xl, 40px);
  margin-bottom: var(--spacing-xl, 24px);
}
.hero-text-sidebar-content h3 strong {
  font-weight: inherit;
}
.hero-text-sidebar-content h4 {
  color: var(--Heading-Color-1);
  margin-top: var(--spacing-2xl, 32px);
  margin-bottom: var(--spacing-md, 16px);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Semibold, 600);
  line-height: var(--Line-Height-Line-height-f-size-sm, 28px);
}
.hero-text-sidebar-content h4 strong {
  font-weight: inherit;
}
.hero-text-sidebar-content hr {
  margin: var(--spacing-3xl, 40px) 0;
  border: none;
  height: 1px;
  background-color: #e0e0e0;
}
.hero-text-sidebar-content a {
  color: var(--Brand-Colors-Primary-Green, #20d340);
  text-decoration: none;
  transition: all 0.3s ease;
}
.hero-text-sidebar-content a:hover {
  text-decoration: underline;
}
.hero-text-sidebar-content em {
  font-style: italic;
  color: var(--Heading-Color-1);
  font-weight: 500;
}
.hero-text-sidebar-content strong {
  font-weight: 700;
  color: var(--Heading-Color-1);
}

.hero-text-sidebar-sidebar {
  background-color: #f4f9fa;
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .hero-text-sidebar-sidebar {
    padding: var(--spacing-xl, 24px);
  }
}

.hero-text-sidebar-sidebar-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .hero-text-sidebar-sidebar-container {
    gap: var(--spacing-3xl, 34px);
  }
}

.hero-text-sidebar-sidebar-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 var(--spacing-3xl, 40px);
  position: relative;
}
@media (max-width: 767px) {
  .hero-text-sidebar-sidebar-item {
    padding: 0;
    gap: var(--spacing-md, 16px);
  }
}

.hero-text-sidebar-sidebar-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hero-text-sidebar-sidebar-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.hero-text-sidebar-sidebar-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
  color: #000000;
}

.hero-text-sidebar-sidebar-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.hero-text-sidebar-sidebar-description {
  margin: 0;
  margin-top: -4px;
}

.hero-text-sidebar-sidebar-button {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 3px 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.hero-text-sidebar-sidebar-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.hero-text-sidebar-sidebar-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.hero-text-sidebar-sidebar-button:hover::after {
  height: 3px;
}
.hero-text-sidebar-sidebar-button:hover .hero-text-sidebar-sidebar-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.hero-text-sidebar-sidebar-button .hero-text-sidebar-sidebar-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-text-sidebar-sidebar-button .hero-text-sidebar-sidebar-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.simple-column-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-3xl, 40px);
  padding-bottom: var(--spacing-3xl, 40px);
  width: 100%;
}
@media (max-width: 991px) {
  .simple-column-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}
@media (max-width: 767px) {
  .simple-column-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}

.simple-column-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 991px) {
  .simple-column-content {
    gap: var(--spacing-2xl, 32px);
  }
}

.simple-column-heading {
  color: var(--Heading-Color-1);
  margin: 0 !important;
  text-align: left !important;
}

.simple-column-cards {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}

.simple-column-card {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px);
  position: relative;
  width: 100%;
}
.simple-column-card:after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.5px 1px 1px 0.5px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.simple-column-card:hover:after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}

.simple-column-card-image {
  width: fit-content;
}
.simple-column-card-image img {
  width: 250px;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .simple-column-card-image img {
    width: 150px;
  }
}

.simple-column-card-text {
  color: var(--Heading-Color-1);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
}

.simple-flex-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
}
@media (max-width: 1024px) {
  .simple-flex-wrapper {
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .simple-flex-wrapper {
    padding-bottom: var(--spacing-4xl, 60px);
  }
}

.simple-flex-container {
  padding: 0;
}

.simple-flex-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0 0 var(--spacing-3xl, 40px) 0;
}
@media (max-width: 767px) {
  .simple-flex-title {
    margin-bottom: var(--spacing-xxl, 32px);
  }
}

.simple-flex-main {
  width: 100%;
}

.simple-flex-cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
.simple-flex-cards.simple-flex-cards-1 .contact-card {
  width: 100%;
  max-width: 600px;
}
.simple-flex-cards.simple-flex-cards-1 .contact-card:first-child {
  width: 100%;
}
.simple-flex-cards.simple-flex-cards-2 .contact-card, .simple-flex-cards.simple-flex-cards-3 .contact-card, .simple-flex-cards.simple-flex-cards-4 .contact-card {
  width: auto;
}
.simple-flex-cards.simple-flex-cards-2 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-3 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-4 .contact-card:first-child {
  width: 37%;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .simple-flex-cards.simple-flex-cards-2 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-3 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-4 .contact-card:first-child {
    width: 100%;
  }
}
.simple-flex-cards.simple-flex-cards-2 .contact-card:not(:first-child), .simple-flex-cards.simple-flex-cards-3 .contact-card:not(:first-child), .simple-flex-cards.simple-flex-cards-4 .contact-card:not(:first-child) {
  flex: 1;
}
@media (max-width: 991px) {
  .simple-flex-cards {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .simple-flex-cards {
    flex-direction: column;
    gap: var(--spacing-lg, 20px);
  }
}
.simple-flex-cards .contact-card {
  border: 1px solid var(--Brand-Colors-Light-Gray, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.simple-flex-cards .contact-card:first-child {
  width: 37%;
  flex-shrink: 0;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-full, 20px);
  border: none;
}
@media (max-width: 991px) {
  .simple-flex-cards .contact-card:first-child {
    width: 100%;
  }
}
.simple-flex-cards .contact-card:not(:first-child) {
  flex: 1;
}
.simple-flex-cards .contact-card:hover .contact-card-button {
  text-decoration: none;
  transform: translateY(-1px);
}
.simple-flex-cards .contact-card:hover .contact-card-button::after {
  height: 3px;
}
.simple-flex-cards .contact-card:hover .contact-card-button .contact-card-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.simple-flex-cards .contact-card-content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-2xs, 8px);
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .simple-flex-cards .contact-card-content {
    padding: var(--spacing-xl, 24px) var(--spacing-lg, 20px);
  }
}
.simple-flex-cards .contact-card-text {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-xs, 12px);
}
.simple-flex-cards .contact-card-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.simple-flex-cards .contact-card-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.simple-flex-cards .contact-card-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.simple-flex-cards .contact-card-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.simple-flex-cards .contact-card-button .contact-card-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.simple-flex-cards .contact-card-button .contact-card-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.worldwide-distributors-tech .simple-flex-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-template-rows: auto auto;
}
.worldwide-distributors-tech .simple-flex-cards.simple-flex-cards-4 .contact-card {
  width: 100%;
}

.supreme-element.post-content-container {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  --block-spacing: 60px;
}
.supreme-element.post-content-container .post-content-container__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.supreme-element.post-content-container .post-content-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
.supreme-element.post-content-container .post-content-wrapper--narrow {
  max-width: 900px;
  margin: 0 auto;
}
.supreme-element.post-content-container .post-content-wrapper--full {
  max-width: 100%;
}
.supreme-element.post-content-container .content-block {
  width: 100%;
}
.supreme-element.post-content-container .content-block--first {
  margin-top: 0;
}
.supreme-element.post-content-container .content-block--last {
  margin-bottom: 0;
}
.supreme-element.post-content-container .content-block--paragraph {
  padding: 0;
}
.supreme-element.post-content-container .content-block table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--spacing-lg, 20px) 0;
}
.supreme-element.post-content-container .content-block table th,
.supreme-element.post-content-container .content-block table td {
  padding: var(--spacing-sm, 12px);
  text-align: left;
  border-bottom: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 16px);
}
.supreme-element.post-content-container .content-block table th {
  font-weight: var(--Font-Weight-Bold, 700);
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
}
.supreme-element.post-content-container .content-block hr {
  border: none;
  border-top: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  margin: var(--spacing-xxl, 32px) 0;
}
.supreme-element.post-content-container .content-block img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 16px auto 24px auto;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .content-block img.alignleft {
  float: left;
  margin: var(--spacing-md, 12px) var(--spacing-lg, 20px) var(--spacing-md, 12px) 0;
}
.supreme-element.post-content-container .content-block img.alignright {
  float: right;
  margin: var(--spacing-md, 12px) 0 var(--spacing-md, 12px) var(--spacing-lg, 20px);
}
.supreme-element.post-content-container .content-block img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.supreme-element.post-content-container .paragraph-block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  text-align: left;
}
.supreme-element.post-content-container .subparagraph-block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  text-align: left;
}
.supreme-element.post-content-container .post-image-block {
  width: 100%;
}
.supreme-element.post-content-container .post-image-block__figure {
  margin: 0;
  width: 100%;
}
.supreme-element.post-content-container .post-image-block__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .post-image-block__caption {
  margin-top: var(--spacing-xs, 8px);
  padding-left: var(--spacing-xs, 8px);
  border-left: 2px solid var(--Brand-Colors-Neutrals-Gray-300, #aaa);
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-align: left;
}
.supreme-element.post-content-container .post-testimonial-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}
.supreme-element.post-content-container .post-testimonial-block__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-content-container .post-testimonial-block__card {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 10px);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-testimonial-block__card {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-sm, 10px);
  }
}
.supreme-element.post-content-container .post-testimonial-block__icon {
  width: 60px;
  height: 44px;
}
.supreme-element.post-content-container .post-testimonial-block__icon svg {
  width: 100%;
  height: 100%;
}
.supreme-element.post-content-container .post-testimonial-block__content {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-content-container .post-testimonial-block__content p {
  margin: 0 0 var(--spacing-md, 16px) 0;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
}
.supreme-element.post-content-container .post-testimonial-block__content p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .post-testimonial-block__content > *:first-child {
  margin-top: 0;
}
.supreme-element.post-content-container .post-testimonial-block__content > *:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .post-testimonial-block__author {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-testimonial-block__author {
    gap: var(--spacing-sm, 12px);
  }
}
.supreme-element.post-content-container .post-testimonial-block__author-image {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
}
.supreme-element.post-content-container .post-testimonial-block__author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-testimonial-block__author-image {
    width: 50px;
    height: 50px;
  }
}
.supreme-element.post-content-container .post-testimonial-block__author-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  text-align: left;
}
.supreme-element.post-content-container .post-cta-block {
  width: 100%;
}
.supreme-element.post-content-container .post-cta-block__container {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.post-content-container .post-cta-block__container--with-image {
  justify-content: space-between;
}
.supreme-element.post-content-container .post-cta-block__container--no-image {
  justify-content: center;
  text-align: center;
}
.supreme-element.post-content-container .post-cta-block__container--no-image .post-cta-block__content {
  align-items: center;
  max-width: 600px;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-cta-block__container {
    flex-direction: column;
  }
  .supreme-element.post-content-container .post-cta-block__container--with-image {
    text-align: center;
  }
  .supreme-element.post-content-container .post-cta-block__container--with-image .post-cta-block__content {
    align-items: center;
  }
}
.supreme-element.post-content-container .post-cta-block__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  flex: 1;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-cta-block__content {
    width: 100%;
  }
}
.supreme-element.post-content-container .post-cta-block__heading {
  margin: 0;
}
.supreme-element.post-content-container .post-cta-block__text {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
}
.supreme-element.post-content-container .post-cta-block__text p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.post-content-container .post-cta-block__text p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .post-cta-block__text strong,
.supreme-element.post-content-container .post-cta-block__text b {
  font-weight: 700;
}
.supreme-element.post-content-container .post-cta-block__text em,
.supreme-element.post-content-container .post-cta-block__text i {
  font-style: italic;
}
.supreme-element.post-content-container .post-cta-block__text a {
  color: var(--text, #262626);
  text-decoration: underline;
}
.supreme-element.post-content-container .post-cta-block__text a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-cta-block__text {
    font-size: var(--Font-Size-f-size-base, 16px);
  }
}
.supreme-element.post-content-container .post-cta-block__buttons {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-cta-block__buttons {
    flex-direction: column;
    width: 100%;
  }
  .supreme-element.post-content-container .post-cta-block__buttons .post-cta-block__button {
    width: 100%;
    justify-content: center;
  }
}
.supreme-element.post-content-container .post-cta-block__image {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-cta-block__image {
    display: none;
  }
}
.supreme-element.post-content-container .post-cta-block__image img {
  width: 260px;
  height: auto;
  display: block;
}
.supreme-element.post-content-container .gradient-cta-block {
  display: flex;
  padding: 0 var(--spacing-xxl, 32px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  border-radius: var(--border-radius-border-radius-mid, 8px);
  background: linear-gradient(91deg, #19d368 11.47%, #00d1ed 92.63%);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .gradient-cta-block {
    padding: 0 var(--spacing-xl, 24px);
  }
}
.supreme-element.post-content-container .gradient-cta-block__content {
  width: 100%;
  max-width: 100%;
  padding: var(--spacing-3xl, 40px) 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xl, 24px);
  text-align: left;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .gradient-cta-block__content {
    padding: var(--spacing-xxl, 32px) 0;
    gap: var(--spacing-lg, 20px);
    align-items: center;
    text-align: center;
  }
}
.supreme-element.post-content-container .gradient-cta-block__heading {
  margin: 0;
}
.supreme-element.post-content-container .gradient-cta-block__text {
  margin: 0;
}
.supreme-element.post-content-container .gradient-cta-block__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .gradient-cta-block__buttons {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .supreme-element.post-content-container .gradient-cta-block__buttons .button-primary, .supreme-element.post-content-container .gradient-cta-block__buttons .oxy-button,
  .supreme-element.post-content-container .gradient-cta-block__buttons .ct-link-button, .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.product-search-results-wrapper .load-more-btn, .supreme-element.product-search-results-wrapper .supreme-element.post-content-container .gradient-cta-block__buttons .load-more-btn,
  .supreme-element.post-content-container .gradient-cta-block__buttons #search-results-container .load-more-btn,
  #search-results-container .supreme-element.post-content-container .gradient-cta-block__buttons .load-more-btn, .supreme-element.post-content-container .gradient-cta-block__buttons .synthego-press-grid__load-more, .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.guide-hero .hero-button, .supreme-element.guide-hero .supreme-element.post-content-container .gradient-cta-block__buttons .hero-button, .supreme-element.post-content-container .gradient-cta-block__buttons .contact-experts__button, .supreme-element.post-content-container .gradient-cta-block__buttons .synthego-load-more, .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.synthego-hero .btn-primary, .supreme-element.synthego-hero .supreme-element.post-content-container .gradient-cta-block__buttons .btn-primary, .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.title-text-button-hero .hero-button, .supreme-element.title-text-button-hero .supreme-element.post-content-container .gradient-cta-block__buttons .hero-button, .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.fifty-fifty-hero .supreme-element.post-content-container .gradient-cta-block__buttons .hero-button, .supreme-element.post-content-container .gradient-cta-block__buttons .subscribe-cta .subscribe-button, .subscribe-cta .supreme-element.post-content-container .gradient-cta-block__buttons .subscribe-button, .supreme-element.post-content-container .gradient-cta-block__buttons .resources-section .resources-footer .resources-load-more, .resources-section .resources-footer .supreme-element.post-content-container .gradient-cta-block__buttons .resources-load-more,
  .supreme-element.post-content-container .gradient-cta-block__buttons .button-secondary,
  .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.title-text-button-hero .hero-button-secondary,
  .supreme-element.title-text-button-hero .supreme-element.post-content-container .gradient-cta-block__buttons .hero-button-secondary,
  .supreme-element.post-content-container .gradient-cta-block__buttons .cta-button {
    width: 100%;
    justify-content: center;
  }
}
.supreme-element.post-content-container .text-block {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-content-container .text-block h1,
.supreme-element.post-content-container .text-block h2,
.supreme-element.post-content-container .text-block h3,
.supreme-element.post-content-container .text-block h4,
.supreme-element.post-content-container .text-block h5,
.supreme-element.post-content-container .text-block h6 {
  margin-top: var(--spacing-3xl, 40px);
  margin-bottom: var(--spacing-xl, 24px);
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, "Runda");
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.2;
}
.supreme-element.post-content-container .text-block h1 {
  font-size: var(--Font-Size-f-size-6xl, 4.5rem);
}
.supreme-element.post-content-container .text-block h2 {
  font-size: var(--Font-Size-f-size-5xl, 3.75rem);
}
.supreme-element.post-content-container .text-block h3 {
  font-size: var(--Font-Size-f-size-4xl, 3rem);
}
.supreme-element.post-content-container .text-block h4 {
  font-size: var(--Font-Size-f-size-3xl, 2.25rem);
}
.supreme-element.post-content-container .text-block h5 {
  font-size: var(--Font-Size-f-size-2xl, 1.875rem);
}
.supreme-element.post-content-container .text-block h6 {
  font-size: var(--Font-Size-f-size-xl, 1.5rem);
}
.supreme-element.post-content-container .text-block p {
  margin-bottom: var(--Paragraph-Spacing-paragraph-spacing, 15px);
}
.supreme-element.post-content-container .text-block p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .text-block ul,
.supreme-element.post-content-container .text-block ol {
  margin: var(--spacing-lg, 20px) 0;
  padding-left: var(--spacing-xl, 30px);
}
.supreme-element.post-content-container .text-block li {
  margin-bottom: var(--spacing-sm, 10px);
}
.supreme-element.post-content-container .text-block a {
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
}
.supreme-element.post-content-container .text-block blockquote {
  margin: var(--spacing-xl, 30px) 0;
  padding-left: var(--spacing-xl, 30px);
  border-left: 4px solid var(--Brand-Colors-Primary-Green, #59ed9f);
  font-style: italic;
}
.supreme-element.post-content-container .image-block {
  text-align: center;
}
.supreme-element.post-content-container .image-block__img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .image-block__caption {
  margin-top: var(--spacing-md, 16px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 14px);
  color: var(--Base-Colors-Gray, #707070);
  font-style: italic;
}
.supreme-element.post-content-container .quote-block {
  margin: var(--spacing-3xl, 40px) 0;
  padding: var(--spacing-xl, 30px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-left: 4px solid var(--Brand-Colors-Primary-Green, #59ed9f);
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .quote-block__text {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xl, 24px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: 1.4;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.supreme-element.post-content-container .quote-block__author {
  display: block;
  margin-top: var(--spacing-md, 16px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Base-Colors-Gray, #707070);
  font-style: normal;
}
.supreme-element.post-content-container .quote-block__author:before {
  content: "— ";
}
.supreme-element.post-content-container .video-block {
  position: relative;
  margin: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-content-container .video-block iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .code-block {
  margin: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-content-container .code-block pre {
  background-color: var(--Base-Colors-Nero, #1e1e1e);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-xl, 30px);
  border-radius: var(--border-radius-border-radius-md, 8px);
  overflow-x: auto;
  font-family: var(--Font-Family-Tertiary, "roboto-mono");
  font-size: var(--Font-Size-f-size-sm, 14px);
  line-height: 1.6;
}
.supreme-element.post-content-container .code-block code {
  font-family: inherit;
  font-size: inherit;
  background: none;
  padding: 0;
}
.supreme-element.post-content-container .gallery-block {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-lg, 20px);
  margin: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-content-container .gallery-block__item {
  overflow: hidden;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .gallery-block__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .gallery-block {
    grid-template-columns: 1fr;
  }
}
.supreme-element.post-content-container .cta-block {
  margin: var(--spacing-3xl, 40px) 0;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-content-container .cta-block__title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-3xl, 2.25rem);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.2;
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.post-content-container .cta-block__text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.supreme-element.post-content-container .cta-block__button {
  display: inline-block;
  padding: 12px 24px;
  background-color: var(--Brand-Colors-Primary-Green, #59ed9f);
  color: var(--Brand-Colors-Primary-Black, #000000);
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-base, 16px);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: none;
  border-radius: var(--border-radius-border-radius-full, 100px);
  transition: all 0.3s ease;
}
.supreme-element.post-content-container .cta-block__button:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .content-block--wysiwyg {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-content-container .content-block--wysiwyg h1,
.supreme-element.post-content-container .content-block--wysiwyg h2,
.supreme-element.post-content-container .content-block--wysiwyg h3,
.supreme-element.post-content-container .content-block--wysiwyg h4,
.supreme-element.post-content-container .content-block--wysiwyg h5,
.supreme-element.post-content-container .content-block--wysiwyg h6 {
  margin-top: var(--spacing-3xl, 40px);
  margin-bottom: var(--spacing-xl, 24px);
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-content-container .content-block--wysiwyg p {
  margin-bottom: var(--Paragraph-Spacing-paragraph-spacing, 15px);
}
.supreme-element.post-content-container .content-block--wysiwyg p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .content-block--wysiwyg img {
  max-width: 100%;
  height: auto;
  margin: var(--spacing-xl, 30px) 0;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .debug-info {
  font-family: var(--Font-Family-Tertiary, "roboto-mono");
  font-size: var(--Font-Size-f-size-xs, 12px);
  line-height: 1.4;
}
.supreme-element.post-content-container .debug-info h4 {
  margin: 0 0 10px 0;
  font-size: var(--Font-Size-f-size-sm, 14px);
}
.supreme-element.post-content-container .debug-info pre {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.supreme-element.post-content-container .post-meta-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-xxl, 32px) 0;
  border-top: 1px solid var(--Base-Colors-Gainsboro-Light, #e0e0e0);
  border-bottom: 1px solid var(--Base-Colors-Gainsboro-Light, #e0e0e0);
  margin-top: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-meta-data {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md, 16px);
    padding: var(--spacing-xl, 24px) 0;
  }
}
.supreme-element.post-content-container .post-meta-data__filed-in {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.supreme-element.post-content-container .post-meta-data__label {
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-transform: uppercase;
  color: var(--text, #262626);
}
.supreme-element.post-content-container .post-meta-data__categories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs, 8px);
}
.supreme-element.post-content-container .post-meta-data__category-tag {
  display: inline-block;
  padding: 2px 12px;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: 20px;
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.3188476563;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000000);
  transition: all 0.3s ease;
}
.supreme-element.post-content-container .post-meta-data__category-tag:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.post-content-container .post-meta-data__date {
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-transform: uppercase;
  color: var(--text, #262626);
}
.supreme-element.post-content-container .post-author {
  width: 100%;
  display: flex;
  gap: var(--spacing-xl, 24px);
  align-items: center;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  margin-top: var(--spacing-3xl, 40px);
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-author {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-author {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-content-container .post-author__avatar {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-author__avatar {
    margin: 0 auto;
  }
}
.supreme-element.post-content-container .post-author__avatar-image {
  width: 172px;
  height: 172px;
  border-radius: 50%;
  border: 3px solid transparent;
  background: linear-gradient(var(--Brand-Colors-Primary-Black, #000000), var(--Brand-Colors-Primary-Black, #000000)) padding-box, linear-gradient(180deg, #20d340 0%, #00d1ed 100%) border-box;
  object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-author__avatar-image {
    width: 120px;
    height: 120px;
  }
}
.supreme-element.post-content-container .post-author__wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.supreme-element.post-content-container .post-author__label {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-author__name {
  margin: 0;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-author__bio {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-author__bio * {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-author__bio p {
  margin: 0;
  color: inherit;
}
.supreme-element.post-content-container .post-author__bio p:not(:last-child) {
  margin-bottom: var(--spacing-md, 16px);
}
.supreme-element.post-content-container .post-author__bio a {
  color: var(--Brand-Colors-Primary-Green, #59ed9f);
  text-decoration: underline;
}
.supreme-element.post-content-container .post-author__bio a:hover {
  text-decoration: none;
}
.supreme-element.post-content-container .contact-experts {
  width: 100%;
  margin-top: var(--spacing-3xl, 40px);
}
.supreme-element.post-content-container .contact-experts__container {
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: var(--border-radius-border-radius-md, 8px);
  overflow: hidden;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .contact-experts__container {
    flex-direction: column;
    align-items: stretch;
  }
}
.supreme-element.post-content-container .contact-experts__image-wrapper {
  flex: 0 0 20%;
  position: relative;
  aspect-ratio: 299/224;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .contact-experts__image-wrapper {
    flex: 0 0 auto;
    width: 100%;
    aspect-ratio: 299/224;
  }
}
.supreme-element.post-content-container .contact-experts__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.supreme-element.post-content-container .contact-experts__content {
  flex: 1;
  padding: var(--spacing-xxl, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  justify-content: center;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .contact-experts__content {
    padding: var(--spacing-xl, 24px);
  }
}
.supreme-element.post-content-container .contact-experts__title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-content-container .contact-experts__text {
  margin: 0;
  color: var(--text, #262626);
}
.supreme-element.post-content-container .contact-experts__cta {
  margin-top: var(--spacing-sm, 8px);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .contact-experts__button {
    width: 100%;
    justify-content: center;
  }
}
.supreme-element.post-content-container .toc-block {
  padding-bottom: var(--spacing-3xl, 40px) 0;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 12px;
  margin: 0;
  max-width: 100%;
}
.supreme-element.post-content-container .toc-block__title {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  letter-spacing: 0.05em;
  margin: 0 0 var(--spacing-xl, 24px) 0;
  text-transform: capitalize;
}
.supreme-element.post-content-container .toc-block__nav {
  width: 100%;
  display: flex;
  gap: var(--spacing-xl, 24px);
}
.supreme-element.post-content-container .toc-block__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px) var(--spacing-3xl, 40px);
}
@media (max-width: 768px) {
  .supreme-element.post-content-container .toc-block__list {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm, 12px);
  }
}
.supreme-element.post-content-container .toc-block__item {
  margin: 0;
}
.supreme-element.post-content-container .toc-block__item--h4 {
  padding-left: var(--spacing-xl, 24px);
}
.supreme-element.post-content-container .toc-block__link {
  color: var(--text, #1a1a1a);
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 12px);
  font-size: 15px;
  line-height: 1.6;
  transition: color 0.2s ease;
}
.supreme-element.post-content-container .toc-block__link:hover .toc-block__number {
  color: var(--link, #f94f01);
}
.supreme-element.post-content-container .toc-block__link:hover .toc-block__text {
  color: var(--link, #f94f01);
}
.supreme-element.post-content-container .toc-block__number {
  color: #999999;
  font-size: 13px;
  font-weight: 500;
  flex-shrink: 0;
  margin-top: 1px;
  transition: color 0.3s ease;
}
.supreme-element.post-content-container .toc-block__text {
  flex: 1;
  font-weight: 500;
  transition: color 0.3s ease;
}
.supreme-element.post-content-container .toc-block__empty {
  color: #666666;
  font-style: italic;
}
@media (max-width: 768px) {
  .supreme-element.post-content-container .toc-block {
    padding: var(--spacing-xl, 24px) 0;
  }
}
.supreme-element.post-content-container .embed-block {
  width: 100%;
  margin: var(--spacing-2xl, 32px) 0;
}
.supreme-element.post-content-container .embed-block__wrapper {
  width: 100%;
}
.supreme-element.post-content-container .embed-block__wrapper iframe {
  max-width: 100%;
}
.supreme-element.post-content-container .embed-block__caption {
  margin-top: var(--spacing-md, 16px);
  font-size: 14px;
  color: #666666;
  text-align: center;
}
.supreme-element.post-content-container .pull-quote-block {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-xl, 24px);
  padding: var(--spacing-2xl, 32px);
  background-color: transparent;
}
.supreme-element.post-content-container .pull-quote-block__icon {
  width: 60px;
  height: 44px;
  flex-shrink: 0;
}
.supreme-element.post-content-container .pull-quote-block__icon svg {
  width: 100%;
  height: 100%;
}
.supreme-element.post-content-container .pull-quote-block__figure {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
  margin: 0;
  padding: 0;
}
.supreme-element.post-content-container .pull-quote-block__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-lg, 20px);
  width: 100%;
}
@media (max-width: 768px) {
  .supreme-element.post-content-container .pull-quote-block__content {
    flex-direction: column;
  }
}
.supreme-element.post-content-container .pull-quote-block__text {
  margin: 0;
  flex: 1;
  quotes: none;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
}
.supreme-element.post-content-container .pull-quote-block__text::before, .supreme-element.post-content-container .pull-quote-block__text::after {
  content: none;
}
.supreme-element.post-content-container .pull-quote-block__name {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
@media (max-width: 768px) {
  .supreme-element.post-content-container .pull-quote-block {
    padding: var(--spacing-xl, 24px);
  }
  .supreme-element.post-content-container .pull-quote-block__text {
    font-size: 16px;
  }
}

body .supreme-element.post-content-container .pull-quote-block {
  padding: 0;
}

.supreme-element.post-content-container .pull-quote-block__text {
  margin: 0;
  flex: 1;
  quotes: none;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
}
.supreme-element.post-content-container .pull-quote-block__name {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}

/* Post Sidebar CTA Component */
.supreme-element.post-sidebar-cta {
  position: relative;
  width: 100%;
}
@media (min-width: 1120px) {
  .supreme-element.post-sidebar-cta {
    position: sticky;
    top: 100px;
    padding-right: 10px;
    z-index: 10;
  }
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
  padding-right: var(--spacing-3xl, 40px);
}
@media (min-width: 1440px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: 0;
  }
}
@media (max-width: 1441px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: var(--spacing-xl, 24px);
    padding-left: var(--spacing-xl, 24px);
    margin-top: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: var(--spacing-lg, 20px);
    padding-left: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__inner {
  background-color: #eaeaea;
  border-radius: 20px;
  padding: var(--spacing-xxl, 32px);
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  text-align: center;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__heading {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__heading {
    font-size: 24px;
  }
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__description {
    font-size: 14px;
  }
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__image {
  width: 100%;
  max-width: 200px;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__container {
    gap: 16px;
  }
}
.ct-sidebar .supreme-element.post-sidebar-cta {
  margin-bottom: var(--spacing-xl, 30px);
}

/* Prodcut Sidebar CTA Component */
.supreme-element.product-sidebar-cta {
  position: absolute;
  top: 130px;
  right: 0;
  width: 100%;
  height: calc(100% - 200px);
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 992px) {
  .supreme-element.product-sidebar-cta {
    position: relative;
    top: 0;
  }
}
@media (min-width: 992px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta-main {
    position: sticky;
    top: 100px;
    padding-right: 10px;
    z-index: 10;
  }
}
@media (max-width: 992px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta-main {
    position: relative;
  }
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__inner {
  background-color: #eaeaea;
  border-radius: 20px;
  padding: var(--spacing-xxl, 32px);
  max-width: 35%;
  margin-left: auto;
}
@media (max-width: 992px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta__inner {
    width: 100%;
    max-width: 100%;
    margin-left: unset;
  }
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  pointer-events: all;
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  text-align: center;
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__heading {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta__heading {
    font-size: 24px;
  }
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta__description {
    font-size: 14px;
  }
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__image {
  width: 100%;
  max-width: 200px;
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta__container {
    gap: 16px;
  }
}
.ct-sidebar .supreme-element.product-sidebar-cta {
  margin-bottom: var(--spacing-xl, 30px);
}

/* Content Spacing Component */
.supreme-element.content-spacing {
  position: relative;
  width: 100%;
}
.supreme-element.content-spacing--xxxs {
  height: var(--spacing-xxxs, 0.125rem);
}
.supreme-element.content-spacing--xxs {
  height: var(--spacing-xxs, 0.25rem);
}
.supreme-element.content-spacing--xs {
  height: var(--spacing-xs, 0.5rem);
}
.supreme-element.content-spacing--sm {
  height: var(--spacing-sm, 0.75rem);
}
.supreme-element.content-spacing--md {
  height: var(--spacing-md, 1rem);
}
.supreme-element.content-spacing--lg {
  height: var(--spacing-lg, 1.25rem);
}
.supreme-element.content-spacing--xl {
  height: var(--spacing-xl, 1.5rem);
}
.supreme-element.content-spacing--xxl {
  height: var(--spacing-xxl, 2rem);
}
.supreme-element.content-spacing--3xl {
  height: var(--spacing-3xl, 2.5rem);
}
.supreme-element.content-spacing--4xl {
  height: var(--spacing-4xl, 5rem);
}
.supreme-element.content-spacing--5xl {
  height: var(--spacing-5xl, 7rem);
}
.supreme-element.content-spacing--7xl {
  height: var(--spacing-7xl, 10rem);
}
@media (max-width: 767px) {
  .supreme-element.content-spacing--4xl {
    height: var(--spacing-4xl, 3.75rem);
  }
  .supreme-element.content-spacing--5xl {
    height: var(--spacing-5xl, 5rem);
  }
}

/* Post Paragraph Component */
.supreme-element.post-paragraph {
  position: relative;
  width: 100%;
  padding: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-paragraph .post-paragraph__container {
  max-width: 816px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.post-paragraph .post-paragraph__heading {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-4xl, 48px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-4xl, 1.2);
  color: var(--Brand-Colors-Primary-Black, #000000);
  margin: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-paragraph .post-paragraph__heading {
    font-size: var(--Font-Size-f-size-3xl, 36px);
    line-height: var(--Line-Height-Line-height-f-size-3xl, 1.3);
  }
}
@media (max-width: 767px) {
  .supreme-element.post-paragraph .post-paragraph__heading {
    font-size: var(--Font-Size-f-size-2xl, 30px);
    line-height: var(--Line-Height-Line-height-f-size-2xl, 1.3);
  }
}
.supreme-element.post-paragraph .post-paragraph__content p {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-md, 1.6);
  color: #4b5563;
}
.supreme-element.post-paragraph .post-paragraph__content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-paragraph .post-paragraph__content p {
    font-size: var(--Font-Size-f-size-base, 18px);
    line-height: var(--Line-Height-Line-height-f-size-base, 1.6);
  }
}
.supreme-element.post-paragraph .post-paragraph__content strong,
.supreme-element.post-paragraph .post-paragraph__content b {
  font-weight: var(--Font-Weight-Bold, 700);
}
.supreme-element.post-paragraph .post-paragraph__content em,
.supreme-element.post-paragraph .post-paragraph__content i {
  font-style: italic;
}
.supreme-element.post-paragraph .post-paragraph__content a {
  color: var(--Brand-Colors-Primary-Green, #59ed9f);
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.supreme-element.post-paragraph .post-paragraph__content a:hover {
  opacity: 0.8;
}
.supreme-element.post-paragraph--align-left .post-paragraph__container {
  text-align: left;
}
.supreme-element.post-paragraph--align-center .post-paragraph__container {
  text-align: center;
}
.supreme-element.post-paragraph--align-right .post-paragraph__container {
  text-align: right;
}
@media (max-width: 991px) {
  .supreme-element.post-paragraph {
    padding: var(--spacing-xxl, 32px) 0;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-paragraph {
    padding: var(--spacing-xl, 24px) 0;
  }
  .supreme-element.post-paragraph .post-paragraph__container {
    gap: var(--spacing-md, 16px);
  }
}

/* Post Subparagraph Component */
.supreme-element.post-subparagraph {
  position: relative;
  width: 100%;
}
.supreme-element.post-subparagraph .post-subparagraph__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  max-width: 816px;
  margin: 0 auto;
}
.post-subparagraph--align-left .supreme-element.post-subparagraph .post-subparagraph__container {
  text-align: left;
  align-items: flex-start;
}
.post-subparagraph--align-center .supreme-element.post-subparagraph .post-subparagraph__container {
  text-align: center;
  align-items: center;
}
.post-subparagraph--align-right .supreme-element.post-subparagraph .post-subparagraph__container {
  text-align: right;
  align-items: flex-end;
}

/* Post Image Component */
.supreme-element.post-image {
  position: relative;
  width: 100%;
  z-index: 2;
}
.supreme-element.post-image .post-image__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md, 16px);
}
.supreme-element.post-image .post-image__heading {
  margin: 0;
  margin-bottom: 0px;
  color: var(--Heading-Color-1, #262626);
  width: 100%;
  text-align: left;
}
.supreme-element.post-image .post-image__figure {
  margin: 0;
  width: 100%;
  max-width: 1400px;
}
.post-image--size-small .supreme-element.post-image .post-image__figure {
  max-width: 600px;
}
.post-image--size-medium .supreme-element.post-image .post-image__figure {
  max-width: 900px;
}
.post-image--size-large .supreme-element.post-image .post-image__figure {
  max-width: 1200px;
}
.post-image--size-full .supreme-element.post-image .post-image__figure {
  max-width: 100%;
}
.supreme-element.post-image .post-image__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
  margin: 0 auto;
}
.supreme-element.post-image .post-image__caption {
  margin-top: var(--spacing-lg, 24px);
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-align: left;
  border-left: 4px solid var(--Brand-Colors-Neutrals-Gray-300, #aaa);
  padding-left: 8px;
}
.supreme-element.post-image .post-image__placeholder {
  width: 100%;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-image .post-image__placeholder p {
  margin: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Base-Colors-Gray, #707070);
}

/* Post Testimonial Component */
.supreme-element.post-testimonial {
  position: relative;
  width: 100%;
}
.supreme-element.post-testimonial .post-testimonial__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  max-width: 900px;
  margin: 0 auto;
}
.post-testimonial--align-left .supreme-element.post-testimonial .post-testimonial__container {
  align-items: flex-start;
  text-align: left;
}
.post-testimonial--align-center .supreme-element.post-testimonial .post-testimonial__container {
  align-items: center;
  text-align: center;
}
.post-testimonial--align-right .supreme-element.post-testimonial .post-testimonial__container {
  align-items: flex-end;
  text-align: right;
}
.supreme-element.post-testimonial .post-testimonial__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-testimonial .post-testimonial__card {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
  width: 100%;
}
@media (max-width: 767px) {
  .supreme-element.post-testimonial .post-testimonial__card {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-testimonial.post-testimonial--bg-white .post-testimonial__card {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-left: 1px solid var(--Brand-Colors-Light-Gray, #E0E0E0);
  border-radius: 0;
}
.supreme-element.post-testimonial.post-testimonial--bg-grayish_cyan .post-testimonial__card {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-element.post-testimonial .post-testimonial__icon {
  width: 60px;
  height: 44px;
}
.supreme-element.post-testimonial .post-testimonial__icon svg {
  width: 100%;
  height: 100%;
}
.supreme-element.post-testimonial .post-testimonial__content {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-testimonial .post-testimonial__content p {
  margin: 0 0 var(--spacing-md, 16px) 0;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
}
.supreme-element.post-testimonial .post-testimonial__content p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-testimonial .post-testimonial__content > *:first-child {
  margin-top: 0;
}
.supreme-element.post-testimonial .post-testimonial__content > *:last-child {
  margin-bottom: 0;
}
.supreme-element.post-testimonial .post-testimonial__author {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
}
@media (max-width: 767px) {
  .supreme-element.post-testimonial .post-testimonial__author {
    gap: var(--spacing-sm, 12px);
  }
}
.supreme-element.post-testimonial .post-testimonial__author-image {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
}
.supreme-element.post-testimonial .post-testimonial__author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-testimonial .post-testimonial__author-image {
    width: 50px;
    height: 50px;
  }
}
.supreme-element.post-testimonial .post-testimonial__author-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  text-align: left;
}
.supreme-element.post-testimonial .post-testimonial__author-name {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xs);
}
.supreme-element.post-testimonial .post-testimonial__author-title {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxxs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxxs, 20px); /* 166.667% */
  text-transform: uppercase;
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-image {
  position: relative;
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-image::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: linear-gradient(135deg, #20D340 0%, #00D1ED 100%);
  border-radius: 50%;
  z-index: -1;
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-image img {
  position: relative;
  z-index: 1;
  border: 4px solid var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-name {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
}
.supreme-element.post-testimonial .post-testimonial__placeholder {
  width: 100%;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-testimonial .post-testimonial__placeholder p {
  margin: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Base-Colors-Gray, #707070);
}
.supreme-element.post-testimonial.post-testimonial--bg-white .post-testimonial__placeholder {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-testimonial.post-testimonial--bg-grayish_cyan .post-testimonial__placeholder {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-element.post-testimonial.post-testimonial--bg-grayish_cyan .post-testimonial__author-title {
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xs);
}
.supreme-element.post-testimonial.post-testimonial--bg-white .post-testimonial__content p {
  line-height: var(--Line-Height-Line-height-f-size-md);
  font-size: var(--Font-Size-f-size-md);
  font-weight: 500;
}

/* Post CTA Component */
.supreme-element.post-cta {
  position: relative;
  width: 100%;
}
.supreme-element.post-cta .post-cta__container {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.supreme-element.post-cta .post-cta__container--with-image {
  justify-content: space-between;
  align-items: flex-start;
}
.supreme-element.post-cta .post-cta__container--no-image {
  justify-content: center;
  text-align: center;
}
.supreme-element.post-cta .post-cta__container--no-image .post-cta__content {
  align-items: center;
  max-width: 600px;
}
@media (max-width: 991px) {
  .supreme-element.post-cta .post-cta__container {
    flex-direction: column;
  }
  .supreme-element.post-cta .post-cta__container--with-image {
    text-align: center;
  }
  .supreme-element.post-cta .post-cta__container--with-image .post-cta__content {
    align-items: center;
  }
}
.supreme-element.post-cta .post-cta__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  flex: 1;
}
@media (max-width: 991px) {
  .supreme-element.post-cta .post-cta__content {
    width: 100%;
  }
}
.supreme-element.post-cta .post-cta__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-cta .post-cta__text {
  color: var(--text, #262626);
}
.supreme-element.post-cta .post-cta__text p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.post-cta .post-cta__text p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-cta .post-cta__text strong,
.supreme-element.post-cta .post-cta__text b {
  font-weight: 700;
}
.supreme-element.post-cta .post-cta__text em,
.supreme-element.post-cta .post-cta__text i {
  font-style: italic;
}
.supreme-element.post-cta .post-cta__text a {
  color: var(--text, #262626);
  text-decoration: underline;
}
.supreme-element.post-cta .post-cta__text a:hover {
  text-decoration: none;
}
.supreme-element.post-cta .post-cta__buttons {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__buttons {
    flex-direction: column;
    width: 100%;
  }
  .supreme-element.post-cta .post-cta__buttons .post-cta__button {
    width: 100%;
    justify-content: center;
  }
}
.supreme-element.post-cta .post-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  font-family: var(--Font-Family-Primary, "Runda");
  text-decoration: none;
  border-radius: 10px;
  position: relative;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.post-cta .post-cta__button--primary {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: none;
}
.supreme-element.post-cta .post-cta__button--primary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Black, #000000);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.supreme-element.post-cta .post-cta__button--primary::before {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: 7px;
  z-index: -1;
  transition: all 0.3s ease;
}
.supreme-element.post-cta .post-cta__button--primary:hover {
  background-color: transparent;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.supreme-element.post-cta .post-cta__button--primary:hover::before {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-cta .post-cta__button--primary:hover::after {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  z-index: 1;
}
.supreme-element.post-cta .post-cta__button--primary:hover .post-cta__button-icon {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.post-cta .post-cta__button--secondary {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  border: none;
}
.supreme-element.post-cta .post-cta__button--secondary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.supreme-element.post-cta .post-cta__button--secondary::before {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 7px;
  z-index: -1;
  transition: all 0.3s ease;
}
.supreme-element.post-cta .post-cta__button--secondary:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.supreme-element.post-cta .post-cta__button--secondary:hover::before {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__button {
    padding: var(--spacing-xs, 10px) var(--spacing-xl, 24px);
  }
}
.supreme-element.post-cta .post-cta__button-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__button-icon {
    width: 20px;
    height: 20px;
  }
}
.supreme-element.post-cta .post-cta__image {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-cta .post-cta__image {
    display: none;
  }
}
.supreme-element.post-cta .post-cta__image img {
  width: 143px;
  height: auto;
  display: block;
}
.supreme-element.post-cta .post-cta__placeholder {
  width: 100%;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-cta .post-cta__placeholder p {
  margin: 0;
  color: var(--Base-Colors-Gray, #707070);
}

/* Post Contact CTA Component */
.supreme-element.post-contact-cta .contact-experts {
  width: 100%;
  margin-top: var(--spacing-3xl, 40px);
}
.supreme-element.post-contact-cta .contact-experts--standard {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--spacing-md, 16px);
}
.supreme-element.post-contact-cta .contact-experts--narrow {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--spacing-md, 16px);
}
.supreme-element.post-contact-cta .contact-experts--full {
  max-width: 100%;
  padding: 0 var(--spacing-md, 16px);
}
.supreme-element.post-contact-cta .contact-experts__container {
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: var(--border-radius-border-radius-md, 8px);
  overflow: hidden;
}
@media (max-width: 767px) {
  .supreme-element.post-contact-cta .contact-experts__container {
    flex-direction: column;
    align-items: stretch;
  }
}
.supreme-element.post-contact-cta .contact-experts__image-wrapper {
  flex: 0 0 50%;
  max-width: 50%;
  height: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .supreme-element.post-contact-cta .contact-experts__image-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    height: 240px;
  }
}
.supreme-element.post-contact-cta .contact-experts__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.supreme-element.post-contact-cta .contact-experts__content {
  flex: 1;
  padding: var(--spacing-4xl, 48px);
  background: linear-gradient(252deg, var(--Brand-Colors-Primary-Adenine-Green) -2.88%, var(--Brand-Colors-Primary-Cytosine-Blue) 18.59%, #18d36b 44.56%, #01abf9 66.03%, #10d297 84.51%, #aebbfa 100.99%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 360px;
}
@media (max-width: 767px) {
  .supreme-element.post-contact-cta .contact-experts__content {
    padding: var(--spacing-2xl, 32px) var(--spacing-lg, 20px);
    min-height: auto;
  }
}
.supreme-element.post-contact-cta .contact-experts__title {
  color: var(--Brand-Colors-Primary-White, #ffffff);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.post-contact-cta .contact-experts__text {
  color: var(--Brand-Colors-Primary-White, #ffffff);
  margin: 0 0 var(--spacing-xl, 24px) 0;
  max-width: 500px;
}
.supreme-element.post-contact-cta .contact-experts__cta {
  display: inline-block;
}
.supreme-element.post-contact-cta .contact-experts__button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.supreme-element.post-contact-cta .contact-experts__button span {
  display: inline-block;
}
.supreme-element.post-contact-cta .contact-experts__button:hover {
  text-decoration: none;
}

/* Block Full Width Text Component */
.supreme-element.block-full-width-text {
  position: relative;
  width: 100%;
  z-index: 2;
}
.supreme-element.block-full-width-text .block-full-width-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.supreme-element.block-full-width-text .anchor-target {
  position: absolute;
  top: -100px;
  visibility: hidden;
  height: 0;
  width: 0;
}
.supreme-element.block-full-width-text .anchor-target#overview {
  top: -150px;
}
.supreme-element.block-full-width-text .block-full-width-text-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
.supreme-element.block-full-width-text .text-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.supreme-element.block-full-width-text .text-section.sub-section .section-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
}
.supreme-element.block-full-width-text .section-eyebrow {
  font-family: "Roboto Mono", monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.319em;
  text-transform: uppercase;
  color: #707070;
  letter-spacing: 0.05em;
  margin: 0 0 -4px 0;
}
.supreme-element.block-full-width-text .section-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.block-full-width-text .section-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.block-full-width-text .section-text p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.supreme-element.block-full-width-text .section-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.block-full-width-text .section-text ul,
.supreme-element.block-full-width-text .section-text ol {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
  padding-left: 1.5em;
}
.supreme-element.block-full-width-text .section-text ul:last-child,
.supreme-element.block-full-width-text .section-text ol:last-child {
  margin-bottom: 0;
}
.supreme-element.block-full-width-text .section-text ul li,
.supreme-element.block-full-width-text .section-text ol li {
  margin-bottom: 0.5em;
}
.supreme-element.block-full-width-text .section-text ul li:last-child,
.supreme-element.block-full-width-text .section-text ol li:last-child {
  margin-bottom: 0;
}
.supreme-element.block-full-width-text .section-text td {
  vertical-align: top;
}
.supreme-element.block-full-width-text .section-text a {
  width: fit-content;
  display: inline;
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
  transition: color 0.3s ease-in-out;
}
.supreme-element.block-full-width-text .section-text a:hover {
  color: var(--link, #f94f01);
}
.supreme-element.block-full-width-text .section-text a.headline-lg, .supreme-element.block-full-width-text .section-text a.oxy-heading[data-tag=h4],
.supreme-element.block-full-width-text .section-text a.ct-headline[data-tag=h4], .supreme-element.block-full-width-text .section-text a.product-heading, .supreme-element.block-full-width-text .section-text .supreme-element.about-section .about-inner-container a.section-subtitle, .supreme-element.about-section .about-inner-container .supreme-element.block-full-width-text .section-text a.section-subtitle, .supreme-element.block-full-width-text .section-text .supreme-element.popular-products a.product-title-small, .supreme-element.popular-products .supreme-element.block-full-width-text .section-text a.product-title-small, .supreme-element.block-full-width-text .section-text a.blog-card-title {
  font-weight: var(--Font-Weight-Medium, 500);
  margin-bottom: var(--spacing-xs);
  display: block;
}

.support-section h3.headline-lg, .support-section h3.oxy-heading[data-tag=h4],
.support-section h3.ct-headline[data-tag=h4], .support-section h3.product-heading, .support-section .supreme-element.about-section .about-inner-container h3.section-subtitle, .supreme-element.about-section .about-inner-container .support-section h3.section-subtitle, .support-section .supreme-element.popular-products h3.product-title-small, .supreme-element.popular-products .support-section h3.product-title-small, .support-section h3.blog-card-title, .support-section .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap h3, .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap .support-section h3, .support-section .hero-text-sidebar-content h3, .hero-text-sidebar-content .support-section h3 {
  margin-top: 0px;
  margin-bottom: var(--spacing-xs);
}

.benefit-table.block-full-width-text .section-text td {
  padding: 4px;
  border-bottom: 1px solid #d1d1d1;
}

/* Block Fifty Fifty Component */
.supreme-element.block-fifty-fifty {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-xxl, 32px);
  align-items: stretch;
  overflow: visible;
}
@media (max-width: 991px) {
  .supreme-element.block-fifty-fifty .block-fifty-fifty-container {
    grid-template-columns: 1fr !important;
    gap: var(--spacing-3xl, 40px);
  }
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-content {
  order: 2;
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-image {
  order: 1;
}
@media (max-width: 991px) {
  .supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-content {
    order: 1;
  }
  .supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-image {
    order: 2;
  }
}
.supreme-element.block-fifty-fifty .block-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  padding: 0;
}
.supreme-element.block-fifty-fifty .block-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.block-fifty-fifty .block-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.block-fifty-fifty .block-text p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.supreme-element.block-fifty-fifty .block-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.block-fifty-fifty .block-text a {
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
}
.supreme-element.block-fifty-fifty .block-text a:hover {
  color: var(--link, #f94f01);
  transition: color 0.3s ease-in-out;
}
.supreme-element.block-fifty-fifty .block-image {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: auto;
}
@media (max-width: 991px) {
  .supreme-element.block-fifty-fifty .block-image {
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  .supreme-element.block-fifty-fifty .block-image {
    min-height: 250px;
  }
}
.supreme-element.block-fifty-fifty .block-image .image-figure {
  width: 100%;
  height: auto;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.supreme-element.block-fifty-fifty .block-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.block-fifty-fifty .block-image .image-caption {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  position: relative;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571428571em;
  color: #262626;
  text-align: left;
  margin: 0;
}
.supreme-element.block-fifty-fifty .block-image .image-caption::before {
  content: "";
  width: 2px;
  background-color: #aaaaaa;
  align-self: stretch;
  flex-shrink: 0;
}
.supreme-element.block-fifty-fifty .block-image .image-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #e5e5e5);
  border-radius: var(--border-radius-border-radius-md, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.block-fifty-fifty .block-image .image-placeholder .placeholder-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  text-align: center;
}

.oxy-supreme-elements-block-fifty-fifty-images {
  margin-top: var(--spacing-3xl, 40px);
}

.block-section.supreme-element.block-fifty-fifty .block-fifty-fifty-container {
  display: flex;
  flex-direction: column-reverse;
}

.block-column.supreme-element.block-fifty-fifty .block-fifty-fifty-container {
  display: flex;
  flex-direction: column;
}

.supreme-element.block-fifty-fifty .block-fifty-fifty-container {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 767px) {
  .block-section.supreme-element.block-fifty-fifty .block-fifty-fifty-container {
    flex-direction: column;
  }
}
/* Post Driver Component */
.supreme-element.post-driver {
  position: relative;
  width: 100%;
}
.supreme-element.post-driver .post-driver-wrapper {
  padding: var(--spacing-4xl, 80px) 20px;
  width: 100%;
}
@media (min-width: 1440px) {
  .supreme-element.post-driver .post-driver-wrapper {
    padding: var(--spacing-4xl, 80px) 64px;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-driver .post-driver-wrapper {
    padding: var(--spacing-3xl, 40px) 12px;
  }
}
.supreme-element.post-driver .post-driver-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}
.supreme-element.post-driver .post-driver-heading {
  margin: 0;
  text-align: left;
}
.supreme-element.post-driver .post-driver-link {
  text-decoration: none;
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.supreme-element.post-driver .post-driver-link:hover .post-driver-card {
  transform: translateY(-2px);
}
.supreme-element.post-driver .post-driver-card {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Gray-200);
  border-radius: 20px;
  overflow: visible;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1px;
  position: relative;
  width: 100%;
  max-width: 998.67px;
}
@media (max-width: 991px) {
  .supreme-element.post-driver .post-driver-card {
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
  }
}
.supreme-element.post-driver .post-thumbnail {
  width: 411.67px;
  height: 332.08px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  border-radius: 20px 0 0 20px;
}
.supreme-element.post-driver .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.supreme-element.post-driver .post-thumbnail.placeholder {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #E5E5E5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.post-driver .post-thumbnail.placeholder span {
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
}
@media (max-width: 991px) {
  .supreme-element.post-driver .post-thumbnail {
    width: 100%;
    height: 250px;
    border-radius: 20px 20px 0 0;
  }
}
.supreme-element.post-driver .post-content {
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  justify-content: center;
  flex: 1;
}
@media (max-width: 991px) {
  .supreme-element.post-driver .post-content {
    width: 100%;
  }
}
.supreme-element.post-driver .post-category {
  position: absolute;
  top: 24px;
  left: 23px;
  display: inline-block;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  padding: 2px 12px;
  border: 1px solid var(--Brand-Colors-Light-Gray, #D1D1D1);
  border-radius: 20px;
  z-index: 1;
}
.supreme-element.post-driver .post-title {
  margin: 0;
}
.supreme-element.post-driver .post-excerpt {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.supreme-element.post-driver .post-button {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  position: relative;
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  padding: 5px 0;
  transition: all 0.3s ease;
  cursor: pointer;
  width: auto;
}
@media (max-width: 767px) {
  .supreme-element.post-driver .post-button {
    font-size: 18px;
    line-height: 26px;
  }
}
.supreme-element.post-driver .post-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
}
.supreme-element.post-driver .post-button .button-arrow {
  width: 0;
  height: 24px;
  margin-left: 0;
  opacity: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
.supreme-element.post-driver .post-button .button-arrow svg {
  width: 24px;
  height: 100%;
}
.supreme-element.post-driver .post-button .button-arrow svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.post-driver .post-button:hover {
  text-decoration: none;
}
.supreme-element.post-driver .post-button:hover::after {
  height: 3px;
}
.supreme-element.post-driver .post-button:hover .button-arrow {
  width: 24px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.supreme-element.post-driver .post-driver-placeholder {
  padding: var(--spacing-4xl, 80px) var(--spacing-xl, 24px);
  text-align: center;
  background-color: var(--Brand-Colors-Neutral-Background-Color-2, #F4F9FA);
  border-radius: 8px;
}
.supreme-element.post-driver .post-driver-placeholder p {
  margin: 0;
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
}

/* Block Table Component */
.supreme-element.block-table {
  position: relative;
  width: 100%;
}
.supreme-element.block-table .block-table__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}
.supreme-element.block-table .block-table__title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.block-table .block-table__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.block-table .block-table__description p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.block-table .block-table__description p:last-child {
  margin-bottom: 0;
}
.supreme-element.block-table .block-table__wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__wrapper {
    position: relative;
  }
  .supreme-element.block-table .block-table__wrapper::before, .supreme-element.block-table .block-table__wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .supreme-element.block-table .block-table__wrapper::before {
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
  }
  .supreme-element.block-table .block-table__wrapper::after {
    right: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
  }
  .supreme-element.block-table .block-table__wrapper.is-scrollable-left::before {
    opacity: 1;
  }
  .supreme-element.block-table .block-table__wrapper.is-scrollable-right::after {
    opacity: 1;
  }
}
.supreme-element.block-table .block-table__table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  min-width: 800px;
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__table {
    min-width: 700px;
  }
}
@media (max-width: 991px) {
  .supreme-element.block-table .block-table__table {
    min-width: 600px;
  }
}
.supreme-element.block-table .block-table__header-row {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
.block-table--header-light .supreme-element.block-table .block-table__header-row {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-element.block-table .block-table__header {
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  text-align: left;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-bottom: 1px solid var(--Base-Colors-Silver, #e0e0e0);
}
.block-table--header-light .supreme-element.block-table .block-table__header {
  color: var(--text, #262626);
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__header {
    font-size: var(--Font-Size-f-size-base, 16px);
    padding: var(--spacing-xs, 8px);
  }
}
.supreme-element.block-table .block-table__table--more-than-2-cols .block-table__header:first-child,
.supreme-element.block-table .block-table__table--more-than-2-cols .block-table__cell:first-child {
  width: 160px;
}
.supreme-element.block-table .block-table__table--more-than-2-cols .block-table__header:not(:first-child),
.supreme-element.block-table .block-table__table--more-than-2-cols .block-table__cell:not(:first-child) {
  width: auto;
}
.supreme-element.block-table .block-table__table--2-cols .block-table__header,
.supreme-element.block-table .block-table__table--2-cols .block-table__cell {
  width: auto;
}
.supreme-element.block-table .block-table__row {
  border-bottom: 1px solid var(--Base-Colors-Silver, #e0e0e0);
  transition: background-color 0.2s ease;
}
.supreme-element.block-table .block-table__row:hover {
  background-color: rgba(244, 249, 250, 0.5);
}
.block-table--striped .supreme-element.block-table .block-table__row--alt {
  background-color: rgba(244, 249, 250, 0.5);
}
.block-table--striped .supreme-element.block-table .block-table__row--alt:hover {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-element.block-table .block-table__row--empty:hover {
  background-color: transparent;
}
.supreme-element.block-table .block-table__cell {
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
  vertical-align: top;
}
.supreme-element.block-table .block-table__cell--empty {
  text-align: center;
  padding: var(--spacing-3xl, 40px) var(--spacing-xl, 24px);
}
.supreme-element.block-table .block-table__cell--empty p {
  margin: 0;
  color: var(--Base-Colors-Gray, #707070);
  font-style: italic;
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__cell {
    font-size: var(--Font-Size-f-size-base, 16px);
    padding: var(--spacing-xs, 8px);
  }
}
@media (max-width: 991px) {
  .supreme-element.block-table .block-table__cell {
    font-size: var(--Font-Size-f-size-xxs, 14px);
    line-height: 1.4;
  }
}
@media (max-width: 991px) {
  .supreme-element.block-table .block-table__container {
    gap: var(--spacing-sm, 12px);
  }
}
.supreme-element.block-table table .block-table__row--alt {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #F4F9FA);
}
.supreme-element.block-table table .block-table__row,
.supreme-element.block-table table .block-table__row:hover {
  background-color: var(--Brand-Colors-Primary-White);
}

/* Custom Driver Component */
.supreme-element.custom-driver {
  width: 100%;
}

.custom-driver-wrapper {
  width: 100%;
}

.custom-driver-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  max-width: 1000px;
  margin: 0 auto;
}

.custom-driver-link {
  text-decoration: none;
  color: inherit;
  display: block;
}
.custom-driver-link:hover, .custom-driver-link:focus {
  text-decoration: none;
  color: inherit;
}

.custom-driver-card {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  overflow: hidden;
  position: relative;
}
.custom-driver-card.custom-driver-card--horizontal {
  display: flex;
  align-items: stretch;
  min-height: 280px;
  height: 100%;
}
.custom-driver-card.custom-driver-card--horizontal .custom-driver-image {
  flex-shrink: 0;
  width: 290px;
  height: auto;
}
.custom-driver-card.custom-driver-card--horizontal .custom-driver-content {
  flex: 1;
  padding: var(--spacing-xxl, 32px);
  gap: var(--spacing-md, 16px);
}
.custom-driver-card.custom-driver-card--horizontal.custom-driver-card--image-right {
  flex-direction: row-reverse;
}
.custom-driver-card.custom-driver-card--vertical {
  display: flex;
  flex-direction: column;
}
.custom-driver-card.custom-driver-card--vertical .custom-driver-image {
  width: 100%;
  height: 300px;
}
.custom-driver-card.custom-driver-card--vertical .custom-driver-content {
  padding: var(--spacing-xxl, 32px);
}

.custom-driver-image {
  position: relative;
  overflow: hidden;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.custom-driver-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.custom-driver-image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.custom-driver-image-placeholder span {
  color: var(--Base-Colors-Gray, #707070);
  font-style: italic;
}

.custom-driver-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}

.custom-driver-title {
  margin: 0;
  color: var(--text, #262626);
}

.custom-driver-description {
  margin: 0;
  color: var(--text, #262626);
}

.custom-driver-arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.custom-driver-arrow svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 1199px) {
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-image {
    width: 250px;
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-content {
    padding: var(--spacing-xl, 24px);
  }
}
@media (max-width: 991px) {
  .custom-driver-container {
    gap: var(--spacing-sm, 12px);
  }
  .custom-driver-card.custom-driver-card--horizontal {
    flex-direction: column;
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-image {
    width: 100%;
    height: 200px;
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-content {
    padding: var(--spacing-lg, 20px);
  }
  .custom-driver-card.custom-driver-card--horizontal.custom-driver-card--image-right {
    flex-direction: column;
  }
  .custom-driver-card.custom-driver-card--vertical .custom-driver-image {
    height: 200px;
  }
  .custom-driver-card.custom-driver-card--vertical .custom-driver-content {
    padding: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .custom-driver-card {
    border-radius: var(--border-radius-border-radius-md, 12px);
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-content, .custom-driver-card.custom-driver-card--vertical .custom-driver-content {
    padding: var(--spacing-md, 16px);
  }
}
.supreme-element .custom-driver-description.paragraph-small, .supreme-element.popular-products .custom-driver-description.product-description, .supreme-element .custom-driver-description.blog-card-excerpt, .supreme-element .blog-card-empty .custom-driver-description.blog-card-empty-text, .blog-card-empty .supreme-element .custom-driver-description.blog-card-empty-text, .supreme-element .resources-section .resources-header .resources-filter-row .resources-tabs-mobile .custom-driver-description.resources-dropdown, .resources-section .resources-header .resources-filter-row .resources-tabs-mobile .supreme-element .custom-driver-description.resources-dropdown, .supreme-element .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap p.custom-driver-description, .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap .supreme-element p.custom-driver-description {
  font-size: var(--Font-Size-Paragraph-f-size);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}

.custom-driver-button {
  position: relative;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  width: fit-content;
  margin: 0 !important;
  transition: 0.3s ease-in-out;
}
.custom-driver-button::after {
  position: absolute;
  content: "";
  height: 2px;
  background: #20D340;
  width: 100%;
  left: 0;
  bottom: -2px;
  transition: 0.3s ease-in-out;
}

.custom-driver-card:hover .custom-driver-button::after {
  height: 3px;
  transition: 0.3s ease-in-out;
}

.custom-driver-card.custom-driver-card--horizontal {
  min-height: 280px;
  height: 100%;
}

.case-study-sec .custom-driver-content {
  justify-content: center;
}
.case-study-sec .custom-driver-image {
  width: 411px;
}
.case-study-sec p.custom-driver-description {
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: 700;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  position: relative;
}
.case-study-sec p.custom-driver-description::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 211px;
  height: 2px;
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
}
.case-study-sec p.custom-driver-description:hover::after {
  height: 3px;
}

.syn-experts-sec h3.custom-driver-title {
  font-size: 28px;
}

@media (max-width: 991px) {
  .case-study-sec .custom-driver-image {
    width: 100%;
  }
}
/* Block References Component */
.supreme-element.block-references {
  width: 100%;
}

.block-references__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  max-width: 1000px;
  margin: 0 auto;
}

.block-references__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.block-references__content {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  line-height: var(--Line-Height-Line-height-f-size-base, 26px);
}
.block-references__content ol, .block-references__content ul {
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-xl, 24px);
}
.block-references__content ol:last-child, .block-references__content ul:last-child {
  margin-bottom: 0;
}
.block-references__content ol li, .block-references__content ul li {
  padding-left: var(--spacing-xs, 8px);
}
.block-references__content ol li:last-child, .block-references__content ul li:last-child {
  margin-bottom: 0;
}
.block-references__content ol li {
  font-size: var(--Font-Size-f-size-xs, 16px);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
}
.block-references__content p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.block-references__content p:last-child {
  margin-bottom: 0;
}
.block-references__content a {
  color: var(--Brand-Colors-Link-Color, #0066cc);
  text-decoration: underline;
}
.block-references__content a:hover {
  text-decoration: none;
}
.block-references__content blockquote {
  margin: var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-lg, 20px);
  border-left: 3px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  font-style: italic;
}

.block-references__empty {
  padding: var(--spacing-xxl, 32px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
  color: var(--Base-Colors-Gray, #707070);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  margin: 0;
}

@media (max-width: 991px) {
  .block-references__container {
    gap: var(--spacing-sm, 12px);
  }
  .block-references__content ol, .block-references__content ul {
    padding-left: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .block-references__content ol, .block-references__content ul {
    padding-left: var(--spacing-md, 16px);
  }
  .block-references__content ol li, .block-references__content ul li {
    padding-left: var(--spacing-xxs, 4px);
  }
  .block-references__content blockquote {
    padding-left: var(--spacing-md, 16px);
  }
}
.chapters-section {
  width: 100%;
}
.chapters-section.has-chapters {
  padding-top: var(--spacing-3xl, 40px);
  padding-bottom: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
}
.chapters-section:not(.has-chapters) {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  background: none !important;
}
.chapters-section .chapters-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}
.chapters-section .chapters-grid.chapters-grid-2 .chapter-card {
  width: calc(50% - 6px);
  max-width: 834px;
}
.chapters-section .chapters-grid.chapters-grid-3 .chapter-card {
  width: calc(33.333% - 8px);
  max-width: 552px;
}
.chapters-section .chapters-grid.chapters-grid-4 .chapter-card {
  width: calc(25% - 9px);
  max-width: 411px;
}
.chapters-section .chapter-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 8px;
  padding: 12px;
  min-height: 106px;
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  overflow: visible;
}
.chapters-section .chapter-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 8px;
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.chapters-section .chapter-card > * {
  position: relative;
  z-index: 2;
}
.chapters-section .chapter-card:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.chapters-section .chapter-card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.chapters-section .chapter-card:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Color, #007cba);
  outline-offset: 2px;
}
.chapters-section .chapter-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
}
.chapters-section .chapter-number {
  color: var(--text, #262626);
}
.chapters-section .chapter-title {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  font-weight: var(--Font-Weight-Semibold, 600);
  line-height: var(--Line-Height-Line-height-body-small, 22px);
  color: var(--text, #262626);
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1200px) {
  .chapters-section .chapters-grid.chapters-grid-4 .chapter-card {
    width: calc(33.333% - 8px);
  }
}
@media (max-width: 768px) {
  .chapters-section.has-chapters {
    padding-top: var(--spacing-2xl, 32px);
    padding-bottom: var(--spacing-2xl, 32px);
  }
  .chapters-section .chapters-grid {
    gap: 10px;
  }
  .chapters-section .chapters-grid.chapters-grid-2 .chapter-card, .chapters-section .chapters-grid.chapters-grid-3 .chapter-card, .chapters-section .chapters-grid.chapters-grid-4 .chapter-card {
    width: calc(50% - 5px);
    max-width: none;
  }
  .chapters-section .chapter-card {
    min-height: 90px;
  }
}
@media (max-width: 480px) {
  .chapters-section .chapters-grid.chapters-grid-2 .chapter-card, .chapters-section .chapters-grid.chapters-grid-3 .chapter-card, .chapters-section .chapters-grid.chapters-grid-4 .chapter-card {
    width: 100%;
  }
}

.chapter-card.chapter-empty {
  background: var(--Brand-Colors-Neutral-Background-Color-3, #f5f5f5);
  cursor: default;
}
.chapter-card.chapter-empty:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
.chapter-card.chapter-empty .chapter-content {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.chapter-card.chapter-empty .chapter-empty-text {
  color: var(--Brand-Colors-Neutral-Text-Color-2, #999999);
  font-style: italic;
}

/* Guide Hero Component */
.supreme-element.guide-hero {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-2, #f4f9fa);
  overflow-x: hidden;
}
.supreme-element.guide-hero .guide-hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-lxl, 20px);
}
@media (max-width: 991px) {
  .supreme-element.guide-hero .guide-hero-wrapper {
    padding-top: var(--spacing-4xl, 80px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.guide-hero .guide-hero-wrapper {
    padding-bottom: var(--spacing-5xl, 80px);
  }
}
.supreme-element.guide-hero .guide-hero-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: var(--spacing-3xl, 40px);
  align-items: flex-start;
}
.supreme-element.guide-hero .guide-hero-container.reverse-layout {
  flex-direction: row-reverse;
}
.supreme-element.guide-hero .hero-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}
@media (max-width: 767px) {
  .supreme-element.guide-hero .hero-content {
    text-align: left;
    align-items: flex-start;
  }
}
.supreme-element.guide-hero .hero-eyebrow {
  text-transform: uppercase;
  margin: 0;
}
.supreme-element.guide-hero .hero-title {
  margin: 0;
}
.supreme-element.guide-hero .hero-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.guide-hero .hero-text p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.supreme-element.guide-hero .hero-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.guide-hero .hero-text h1,
.supreme-element.guide-hero .hero-text h2,
.supreme-element.guide-hero .hero-text h3,
.supreme-element.guide-hero .hero-text h4,
.supreme-element.guide-hero .hero-text h5,
.supreme-element.guide-hero .hero-text h6 {
  margin-top: var(--spacing-lg, 16px);
  margin-bottom: var(--spacing-md, 8px);
}
.supreme-element.guide-hero .hero-text h1:first-child,
.supreme-element.guide-hero .hero-text h2:first-child,
.supreme-element.guide-hero .hero-text h3:first-child,
.supreme-element.guide-hero .hero-text h4:first-child,
.supreme-element.guide-hero .hero-text h5:first-child,
.supreme-element.guide-hero .hero-text h6:first-child {
  margin-top: 0;
}
.supreme-element.guide-hero .hero-text ul,
.supreme-element.guide-hero .hero-text ol {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
  padding-left: var(--spacing-lg, 24px);
}
.supreme-element.guide-hero .hero-text ul:last-child,
.supreme-element.guide-hero .hero-text ol:last-child {
  margin-bottom: 0;
}
.supreme-element.guide-hero .hero-text li {
  margin-bottom: var(--spacing-xs, 4px);
}
.supreme-element.guide-hero .hero-text li:last-child {
  margin-bottom: 0;
}
.supreme-element.guide-hero .hero-text blockquote {
  margin: var(--spacing-lg, 16px) 0;
  padding-left: var(--spacing-lg, 16px);
  border-left: 3px solid var(--Brand-Colors-Primary-Color, #0066cc);
  font-style: italic;
}
.supreme-element.guide-hero .hero-text a {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.supreme-element.guide-hero .hero-text img {
  max-width: 100%;
  height: auto;
  margin: var(--spacing-md, 8px) 0;
}
.supreme-element.guide-hero .hero-text table {
  width: 100%;
  margin: var(--spacing-lg, 16px) 0;
  border-collapse: collapse;
}
.supreme-element.guide-hero .hero-text table th,
.supreme-element.guide-hero .hero-text table td {
  padding: var(--spacing-sm, 8px);
  border: 1px solid var(--Brand-Colors-Neutral-Border-Color, #e5e5e5);
}
.supreme-element.guide-hero .hero-text table th {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #f5f5f5);
  font-weight: var(--Font-Weight-Bold, 700);
}
.supreme-element.guide-hero .hero-text pre {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #f5f5f5);
  padding: var(--spacing-md, 12px);
  border-radius: var(--border-radius-border-radius-sm, 4px);
  overflow-x: auto;
  margin: var(--spacing-lg, 16px) 0;
}
.supreme-element.guide-hero .hero-text code {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #f5f5f5);
  padding: 2px 4px;
  border-radius: var(--border-radius-border-radius-sm, 4px);
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
}
.supreme-element.guide-hero .hero-button {
  align-self: flex-start;
  margin-top: var(--spacing-md, 8px);
}
.supreme-element.guide-hero .hero-button:hover {
  box-shadow: none;
}
@media (max-width: 767px) {
  .supreme-element.guide-hero .hero-button {
    align-self: flex-start;
  }
}
.supreme-element.guide-hero .hero-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40%;
}
@media (max-width: 767px) {
  .supreme-element.guide-hero .hero-image {
    width: 100%;
  }
}
.supreme-element.guide-hero .hero-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.guide-hero .hero-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #e5e5e5);
  border-radius: var(--border-radius-border-radius-md, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.guide-hero .hero-placeholder .placeholder-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  text-align: center;
}

.resource-sec {
  overflow: hidden;
  transition: all 0.3s ease;
}
.resource-sec .blog-card-image {
  background-size: cover;
}
.resource-sec .blog-card-image:hover {
  transform: scale(1.08);
}

@media (max-width: 767px) {
  .supreme-element.guide-hero .guide-hero-wrapper {
    padding-bottom: 0px;
  }
  .supreme-element.guide-hero .guide-hero-wrapper .guide-hero-container {
    width: 100%;
    flex-direction: column-reverse;
  }
  .supreme-element.guide-hero .guide-hero-container.supreme-global-container {
    width: 100%;
    flex-direction: column-reverse;
  }
  .guide-hero .hero-content p {
    font-size: var(--Font-Size-f-size-xxs);
  }
}
.supreme-element.guide-hero .guide-hero-wrapper {
  padding-bottom: var(--spacing-lg, 24px);
}

@media (max-width: 991px) {
  .supreme-element.guide-hero .guide-hero-container {
    flex-direction: row;
    gap: var(--spacing-xl, 40px);
  }
}
@media (max-width: 768px) {
  .supreme-element.guide-hero .hero-text {
    font-size: var(--Font-Size-Paragraph-f-size, 14px);
  }
}
.oxy-guide-hero.supreme-element.guide-hero .guide-hero-wrapper {
  padding-bottom: var(--spacing-4xl, 80px);
}

.guide-content-section {
  width: 100%;
}
.guide-content-section .guide-content-wrapper.guide-content-bg-gradient {
  background: linear-gradient(180deg, #F4F9FA 0%, #FFFFFF 100%);
}
.guide-content-section .guide-content-container {
  width: 100%;
  margin: 0 auto;
}
.guide-content-section .guide-content-inner {
  width: 100%;
  margin: 0 auto;
}
.guide-content-section .guide-content-inner h2:not([class*=headline-]) + p {
  margin-top: 0px;
}
.guide-content-section .guide-content-width-narrow .guide-content-inner {
  max-width: 800px;
}
.guide-content-section .guide-content-width-medium .guide-content-inner {
  max-width: 1000px;
}
.guide-content-section .guide-content-width-wide .guide-content-inner {
  max-width: 1200px;
}
.guide-content-section .guide-content-width-full .guide-content-inner {
  max-width: 100%;
}
.guide-content-section .guide-content-align-left .wysiwyg-content {
  text-align: left;
}
.guide-content-section .guide-content-align-center .wysiwyg-content {
  text-align: center;
}
.guide-content-section .guide-content-align-right .wysiwyg-content {
  text-align: right;
}
.guide-content-section .guide-content-align-justify .wysiwyg-content {
  text-align: justify;
}
.guide-content-section .guide-content-font-small .wysiwyg-content {
  font-size: var(--Font-Size-Body-Small-f-size, 16px);
}
.guide-content-section .guide-content-font-small .wysiwyg-content h1, .guide-content-section .guide-content-font-small .wysiwyg-content h2, .guide-content-section .guide-content-font-small .wysiwyg-content h3, .guide-content-section .guide-content-font-small .wysiwyg-content h4, .guide-content-section .guide-content-font-small .wysiwyg-content h5, .guide-content-section .guide-content-font-small .wysiwyg-content h6 {
  font-size: calc(1em * var(--heading-scale, 1));
}
.guide-content-section .guide-content-font-medium .wysiwyg-content {
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
}
.guide-content-section .guide-content-font-large .wysiwyg-content {
  font-size: var(--Font-Size-Body-Large-f-size, 20px);
}
.guide-content-section .guide-content-font-xlarge .wysiwyg-content {
  font-size: var(--Font-Size-Body-XLarge-f-size, 22px);
}
.guide-content-section .guide-content-line-tight .wysiwyg-content {
  line-height: 1.4;
}
.guide-content-section .guide-content-line-normal .wysiwyg-content {
  line-height: 1.6;
}
.guide-content-section .guide-content-line-relaxed .wysiwyg-content {
  line-height: 1.8;
}
.guide-content-section .guide-content-line-loose .wysiwyg-content {
  line-height: 2;
}
.guide-content-section .wysiwyg-content {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-weight: var(--Font-Weight-Regular, 400);
  color: var(--text, #262626);
}
.guide-content-section .wysiwyg-content > *:first-child {
  margin-top: 0;
}
.guide-content-section .wysiwyg-content > *:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.guide-content-section .wysiwyg-content p:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content h1, .guide-content-section .wysiwyg-content h2, .guide-content-section .wysiwyg-content h3, .guide-content-section .wysiwyg-content h4, .guide-content-section .wysiwyg-content h5, .guide-content-section .wysiwyg-content h6 {
  font-family: var(--Font-Family-Primary, "Roboto");
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.2;
  margin-top: var(--spacing-xxl, 32px);
  margin-bottom: var(--spacing-md, 16px);
  color: var(--text, #262626);
}
.guide-content-section .wysiwyg-content h1:first-child, .guide-content-section .wysiwyg-content h2:first-child, .guide-content-section .wysiwyg-content h3:first-child, .guide-content-section .wysiwyg-content h4:first-child, .guide-content-section .wysiwyg-content h5:first-child, .guide-content-section .wysiwyg-content h6:first-child {
  margin-top: 0;
}
.guide-content-section .wysiwyg-content h1 {
  font-size: var(--Font-Size-Heading-1-f-size, 48px);
}
@media (max-width: 767px) {
  .guide-content-section .wysiwyg-content h1 {
    font-size: var(--Font-Size-Heading-1-Mobile-f-size, 36px);
  }
}
.guide-content-section .wysiwyg-content h2 {
  font-size: var(--Font-Size-f-size-xxl, 40px);
  line-height: var(--Line-Height-Line-height-f-size-xxl, 54px);
}
.guide-content-section .wysiwyg-content h3 {
  font-size: var(--Font-Size-Heading-3-f-size, 32px);
}
@media (max-width: 767px) {
  .guide-content-section .wysiwyg-content h3 {
    font-size: var(--Font-Size-Heading-3-Mobile-f-size, 28px);
  }
}
.guide-content-section .wysiwyg-content h4 {
  font-size: var(--Font-Size-Heading-4-f-size, 24px);
}
@media (max-width: 767px) {
  .guide-content-section .wysiwyg-content h4 {
    font-size: var(--Font-Size-Heading-4-Mobile-f-size, 22px);
  }
}
.guide-content-section .wysiwyg-content h5 {
  font-size: var(--Font-Size-Heading-5-f-size, 20px);
}
.guide-content-section .wysiwyg-content h6 {
  font-size: var(--Font-Size-Heading-6-f-size, 18px);
}
.guide-content-section .wysiwyg-content ul, .guide-content-section .wysiwyg-content ol {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 20px) 0;
  padding-left: var(--spacing-xl, 28px);
}
.guide-content-section .wysiwyg-content ul:last-child, .guide-content-section .wysiwyg-content ol:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content ul li, .guide-content-section .wysiwyg-content ol li {
  margin-bottom: var(--spacing-xxs, 4px);
}
.guide-content-section .wysiwyg-content ul li:last-child, .guide-content-section .wysiwyg-content ol li:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content ul li ul, .guide-content-section .wysiwyg-content ul li ol, .guide-content-section .wysiwyg-content ol li ul, .guide-content-section .wysiwyg-content ol li ol {
  margin-top: var(--spacing-sm, 8px);
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content ul {
  list-style-type: disc;
}
.guide-content-section .wysiwyg-content ul ul {
  list-style-type: circle;
}
.guide-content-section .wysiwyg-content ul ul ul {
  list-style-type: square;
}
.guide-content-section .wysiwyg-content ol {
  list-style-type: decimal;
}
.guide-content-section .wysiwyg-content ol ol {
  list-style-type: lower-alpha;
}
.guide-content-section .wysiwyg-content ol ol ol {
  list-style-type: lower-roman;
}
.guide-content-section .wysiwyg-content blockquote {
  margin: var(--spacing-xl, 24px) 0;
  padding: var(--spacing-lg, 16px) 0 var(--spacing-lg, 16px) var(--spacing-lg, 24px);
  border-left: 4px solid var(--Brand-Colors-Primary-Color, #0066CC);
  font-style: italic;
  color: var(--Brand-Colors-Neutral-Text-Color-2, #666666);
}
.guide-content-section .wysiwyg-content blockquote p:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content blockquote cite {
  display: block;
  margin-top: var(--spacing-md, 12px);
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  font-style: normal;
  color: var(--text, #262626);
}
.guide-content-section .wysiwyg-content blockquote cite:before {
  content: "— ";
}
.guide-content-section .wysiwyg-content a:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Color, #0066CC);
  outline-offset: 2px;
}
.guide-content-section .wysiwyg-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: var(--spacing-xl, 24px) auto;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.guide-content-section .wysiwyg-content img.alignleft {
  float: left;
  margin: var(--spacing-md, 12px) var(--spacing-lg, 20px) var(--spacing-md, 12px) 0;
}
.guide-content-section .wysiwyg-content img.alignright {
  float: right;
  margin: var(--spacing-md, 12px) 0 var(--spacing-md, 12px) var(--spacing-lg, 20px);
}
.guide-content-section .wysiwyg-content img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.guide-content-section .wysiwyg-content figure {
  margin: var(--spacing-xl, 24px) 0;
}
.guide-content-section .wysiwyg-content figure img {
  margin: 0;
}
.guide-content-section .wysiwyg-content figure figcaption {
  margin-top: var(--spacing-sm, 8px);
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  color: var(--Brand-Colors-Neutral-Text-Color-2, #666666);
  text-align: center;
  font-style: italic;
}
.guide-content-section .wysiwyg-content table {
  width: 100%;
  margin: var(--spacing-xl, 24px) 0;
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
}
@media (min-width: 768px) {
  .guide-content-section .wysiwyg-content table {
    display: table;
  }
}
.guide-content-section .wysiwyg-content table th, .guide-content-section .wysiwyg-content table td {
  padding: var(--spacing-md, 12px) var(--spacing-lg, 16px);
  text-align: left;
  border: 1px solid var(--Brand-Colors-Neutral-Border-Color, #E5E5E5);
}
.guide-content-section .wysiwyg-content table th {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #F5F5F5);
  font-weight: var(--Font-Weight-Bold, 700);
  color: var(--text, #262626);
}
.guide-content-section .wysiwyg-content table tr:nth-child(even) {
  background-color: var(--Brand-Colors-Neutral-Background-Color-2, #FAFAFA);
}
.guide-content-section .wysiwyg-content table tr:hover {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #F5F5F5);
}
.guide-content-section .wysiwyg-content pre {
  background-color: var(--Brand-Colors-Neutral-Background-Color-4, #F5F5F5);
  border: 1px solid var(--Brand-Colors-Neutral-Border-Color, #E5E5E5);
  border-radius: var(--border-radius-border-radius-sm, 4px);
  padding: var(--spacing-lg, 16px);
  margin: var(--spacing-xl, 24px) 0;
  overflow-x: auto;
  font-family: var(--Font-Family-Mono, "Courier New", Courier, monospace);
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  line-height: 1.5;
}
.guide-content-section .wysiwyg-content pre code {
  background: none;
  padding: 0;
  font-size: inherit;
  color: inherit;
}
.guide-content-section .wysiwyg-content code {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #F5F5F5);
  padding: 2px 6px;
  border-radius: var(--border-radius-border-radius-sm, 4px);
  font-family: var(--Font-Family-Mono, "Courier New", Courier, monospace);
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  color: var(--Brand-Colors-Secondary-Color, #E91E63);
}
.guide-content-section .wysiwyg-content hr {
  margin: var(--spacing-2xl, 32px) 0;
  border: none;
  border-top: 1px solid var(--Brand-Colors-Neutral-Border-Color, #E5E5E5);
}
.guide-content-section .wysiwyg-content dl {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 20px) 0;
}
.guide-content-section .wysiwyg-content dl dt {
  font-weight: var(--Font-Weight-Bold, 700);
  margin-bottom: var(--spacing-xs, 4px);
}
.guide-content-section .wysiwyg-content dl dd {
  margin-left: var(--spacing-xl, 28px);
  margin-bottom: var(--spacing-md, 12px);
}
.guide-content-section .wysiwyg-content dl dd:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content .wp-block-embed {
  margin: var(--spacing-xl, 24px) 0;
}
.guide-content-section .wysiwyg-content .wp-block-embed iframe {
  max-width: 100%;
}
.guide-content-section .wysiwyg-content .wp-block-gallery {
  margin: var(--spacing-xl, 24px) 0;
}
.guide-content-section .wysiwyg-content::after {
  content: "";
  display: table;
  clear: both;
}

.mobile-block {
  display: grid;
  grid-template-columns: minmax(300px, 70%) minmax(200px, 30%);
  gap: 30px;
  margin-top: 30px;
}
.mobile-block aside a {
  text-decoration: none;
}

.block-box-hover {
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  height: fit-content;
}
.block-box-hover p:empty {
  display: none;
}
.block-box-hover a {
  text-decoration: none;
}

.block-hover a {
  text-decoration: none;
}

.cta-inline-right {
  padding: var(--spacing-3xl, 40px);
}

.img-content-block {
  display: grid;
  grid-template-columns: minmax(300px, 30%) minmax(200px, 70%);
  align-items: center;
}

.guide-content-section .cta-inline-title-bar {
  max-width: 340px;
}

@media (max-width: 767px) {
  .mobile-block,
  .img-content-block {
    grid-template-columns: 1fr;
  }
}
.wp-singular .guide-content-section .wysiwyg-content img {
  height: auto;
}

.single-learn .supreme-element h3:not([class*=headline-]) + p,
.single-learn .supreme-element h4:not([class*=headline-]) + p,
.single-guide .supreme-element h3:not([class*=headline-]) + p,
.single-guide .supreme-element h4:not([class*=headline-]) + p {
  margin-top: var(--spacing-md, 16px);
}

.guide-first-chapter-section {
  width: 100%;
}
.guide-first-chapter-section.has-chapters {
  display: block;
}
.guide-first-chapter-section:not(.has-chapters) {
  display: none !important;
}
.guide-first-chapter-section .guide-first-chapter-wrapper {
  width: 100%;
}
.guide-first-chapter-section .guide-first-chapter-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-left: var(--Container-Padding, 20px);
  padding-right: var(--Container-Padding, 20px);
  background-color: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
}
.guide-first-chapter-section .guide-first-chapter-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: var(--spacing-2xl, 32px) var(--spacing-xxl, 80px);
}
.guide-first-chapter-section .first-chapter-button {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 5px 0;
  text-decoration: none;
  color: var(--text, #000000);
  position: relative;
  transition: all 0.3s ease;
}
.guide-first-chapter-section .first-chapter-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.guide-first-chapter-section .first-chapter-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.guide-first-chapter-section .first-chapter-button:hover::after {
  height: 2px;
}
.guide-first-chapter-section .first-chapter-button:hover .button-icon {
  width: 20px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.guide-first-chapter-section .first-chapter-button:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Color, #007cba);
  outline-offset: 4px;
}
.guide-first-chapter-section .button-icon {
  width: 20px;
  opacity: 1;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guide-first-chapter-section .button-text {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Body-Large-f-size, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-body-large, 28px);
}
@media (max-width: 768px) {
  .guide-first-chapter-section .guide-first-chapter-content {
    padding: var(--spacing-xl, 24px) var(--spacing-xl, 24px);
  }
  .guide-first-chapter-section .button-text {
    font-size: var(--Font-Size-Body-Medium-f-size, 16px);
    line-height: var(--Line-Height-Line-height-body-medium, 24px);
  }
}
@media (max-width: 480px) {
  .guide-first-chapter-section .guide-first-chapter-content {
    justify-content: center;
  }
}

.guide-child-navigation-section {
  width: 100%;
}
.guide-child-navigation-section .guide-child-navigation-wrapper {
  width: 100%;
}
.guide-child-navigation-section .guide-child-navigation-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-left: var(--Container-Padding, 20px);
  padding-right: var(--Container-Padding, 20px);
  background-color: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
  border-radius: 8px;
}
.guide-child-navigation-section .guide-child-navigation-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-2xl, 32px);
  padding: var(--spacing-2xl, 32px) var(--spacing-xxl, 80px);
}
.guide-child-navigation-section .navigation-buttons {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  justify-content: space-between;
  height: 100%;
  min-height: 120px;
}
.guide-child-navigation-section .next-chapter-button {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 5px 0;
  text-decoration: none;
  color: var(--text, #000000);
  position: relative;
  transition: all 0.3s ease;
}
.guide-child-navigation-section .next-chapter-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.guide-child-navigation-section .next-chapter-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.guide-child-navigation-section .next-chapter-button:hover::after {
  height: 3px;
}
.guide-child-navigation-section .next-chapter-button:hover .button-icon {
  width: 20px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.guide-child-navigation-section .beginning-button {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 0;
  padding: 5px 0;
  text-decoration: none;
  color: var(--text, #000000);
  position: relative;
  transition: all 0.3s ease;
}
.guide-child-navigation-section .beginning-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.guide-child-navigation-section .beginning-button:hover {
  text-decoration: none;
  transform: none;
}
.guide-child-navigation-section .beginning-button:hover::after {
  height: 2px;
}
.guide-child-navigation-section .button-text {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Body-Large-f-size, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-body-large, 28px);
}
.guide-child-navigation-section .button-icon {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guide-child-navigation-section .button-icon svg {
  width: 20px;
  height: 20px;
}
.guide-child-navigation-section .chapter-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-end;
  max-width: 580px;
}
.guide-child-navigation-section .chapter-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 8px;
  padding: 12px;
  width: 280px;
  min-height: 106px;
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  overflow: visible;
}
.guide-child-navigation-section .chapter-card:after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 8px;
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.guide-child-navigation-section .chapter-card > * {
  position: relative;
  z-index: 2;
}
.guide-child-navigation-section .chapter-card:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.guide-child-navigation-section .chapter-card:hover:after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.guide-child-navigation-section .chapter-card:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Color, #007cba);
  outline-offset: 2px;
}
.guide-child-navigation-section .chapter-card.current::after {
  padding: 2px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.guide-child-navigation-section .chapter-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
}
.guide-child-navigation-section .chapter-number {
  color: var(--text, #262626);
}
.guide-child-navigation-section .chapter-title {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  font-weight: var(--Font-Weight-Semibold, 600);
  line-height: var(--Line-Height-Line-height-body-small, 22px);
  color: var(--text, #262626);
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1024px) {
  .guide-child-navigation-section .guide-child-navigation-content {
    flex-direction: column;
    padding: var(--spacing-xl, 24px) var(--spacing-xl, 24px);
  }
  .guide-child-navigation-section .navigation-buttons {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    min-height: auto;
  }
  .guide-child-navigation-section .chapter-cards {
    width: 100%;
    max-width: none;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .guide-child-navigation-section .guide-child-navigation-content {
    padding: var(--spacing-xl, 24px) var(--spacing-xl, 24px);
  }
  .guide-child-navigation-section .button-text {
    font-size: var(--Font-Size-Body-Medium-f-size, 16px);
    line-height: var(--Line-Height-Line-height-body-medium, 24px);
  }
  .guide-child-navigation-section .chapter-cards {
    gap: 12px;
  }
  .guide-child-navigation-section .chapter-card {
    width: calc(50% - 6px);
    min-width: 240px;
  }
}
@media (max-width: 480px) {
  .guide-child-navigation-section .navigation-buttons {
    flex-direction: column;
    gap: var(--spacing-md, 12px);
  }
  .guide-child-navigation-section .chapter-card {
    width: 100%;
  }
}

.guide-contents-section {
  width: 100%;
  position: sticky;
  top: 100px;
  z-index: 10;
}
@media (max-width: 768px) {
  .guide-contents-section {
    position: relative;
    top: auto;
  }
}
.guide-contents-section .guide-contents-wrapper {
  width: 100%;
  max-width: 336px;
}
@media (max-width: 991px) {
  .guide-contents-section .guide-contents-wrapper {
    position: relative;
    top: 0;
  }
}
.guide-contents-section .guide-contents-container {
  width: 100%;
  max-width: 336px;
  margin: 0 auto;
  padding-left: var(--Container-Padding, 20px);
  padding-right: var(--Container-Padding, 20px);
}
.guide-contents-section .guide-contents-box {
  background-color: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
  border-radius: 8px;
  overflow: hidden;
  max-height: calc(100vh - 150px);
}
@media (max-width: 991px) {
  .guide-contents-section .guide-contents-box {
    max-height: none;
  }
}
.guide-contents-section .guide-contents-content {
  padding: var(--spacing-2xl, 32px);
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
@media (max-width: 991px) {
  .guide-contents-section .guide-contents-content {
    max-height: none;
    overflow-y: visible;
  }
}
.guide-contents-section .guide-contents-content::-webkit-scrollbar {
  width: 6px;
}
.guide-contents-section .guide-contents-content::-webkit-scrollbar-track {
  background: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
  border-radius: 3px;
}
.guide-contents-section .guide-contents-content::-webkit-scrollbar-thumb {
  background: var(--Brand-Colors-Neutrals-Gray-300, #b0b0b0);
  border-radius: 3px;
}
.guide-contents-section .guide-contents-content::-webkit-scrollbar-thumb:hover {
  background: var(--Brand-Colors-Neutrals-Gray-400, #999999);
}
.guide-contents-section .contents-header {
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  text-transform: uppercase;
  color: var(--text, #262626);
  margin-bottom: var(--spacing-xs, 8px);
}
.guide-contents-section .contents-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.guide-contents-section .contents-list a.content-cta:last-child {
  border: 0;
  background: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
  box-shadow: none;
  transform: translateY(0);
  background-size: 200% 100%;
  background-position: left;
  transition: background-position 0.5s ease, border-radius 0.5s ease;
}
.guide-contents-section .contents-list a.content-cta:last-child:hover {
  border-radius: 5px;
  background-image: linear-gradient(220deg, #20d340 13.39%, #00d1ed 85.48%);
  background-position: right;
}
.guide-contents-section .contents-list a.content-cta:last-child:hover .cta-title {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.guide-contents-section .contents-list a.content-cta:last-child:hover .cta-subtitle {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.guide-contents-section .content-item {
  position: relative;
  display: flex;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 8px;
  padding: 12px;
  width: 100%;
  min-height: auto;
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  overflow: visible;
  outline: none;
}
.guide-contents-section .content-item.heading-level-2 {
  padding-left: 32px;
}
.guide-contents-section .content-item.no-headings {
  color: var(--Text-Color-2, #666666);
  font-style: italic;
  cursor: default;
}
.guide-contents-section .content-item::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.5px;
  border-radius: 8px;
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.guide-contents-section .content-item > * {
  position: relative;
  z-index: 2;
}
.guide-contents-section .content-item:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.guide-contents-section .content-item:hover::after {
  padding: 3px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.guide-contents-section .content-item:focus {
  outline: none;
}
.guide-contents-section .content-item.current {
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.guide-contents-section .content-item.current::after {
  padding: 3px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.guide-contents-section .content-item.parent-item {
  font-weight: var(--Font-Weight-Semibold, 600);
}
.guide-contents-section .content-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: 600;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  color: var(--text, #262626);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.guide-contents-section .content-cta {
  display: flex;
  flex-direction: column;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: 5px;
  padding: 17px 24px;
  gap: var(--spacing-xs, 8px);
  max-width: 280px;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}
.guide-contents-section .content-cta:hover {
  text-decoration: none;
  border-color: var(--Brand-Colors-Primary-Cyan, #00d1ed);
  box-shadow: 0px 2px 8px rgba(0, 209, 237, 0.15);
  transform: translateY(-1px);
}
.guide-contents-section .content-cta:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Color, #007cba);
  outline-offset: 2px;
}
.guide-contents-section .cta-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.guide-contents-section .cta-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.guide-contents-section .cta-icon path {
  fill: var(--Brand-Colors-Neutral-Text-Color-2, #333333);
}
.guide-contents-section .cta-title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.guide-contents-section .cta-subtitle {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-body-small, 22px);
  color: var(--text, #262626);
}
@media (max-width: 768px) {
  .guide-contents-section .guide-contents-content {
    padding: var(--spacing-xl, 24px);
  }
  .guide-contents-section .content-item,
  .guide-contents-section .content-cta {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .guide-contents-section .guide-contents-container {
    max-width: 100%;
  }
  .guide-contents-section .guide-contents-content {
    padding: var(--spacing-lg, 20px);
  }
}

.guide-block-sidebar {
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  display: flex;
  flex-direction: row;
  gap: 58px;
}
@media (max-width: 991px) {
  .guide-block-sidebar {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .guide-block-sidebar {
    padding-top: var(--spacing-xxxl, 60px);
    padding-bottom: var(--spacing-xxxl, 60px);
  }
}

@media (max-width: 1099px) {
  .guide-contents-section .guide-contents-content {
    padding: 20px;
  }
  .guide-contents-section .content-cta {
    padding: 17px 15px;
  }
}
.lever-postings-section {
  background-color: #F4F9FA;
  padding: 80px 0;
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .lever-postings-section {
    padding: 60px 20px;
  }
}

.lever-postings-container {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .lever-postings-container {
    padding: 0px;
  }
}

.lever-postings-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl, 40px);
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}

.lever-postings-title {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 700;
  font-size: 56px;
  line-height: 1.14;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .lever-postings-title {
    font-size: 40px;
    line-height: 1.2;
  }
}

.lever-postings-subtitle {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.5;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .lever-postings-subtitle {
    font-size: 20px;
    line-height: 1.4;
  }
}

.lever-postings-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 1024px;
}

.lever-job-group {
  width: 100%;
}
.lever-job-group.collapsed .lever-job-group-toggle svg {
  transform: rotate(180deg);
}
.lever-job-group.collapsed .lever-job-group-content {
  display: none;
}
.lever-job-group.collapsed .lever-job-group-header {
  border-radius: 8px;
  border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #D1D1D1);
}

.lever-job-group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-radius: var(--border-radius-border-radius-mid, 8px);
  background: var(--Brand-Colors-Light-grayish-cyan, #F4F9FA);
  padding: var(--spacing-md, 16px);
}

.lever-job-group-header h3 {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xl, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xl, 42px);
}

.lever-job-group-title {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.5;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .lever-job-group-title {
    font-size: 20px;
  }
}

.lever-job-group-toggle {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.lever-job-group-toggle svg {
  width: 34px;
  height: 34px;
  fill: transparent;
}

.lever-job-group-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0px 0 0px 0;
  transition: all 0.3s ease;
  margin-top: 16px;
}

.lever-postings-item {
  background: #FFFFFF;
  position: relative;
  width: 100%;
  transition: all 0.3s ease;
  padding: var(--spacing-xxl, 32px);
  border-radius: 20px;
}
.lever-postings-item:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  background: url(/wp-content/uploads/2025/08/arrow-Icons.png);
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease-in-out;
  opacity: 0;
}
.lever-postings-item:after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
  top: -1px !important;
  bottom: 0px;
  height: 100%;
  width: 100%;
  height: 101%;
}
.lever-postings-item:hover {
  box-shadow: 0 4px 24px 0 rgba(0, 209, 237, 0.25);
}
.lever-postings-item:hover:before {
  right: 10px;
  opacity: 1;
}
.lever-postings-item:hover:after {
  transform: unset;
  background: #00D084;
  padding: 3px;
}

.lever-job-card {
  background: #FFFFFF;
  border: 1px solid #D1D1D1;
  border-radius: 20px;
  padding: 32px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .lever-job-card {
    padding: 24px;
  }
}
.lever-job-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.lever-job-card.expanded .lever-job-toggle svg {
  transform: rotate(45deg);
}
.lever-job-card.expanded .lever-job-content {
  display: block;
}

.lever-job-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.lever-job-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.lever-job-info h4 {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-lg, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px);
}

.lever-job-title {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.42;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .lever-job-title {
    font-size: 20px;
  }
}

.lever-posting-meta {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  text-transform: uppercase;
  gap: 10px;
  display: flex;
}

.lever-posting-meta-item {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-monoo");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  text-transform: uppercase;
}

.lever-job-location {
  font-family: "roboto-mono", monospace;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.57;
  text-transform: uppercase;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .lever-job-location {
    font-size: 12px;
  }
}

.lever-job-toggle {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.lever-job-toggle svg {
  width: 24px;
  height: 24px;
  fill: #000000;
  transition: transform 0.3s ease;
}

.lever-job-content {
  display: none;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #D1D1D1;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.lever-job-description {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #262626;
  margin-bottom: 24px;
}
.lever-job-description p {
  margin: 0 0 16px 0;
}
.lever-job-description p:last-child {
  margin-bottom: 0;
}
.lever-job-description h5 {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  color: #262626;
  margin: 24px 0 12px 0;
}
.lever-job-description h5:first-child {
  margin-top: 0;
}
.lever-job-description ul, .lever-job-description ol {
  margin: 0 0 16px 0;
  padding-left: 24px;
}
.lever-job-description ul li, .lever-job-description ol li {
  margin-bottom: 8px;
}
.lever-job-description ul li:last-child, .lever-job-description ol li:last-child {
  margin-bottom: 0;
}

.lever-job-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 767px) {
  .lever-job-actions {
    flex-direction: column;
    width: 100%;
  }
}

.lever-job-apply-btn {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #FFFFFF !important;
  background: #00D084;
  border: 2px solid #00D084;
  padding: 12px 32px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
}
@media (max-width: 767px) {
  .lever-job-apply-btn {
    width: 100%;
    box-sizing: border-box;
  }
}
.lever-job-apply-btn:hover {
  background: #00B870;
  border-color: #00B870;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 216, 132, 0.3);
}
.lever-job-apply-btn:focus {
  outline: 2px solid #00D084;
  outline-offset: 2px;
}

.lever-postings-empty {
  text-align: center;
  padding: 60px 20px;
  width: 100%;
}
.lever-postings-empty p {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #666666;
  max-width: 600px;
  margin: 0 auto;
}

.lever-postings-loading {
  text-align: center;
  padding: 40px 20px;
  color: #262626;
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-size: 16px;
}

.lever-postings-error {
  text-align: center;
  padding: 40px 20px;
  color: #e74c3c;
  background: #ffeaea;
  border-radius: 8px;
  border: 1px solid #f5b7b1;
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-size: 16px;
  margin: 0 auto;
  max-width: 600px;
}

.synthego-footer {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #FFFFFF);
  padding: 80px 140px 32px;
  font-family: var(--Font-Family-Secondary, "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif);
}
.synthego-footer .footer-container {
  max-width: 1398px;
  margin: 0 auto;
}
.synthego-footer .footer-content {
  display: flex;
  gap: 55px;
  margin-bottom: 80px;
}
.synthego-footer .footer-brand {
  flex-shrink: 0;
  width: 301px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.synthego-footer .footer-logo {
  width: 78px;
  height: 131px;
  object-fit: contain;
}
.synthego-footer .footer-tagline {
  font-family: var(--Font-Family-Primary, "Runda", -apple-system, BlinkMacSystemFont, sans-serif);
  font-weight: 700;
  font-size: 40px;
  line-height: 1.35;
  color: var(--Brand-Colors-Primary-White, #FFFFFF);
  margin: 0;
}
.synthego-footer .footer-contact-btn {
  align-self: flex-start;
  padding: 12px 32px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 10px;
  gap: 8px;
}
.synthego-footer .footer-contact-btn .btn-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.synthego-footer .footer-contact-btn::before {
  border-radius: 10px;
}
.synthego-footer .footer-links-container {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  column-gap: 32px;
  row-gap: var(--spacing-4xl, 80px);
}
.synthego-footer .footer-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.synthego-footer .footer-section-heading {
  font-family: var(--Font-Family-Mono, "roboto-mono", "Courier New", monospace);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.625;
  text-transform: uppercase;
  color: #AAAAAA;
  margin: 0;
  letter-spacing: 0.5px;
}
.synthego-footer .footer-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.synthego-footer .footer-link {
  font-family: var(--Font-Family-Secondary, "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.625;
  color: var(--Brand-Colors-Primary-White, #FFFFFF);
  text-decoration: none;
  transition: color 0.2s ease;
  display: inline-block;
  width: fit-content;
}
.synthego-footer .footer-link:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.synthego-footer .footer-bottom {
  padding-top: 0;
}
.synthego-footer .footer-bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 39px;
}
.synthego-footer .footer-legal {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.synthego-footer .copyright {
  font-family: var(--Font-Family-Secondary, "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.571;
  color: #E0E0E0;
  margin: 0;
}
.synthego-footer .legal-links {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: var(--spacing-sm, 12px);
  padding: 0;
  margin: 0;
}
.synthego-footer .legal-links li {
  margin: 0;
  padding: 0;
}
.synthego-footer .legal-links a {
  font-family: var(--Font-Family-Secondary, "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.667;
  color: #E0E0E0;
  text-decoration: none;
  transition: color 0.2s ease;
}
.synthego-footer .legal-links a:hover {
  color: var(--Brand-Colors-Primary-White, #FFFFFF);
}
.synthego-footer .footer-social {
  display: flex;
  gap: 20px;
  align-items: center;
}
.synthego-footer .social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  transition: opacity 0.2s ease;
}
.synthego-footer .social-link:hover {
  opacity: 0.7;
}
.synthego-footer .social-link svg {
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 1440px) {
  .synthego-footer {
    padding: 60px 60px 24px;
  }
}
@media screen and (max-width: 1200px) {
  .synthego-footer .footer-links-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
  }
}
@media screen and (max-width: 992px) {
  .synthego-footer {
    padding: 40px 40px 24px;
  }
  .synthego-footer .footer-content {
    flex-direction: column;
    gap: 40px;
  }
  .synthego-footer .footer-brand {
    width: 100%;
  }
  .synthego-footer .footer-links-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
  }
}
@media screen and (max-width: 768px) {
  .synthego-footer {
    padding: 60px 10px;
  }
  .synthego-footer .footer-tagline {
    font-size: 22px;
    line-height: 1.273;
  }
  .synthego-footer .footer-contact-btn {
    font-size: 16px;
    padding: 12px 30px;
  }
  .synthego-footer .footer-contact-btn .btn-icon {
    width: 24px;
    height: 24px;
  }
  .synthego-footer .footer-content {
    margin-bottom: 30px;
  }
  .synthego-footer .footer-brand {
    gap: 16px;
  }
  .synthego-footer .footer-brand .footer-logo {
    width: 46px;
    height: 76px;
  }
  .synthego-footer .footer-links-container {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .synthego-footer .footer-section {
    border-bottom: 1px solid #333333;
    padding-bottom: 0;
    gap: 0;
  }
  .synthego-footer .footer-section:last-child {
    border-bottom: none;
  }
  .synthego-footer .footer-section .footer-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    margin: 0;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    line-height: 1.714;
    position: relative;
  }
  .synthego-footer .footer-section .footer-section-heading::after {
    content: "";
    display: block;
    width: 14px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 5L13 1' stroke='%23AAAAAA' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
    flex-shrink: 0;
    margin-left: 12px;
  }
  .synthego-footer .footer-section .footer-links {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding: 0;
    opacity: 0;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out;
  }
  .synthego-footer .footer-section.accordion-open, .synthego-footer .footer-section:first-child {
    padding-bottom: 30px;
  }
  .synthego-footer .footer-section.accordion-open .footer-section-heading::after, .synthego-footer .footer-section:first-child .footer-section-heading::after {
    transform: rotate(180deg);
  }
  .synthego-footer .footer-section.accordion-open .footer-links, .synthego-footer .footer-section:first-child .footer-links {
    max-height: 500px;
    opacity: 1;
    padding: 0 0 12px 0;
  }
  .synthego-footer .footer-link {
    font-size: 14px;
    line-height: 1.714;
    padding: 2px 0;
  }
  .synthego-footer .footer-bottom-content {
    flex-direction: column;
    gap: 30px;
  }
  .synthego-footer .footer-social {
    display: flex;
    gap: 18px;
    order: -1;
  }
  .synthego-footer .footer-legal {
    gap: 12px;
  }
  .synthego-footer .copyright {
    font-size: 14px;
    line-height: 1.571;
    font-weight: 700;
  }
  .synthego-footer .legal-links {
    flex-direction: column;
    gap: 12px;
  }
  .synthego-footer .legal-links a {
    font-size: 14px;
    line-height: 1.571;
  }
}
@media screen and (max-width: 480px) {
  .synthego-footer {
    padding: 24px 16px;
  }
  .synthego-footer .footer-tagline {
    font-size: 28px;
  }
  .synthego-footer .footer-logo {
    width: 60px;
    height: 100px;
  }
}

.footer-content-wrapper {
  max-width: 1440px;
  margin: 80px auto;
}
@media (max-width: 767px) {
  .footer-content-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.footer-content-wrapper .block-full-width-text-wrapper.supreme-global-wrapper {
  padding-top: var(--spacing-xxl);
  padding-bottom: 0;
}
.footer-content-wrapper .supreme-element.block-full-width-text .text-section {
  gap: 0;
}
.footer-content-wrapper h2.section-title,
.footer-content-wrapper .text-section > h1.section-title {
  margin-bottom: 16px;
}

.footer-links-container .footer-section:first-child a.footer-link:nth-last-child(2)::after {
  content: "TM";
  font-size: 11px;
  vertical-align: super;
  margin-left: 2px;
  display: inline-block;
  line-height: 1;
}

.synthego-related-articles {
  overflow: hidden;
  padding-top: var(--spacing-5xl, 7rem);
  padding-bottom: var(--spacing-5xl, 7rem);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
@media (max-width: 767px) {
  .synthego-related-articles {
    padding-top: var(--spacing-4xl, 5rem);
    padding-bottom: var(--spacing-4xl, 5rem);
  }
}
.synthego-related-articles__container {
  max-width: var(--Grid-Variables-Grid-Construction-max-width);
  margin: 0 auto;
  padding: 0 var(--Grid-Variables-Grid-Construction-global-outer-margin);
}
.synthego-related-articles__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--spacing-3xl, 2.5rem);
}
@media (max-width: 767px) {
  .synthego-related-articles__header {
    margin-bottom: var(--spacing-3xl, 2.125rem);
  }
}
.synthego-related-articles__title {
  margin: 0;
  text-align: left;
  flex: 1;
}
.synthego-related-articles__slider-wrapper {
  position: relative;
}
.synthego-related-articles__slider-container {
  overflow: hidden;
  margin: 0 calc(var(--spacing-3xl, 2.5rem) * -1);
  padding: 0 var(--spacing-3xl, 2.5rem);
}
@media (max-width: 991px) {
  .synthego-related-articles__slider-container {
    margin: 0;
    padding: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .synthego-related-articles__slider-container::-webkit-scrollbar {
    display: none;
  }
}
.synthego-related-articles__grid {
  display: flex;
  gap: var(--spacing-xl, 1.5rem);
  transition: transform 0.3s ease;
}
@media (min-width: 992px) {
  .synthego-related-articles__grid {
    gap: var(--spacing-xxl, 2rem);
  }
}
@media (max-width: 991px) {
  .synthego-related-articles__grid {
    scroll-snap-type: x mandatory;
    padding-bottom: var(--spacing-md, 1rem);
  }
}
.synthego-related-articles__card {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: visible;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(25% - var(--spacing-xl, 1.5rem) * 0.75);
  min-width: 0;
  position: relative;
}
@media (min-width: 992px) {
  .synthego-related-articles__card {
    flex: 0 0 calc(25% - var(--spacing-xxl, 2rem) * 0.75);
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .synthego-related-articles__card {
    flex: 0 0 calc(50% - var(--spacing-xl, 1.5rem) * 0.5);
  }
}
@media (max-width: 767px) {
  .synthego-related-articles__card {
    flex: 0 0 calc(100vw - var(--Grid-Variables-Grid-Construction-global-outer-margin) * 2);
    scroll-snap-align: start;
  }
  .synthego-related-articles__card:not(:last-child) {
    flex: 0 0 calc(100vw - 80px);
    min-width: calc(100vw - 80px);
  }
}
.synthego-related-articles__card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.synthego-related-articles__card > * {
  position: relative;
  z-index: 1;
}
.synthego-related-articles__card:hover {
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.synthego-related-articles__card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.synthego-related-articles__card:hover .synthego-related-articles__card-category {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.synthego-related-articles__card:hover .synthego-related-articles__card-image img {
  transform: scale(1.08);
}
.synthego-related-articles__card-link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.synthego-related-articles__card-image {
  position: relative;
  width: 100%;
  padding-top: 60%;
  overflow: hidden;
  background: var(--Brand-Colors-Neutrals-Gray-100, #f5f5f5);
  border-radius: var(--border-radius-border-radius-full, 20px) var(--border-radius-border-radius-full, 20px) 0 0;
}
.synthego-related-articles__card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.synthego-related-articles__card-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%);
}
.synthego-related-articles__card-content {
  padding: var(--spacing-xxl, 2rem);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 0 0 var(--border-radius-border-radius-full, 20px) var(--border-radius-border-radius-full, 20px);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
@media (max-width: 767px) {
  .synthego-related-articles__card-content {
    padding: var(--spacing-xl, 1.5rem);
  }
}
.synthego-related-articles__card-meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 1rem);
  margin-bottom: var(--spacing-md, 1rem);
}
.synthego-related-articles__card-category {
  color: var(--Primary-brand-primary);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.synthego-related-articles__card-date {
  color: var(--Text-neutral-tertiary);
  position: relative;
  padding-left: var(--spacing-lg, 1.25rem);
}
.synthego-related-articles__card-date::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: var(--Text-neutral-tertiary);
  border-radius: 50%;
}
.synthego-related-articles__card-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  margin-bottom: var(--spacing-sm, 0.75rem);
  line-height: 1.3;
  flex-grow: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.synthego-related-articles__card-excerpt {
  color: var(--Text-Color-2, #666666);
  margin: 0;
  margin-bottom: var(--spacing-xl, 1.5rem);
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.synthego-related-articles__navigation {
  display: flex;
  gap: var(--spacing-sm, 0.75rem);
  align-items: center;
}
@media (max-width: 991px) {
  .synthego-related-articles__navigation {
    display: none;
  }
}
.synthego-related-articles__nav-button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}
.synthego-related-articles__nav-button:hover:not(:disabled) {
  background: var(--Brand-Colors-Primary-Cyan, #00d1ed);
  border-color: var(--Brand-Colors-Primary-Cyan, #00d1ed);
}
.synthego-related-articles__nav-button:hover:not(:disabled) svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-related-articles__nav-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  background: var(--Brand-Colors-Neutrals-Gray-100, #f5f5f5);
}
.synthego-related-articles__nav-button svg {
  width: 24px;
  height: 24px;
}
.synthego-related-articles__nav-button svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
  transition: fill 0.3s ease;
}
.synthego-related-articles__placeholder {
  padding: var(--spacing-3xl, 2.5rem);
  background: var(--Brand-Colors-Neutrals-Gray-100, #f5f5f5);
  border: 2px dashed var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-8, 8px);
  text-align: center;
  color: var(--Text-Color-2, #666666);
  font-style: italic;
}
.synthego-related-articles .synthego-related-articles__card-link:focus-visible {
  outline: 2px solid var(--Brand-Colors-Primary-Cyan, #00d1ed);
  outline-offset: 2px;
  border-radius: var(--border-radius-border-radius-full, 20px);
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.synthego-related-articles__card {
  animation: fadeInUp 0.6s ease-out backwards;
}
.synthego-related-articles__card:nth-child(1) {
  animation-delay: 0.1s;
}
.synthego-related-articles__card:nth-child(2) {
  animation-delay: 0.2s;
}
.synthego-related-articles__card:nth-child(3) {
  animation-delay: 0.3s;
}

.static-related-articles .synthego-related-articles__card-excerpt {
  -webkit-line-clamp: 6;
}
.static-related-articles .synthego-related-articles__card-meta {
  margin: 0;
}

.post-subcategory-hero {
  position: relative;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  width: 100%;
  overflow: hidden;
  padding-top: var(--spacing-5xl, 140px);
  padding-bottom: var(--spacing-5xl, 140px);
  min-height: 500px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .post-subcategory-hero {
    padding-top: var(--spacing-5xl, 7rem);
    padding-bottom: var(--spacing-5xl, 7rem);
    min-height: 400px;
  }
}
@media (max-width: 767px) {
  .post-subcategory-hero {
    padding-top: var(--spacing-4xl, 5rem);
    padding-bottom: var(--spacing-4xl, 5rem);
    min-height: 350px;
  }
}
.post-subcategory-hero__background {
  position: absolute;
  width: 800px;
  height: 800px;
  right: 0px;
  top: -380px;
  pointer-events: none;
  z-index: 0;
}
.post-subcategory-hero__background svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .post-subcategory-hero__background {
    width: 600px;
    height: 600px;
  }
}
@media (max-width: 767px) {
  .post-subcategory-hero__background {
    display: none;
  }
}
.post-subcategory-hero__container {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 var(--Grid-Variables-Grid-Construction-global-outer-margin);
}
.post-subcategory-hero__content {
  max-width: 995px;
}
@media (max-width: 991px) {
  .post-subcategory-hero__content {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .post-subcategory-hero__content {
    max-width: 100%;
  }
}
.post-subcategory-hero__eyebrow {
  display: inline-block;
  margin: 0;
  margin-bottom: var(--spacing-md, 1rem);
  color: var(--Brand-Colors-Primary-Cyan, #00d1ed);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .post-subcategory-hero__eyebrow {
    margin-bottom: var(--spacing-md, 1rem);
  }
}
.post-subcategory-hero__title {
  margin: 0;
  margin-bottom: var(--spacing-md, 1rem);
  color: var(--Heading-Color-1, #262626);
  line-height: 1.1;
  font-size: var(--Font-Size-f-size-6xl, 80px);
  font-weight: var(--Font-Weight-Bold, 700);
}
@media (max-width: 991px) {
  .post-subcategory-hero__title {
    font-size: var(--Font-Size-f-size-5xl, 60px);
    margin-bottom: var(--spacing-lg, 1.25rem);
  }
}
@media (max-width: 767px) {
  .post-subcategory-hero__title {
    font-size: var(--Font-Size-f-size-4xl, 48px);
    margin-bottom: var(--spacing-md, 1rem);
  }
}
.post-subcategory-hero__description {
  margin: 0;
  max-width: 995px;
}
@media (max-width: 991px) {
  .post-subcategory-hero__description {
    font-size: var(--Font-Size-f-size-md, 18px);
    margin-bottom: var(--spacing-xl, 1.5rem);
  }
}
@media (max-width: 767px) {
  .post-subcategory-hero__description {
    font-size: var(--Font-Size-f-size-base, 16px);
    margin-bottom: var(--spacing-lg, 1.25rem);
  }
}
.post-subcategory-hero__button-wrapper {
  margin-top: var(--spacing-3xl, 2.5rem);
}
@media (max-width: 767px) {
  .post-subcategory-hero__button-wrapper {
    margin-top: var(--spacing-xxl, 2rem);
  }
}
.post-subcategory-hero__button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm, 0.75rem);
  padding: var(--spacing-md, 1rem) var(--spacing-xl, 1.5rem);
  background: var(--Brand-Colors-Primary-Cyan, #00d1ed);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: none;
  border-radius: var(--border-radius-border-radius-full, 20px);
  font-size: var(--Font-Size-f-size-base, 16px);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
.post-subcategory-hero__button:hover {
  background: var(--Brand-Colors-Primary-Black, #000000);
  transform: translateY(-2px);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
}
.post-subcategory-hero__button:hover svg {
  transform: translateX(4px);
}
.post-subcategory-hero__button svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.post-subcategory-hero__button svg path {
  fill: currentColor;
}
@media (max-width: 767px) {
  .post-subcategory-hero__button {
    padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.25rem);
    font-size: var(--Font-Size-f-size-sm, 14px);
  }
}
.post-subcategory-hero__button:focus-visible {
  outline: 2px solid var(--Brand-Colors-Primary-Cyan, #00d1ed);
  outline-offset: 2px;
}
@keyframes heroFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.post-subcategory-hero__content {
  animation: heroFadeIn 0.8s ease-out;
}
.post-subcategory-hero__eyebrow {
  animation: heroFadeIn 0.6s ease-out;
  animation-fill-mode: both;
}
.post-subcategory-hero__title {
  animation: heroFadeIn 0.7s ease-out;
  animation-delay: 0.1s;
  animation-fill-mode: both;
}
.post-subcategory-hero__description {
  animation: heroFadeIn 0.8s ease-out;
  animation-delay: 0.2s;
  animation-fill-mode: both;
}
.post-subcategory-hero__button-wrapper {
  animation: heroFadeIn 0.9s ease-out;
  animation-delay: 0.3s;
  animation-fill-mode: both;
}

.archive.category h2.headline-xxxl, .archive.category h2.oxy-heading[data-tag=h1],
.archive.category h2.ct-headline[data-tag=h1], .archive.category .supreme-element.about-section h2.section-heading, .supreme-element.about-section .archive.category h2.section-heading {
  font-size: var(--Font-Size-f-size-xxl);
  line-height: var(--Line-Height-Line-height-f-size-xxl);
}

.cta-inline-wrapper {
  position: relative;
  margin: var(--spacing-3xl, 40px) 0;
  width: 100%;
}

.cta-inline-container {
  display: flex;
  background-color: #f5f5f5;
  border-radius: var(--border-radius-border-radius-sm, 8px);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
@media (max-width: 991px) {
  .cta-inline-container {
    flex-direction: column;
    min-height: auto;
  }
}

.cta-inline-left {
  flex: 0 0 300px;
  background: linear-gradient(135deg, #20d340 0%, #00d1ed 100%);
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .cta-inline-left {
    flex: 1;
    min-height: 250px;
  }
}
@media (max-width: 767px) {
  .cta-inline-left {
    min-height: 200px;
  }
}

.cta-inline-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-inline-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cta-inline-image-placeholder {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta-inline-image-placeholder span {
  color: white;
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 16px);
  font-weight: var(--Font-Weight-Medium, 500);
  padding: var(--spacing-md, 16px);
  border: 2px dashed rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}

.cta-inline-right {
  flex: 1;
  display: flex;
  align-items: center;
  padding: var(--spacing-3xl, 40px) var(--spacing-4xl, 60px);
}
@media (max-width: 1199px) {
  .cta-inline-right {
    padding: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 991px) {
  .cta-inline-right {
    padding: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 767px) {
  .cta-inline-right {
    padding: var(--spacing-xl, 24px);
  }
}

.cta-inline-content {
  max-width: 700px;
}

.cta-inline-heading {
  color: var(--Heading-Color-1, #000000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxl, 32px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.2;
  margin: 0 0 var(--spacing-lg, 20px) 0;
}
@media (max-width: 991px) {
  .cta-inline-heading {
    font-size: var(--Font-Size-f-size-xl, 28px);
  }
}
@media (max-width: 767px) {
  .cta-inline-heading {
    font-size: var(--Font-Size-f-size-lg, 24px);
    margin-bottom: var(--spacing-md, 16px);
  }
}

.cta-inline-description {
  color: var(--Body-Color-1, #666666);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 16px);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg, 20px) 0;
}
@media (max-width: 767px) {
  .cta-inline-description {
    font-size: var(--Font-Size-f-size-xs, 14px);
    margin-bottom: var(--spacing-md, 16px);
  }
}

.cta-inline-subtext {
  color: var(--Body-Color-1, #666666);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 16px);
  line-height: 1.6;
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .cta-inline-subtext {
    font-size: var(--Font-Size-f-size-xs, 14px);
    margin-bottom: var(--spacing-lg, 20px);
  }
}

.cta-inline-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  background-color: #000000;
  border: 2px solid #000000;
  border-radius: 6px;
  color: white;
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 16px);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
.cta-inline-button:hover {
  background-color: transparent;
  color: #000000;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.cta-inline-button:active {
  transform: translateY(0);
}
@media (max-width: 767px) {
  .cta-inline-button {
    font-size: var(--Font-Size-f-size-xs, 14px);
    padding: var(--spacing-xs, 10px) var(--spacing-xl, 24px);
  }
}

.cta-inline-title-bar {
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  padding: var(--spacing-xs, 8px) var(--spacing-lg, 20px);
  border-radius: 0 0 var(--border-radius-border-radius-sm, 8px) 0;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

.cta-inline-title {
  color: var(--Heading-Color-1, #000000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xs, 14px);
  font-weight: var(--Font-Weight-Bold, 700);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

@media (max-width: 767px) {
  .cta-inline-wrapper {
    margin: var(--spacing-xl, 24px) 0;
  }
}
.guide-content-section .wysiwyg-content img {
  height: 100%;
}

.post-content-grid {
  width: 100%;
}
.post-content-grid .grid-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-lg);
}
@media (max-width: 991px) {
  .post-content-grid .grid-container {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}
@media (max-width: 767px) {
  .post-content-grid .grid-container {
    padding: var(--spacing-xxl) var(--spacing-md);
  }
}
.post-content-grid .grid-content {
  width: 100%;
}
.post-content-grid .grid-title {
  color: var(--Heading-Color-1, #262626);
  font-size: var(--spacing-xxl);
  font-weight: 600;
  margin: 0 0 var(--spacing-3xl) 0;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .post-content-grid .grid-title {
    font-size: 28px;
    margin-bottom: var(--spacing-xxl);
  }
}
@media (max-width: 767px) {
  .post-content-grid .grid-title {
    font-size: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
  }
}
.post-content-grid .grid-flex {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  padding-top: var(--spacing-md);
}
@media (max-width: 767px) {
  .post-content-grid .grid-flex {
    gap: var(--spacing-md);
  }
}
.post-content-grid .grid-cell {
  flex: 0 0 calc(50% - var(--spacing-lg) / 2);
}
@media (max-width: 767px) {
  .post-content-grid .grid-cell {
    flex: 0 0 100%;
  }
}
.post-content-grid.with-grid-lines .grid-cell {
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  margin-bottom: var(--spacing-lg);
}
.post-content-grid.with-grid-lines .grid-cell:nth-last-child(-n+2) {
  border-bottom: none;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .post-content-grid.with-grid-lines .grid-cell:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
}
.post-content-grid .grid-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
@media (max-width: 767px) {
  .post-content-grid .grid-item {
    flex-direction: column;
    gap: var(--spacing-xs);
  }
}
.post-content-grid .item-image {
  flex-shrink: 0;
  width: 160px;
  overflow: hidden;
  border-radius: var(--spacing-xxs);
}
@media (max-width: 991px) {
  .post-content-grid .item-image {
    width: 140px;
    height: 90px;
  }
}
@media (max-width: 767px) {
  .post-content-grid .item-image {
    width: 100%;
    height: auto;
    max-width: 300px;
  }
}
.post-content-grid .item-image img {
  display: block;
}
.post-content-grid .item-content {
  flex: 1;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text, #262626);
  display: block;
}
@media (min-width: 992px) {
  .post-content-grid .item-content {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .post-content-grid .item-content {
    font-size: 16px;
  }
}
.post-content-grid .item-content p {
  margin: 0 0 1em 0;
}
.post-content-grid .item-content p:last-child {
  margin-bottom: 0;
}
.post-content-grid .item-content a {
  color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  text-decoration: underline;
  transition: color 0.3s ease;
}
.post-content-grid .item-content a:hover {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  text-decoration: none;
}
.post-content-grid .item-content h3,
.post-content-grid .item-content h4,
.post-content-grid .item-content h5,
.post-content-grid .item-content h6 {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 0.5em 0;
  font-weight: 600;
}
.post-content-grid .item-content ul,
.post-content-grid .item-content ol {
  margin: 0 0 1em 0;
  padding-left: var(--spacing-lg);
}
.post-content-grid .item-content ul:last-child,
.post-content-grid .item-content ol:last-child {
  margin-bottom: 0;
}
.post-content-grid .item-content strong,
.post-content-grid .item-content b {
  font-weight: 600;
}
.post-content-grid .item-content em,
.post-content-grid .item-content i {
  font-style: italic;
}

.oxygen-builder-body .post-content-grid {
  min-height: 200px;
}
.oxygen-builder-body .post-content-grid .grid-container {
  min-height: inherit;
}

.synthego-product-grid {
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-4xl);
}

.product-grid-container {
  display: grid;
  gap: 20px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .product-grid-container {
    gap: var(--spacing-md, 16px);
  }
}

.product-card {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  transition: all 0.3s ease;
  position: relative;
  overflow: visible;
  min-height: 336px;
}
.product-card.product-card-link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.product-card.product-card-link:visited, .product-card.product-card-link:active, .product-card.product-card-link:focus {
  color: inherit;
  text-decoration: none;
}
.product-card::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 20px;
  padding: 4px;
  background: linear-gradient(180deg, #20d340 0%, #00d1ed 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: -1;
  opacity: 0;
}
.product-card > * {
  position: relative;
  z-index: 1;
}
.product-card:hover {
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
  transform: translateY(0px);
  border-color: transparent;
}
.product-card:hover::after {
  opacity: 1;
}
@media (max-width: 767px) {
  .product-card {
    padding: var(--spacing-lg, 20px);
    gap: var(--spacing-md, 16px);
    height: auto;
    min-height: auto;
  }
}

.product-image {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.product-image svg {
  width: 100%;
  height: 100%;
  display: block;
}
.product-image.product-image-placeholder {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: 50%;
}
.product-image.product-image-placeholder .placeholder-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-image.product-image-placeholder .placeholder-icon svg {
  width: 40px;
  height: 40px;
  opacity: 0.5;
}
@media (max-width: 480px) {
  .product-image {
    width: 50px;
    height: 50px;
  }
}

.product-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  padding-right: 24px;
}

.product-info {
  display: flex;
  flex-direction: column;
}

.product-heading {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}

.product-description {
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  color: var(--Paragraph-Color-1, #262626);
  margin: 0;
}

.product-grid-1 .product-grid-container {
  grid-template-columns: 1fr;
  max-width: 690px;
}
.product-grid-1 .product-card {
  max-width: 100%;
}

.product-grid-2 .product-grid-container {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .product-grid-2 .product-grid-container {
    grid-template-columns: 1fr;
  }
}

.product-grid-3 .product-grid-container {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991px) {
  .product-grid-3 .product-grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .product-grid-3 .product-grid-container {
    grid-template-columns: 1fr;
  }
}

.product-grid-4 .product-grid-container {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.product-grid-4 .product-card {
  width: 100%;
  min-height: 336px;
}
@media (max-width: 1199px) {
  .product-grid-4 .product-grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .product-grid-4 .product-grid-container {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .product-grid-4 .product-card {
    min-height: auto;
  }
}

.product-grid-5 .product-grid-container {
  grid-template-columns: repeat(6, 1fr);
}
.product-grid-5 .product-card {
  grid-column: span 2;
}
.product-grid-5 .product-card:nth-child(4), .product-grid-5 .product-card:nth-child(5) {
  grid-column: span 3;
}
.product-grid-5 .product-card:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 4;
}
.product-grid-5 .product-card:nth-child(5) {
  grid-column-start: 4;
  grid-column-end: 7;
}
@media (max-width: 991px) {
  .product-grid-5 .product-grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-grid-5 .product-card {
    grid-column: span 1;
  }
  .product-grid-5 .product-card:nth-child(4), .product-grid-5 .product-card:nth-child(5) {
    grid-column: span 1;
  }
}
@media (max-width: 768px) {
  .product-grid-5 .product-grid-container {
    grid-template-columns: 1fr;
  }
}

.product-grid-6 .product-grid-container {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 991px) {
  .product-grid-6 .product-grid-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .product-grid-6 .product-grid-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

@media (max-width: 480px) {
  .product-grid-container {
    gap: var(--spacing-md, 15px);
  }
  .product-card {
    padding: var(--spacing-md, 16px);
    gap: var(--spacing-md, 16px);
  }
  .product-heading {
    font-size: 18px;
  }
  .product-description {
    font-size: 14px;
    line-height: 1.5;
  }
}
.supreme-element.title-text-button-hero.product-category-hero-section .title-text-button-hero-container {
  gap: var(--spacing-3xl, 40px);
}
.supreme-element.title-text-button-hero.product-category-hero-section .title-text-button-hero-container .hero-content {
  max-width: 899px;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  display: block;
}

.mes-title-with-link > a {
  all: unset;
  text-decoration: none !important;
  padding: 0 !important;
  border: none !important;
}
.mes-title-with-link > a:hover {
  background: none !important;
}

.mes-menu-container .mobile-only {
  display: none !important;
}
@media (max-width: 1200px) {
  .mes-menu-container .mobile-only {
    display: list-item !important;
  }
}

.oxy-mes-menu,
.mes-menu-container,
.mes-nav-menu {
  color: var(--text, #262626);
  height: 100%;
}
.oxy-mes-menu > li,
.mes-menu-container > li,
.mes-nav-menu > li {
  position: relative;
  height: 100%;
}
.oxy-mes-menu > li > .mes-title-wrapper,
.oxy-mes-menu > li > a,
.mes-menu-container > li > .mes-title-wrapper,
.mes-menu-container > li > a,
.mes-nav-menu > li > .mes-title-wrapper,
.mes-nav-menu > li > a {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.556;
  color: #262626;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}
.oxy-mes-menu > li > .mes-title-wrapper:hover,
.oxy-mes-menu > li > a:hover,
.mes-menu-container > li > .mes-title-wrapper:hover,
.mes-menu-container > li > a:hover,
.mes-nav-menu > li > .mes-title-wrapper:hover,
.mes-nav-menu > li > a:hover {
  color: #000000;
}
.oxy-mes-menu > li.current-menu-item > .mes-title-wrapper,
.oxy-mes-menu > li.current-menu-item > a, .oxy-mes-menu > li.current-page-ancestor > .mes-title-wrapper,
.oxy-mes-menu > li.current-page-ancestor > a, .oxy-mes-menu > li.active > .mes-title-wrapper,
.oxy-mes-menu > li.active > a,
.mes-menu-container > li.current-menu-item > .mes-title-wrapper,
.mes-menu-container > li.current-menu-item > a,
.mes-menu-container > li.current-page-ancestor > .mes-title-wrapper,
.mes-menu-container > li.current-page-ancestor > a,
.mes-menu-container > li.active > .mes-title-wrapper,
.mes-menu-container > li.active > a,
.mes-nav-menu > li.current-menu-item > .mes-title-wrapper,
.mes-nav-menu > li.current-menu-item > a,
.mes-nav-menu > li.current-page-ancestor > .mes-title-wrapper,
.mes-nav-menu > li.current-page-ancestor > a,
.mes-nav-menu > li.active > .mes-title-wrapper,
.mes-nav-menu > li.active > a {
  color: #000000;
}

.mes-nav-menu .mes-title-only > .mes-title-wrapper,
.mes-nav-menu .mes-title-with-link > a > .mes-title-wrapper {
  padding: 12px 0;
}

.mes-sub-menu {
  transform: translate(0) !important;
}

.oxy-mes-menu.mes-layout-horizontal .mes-menu,
.oxy-mes-menu.mes-layout-horizontal .mes-nav-menu,
.mes-menu-container.mes-layout-horizontal .mes-menu,
.mes-menu-container.mes-layout-horizontal .mes-nav-menu {
  display: flex;
  align-items: center;
  gap: var(--spacing-3xl, 40px);
}
.oxy-mes-menu.mes-layout-horizontal .mes-menu > li,
.oxy-mes-menu.mes-layout-horizontal .mes-nav-menu > li,
.mes-menu-container.mes-layout-horizontal .mes-menu > li,
.mes-menu-container.mes-layout-horizontal .mes-nav-menu > li {
  position: relative;
}
.oxy-mes-menu.mes-layout-horizontal .mes-menu > li.mes-full-width-columns,
.oxy-mes-menu.mes-layout-horizontal .mes-nav-menu > li.mes-full-width-columns,
.mes-menu-container.mes-layout-horizontal .mes-menu > li.mes-full-width-columns,
.mes-menu-container.mes-layout-horizontal .mes-nav-menu > li.mes-full-width-columns {
  position: unset;
}

.mes-nav-menu > li > .sub-menu,
.mes-nav-menu > li > .mes-sub-menu,
.mes-menu > li > .sub-menu,
.mes-menu > li > .mes-sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
  background: #ffffff;
  z-index: 1002;
  max-width: 900px;
}
.mes-nav-menu > li .sub-menu .sub-menu,
.mes-nav-menu > li .mes-sub-menu .mes-sub-menu,
.mes-menu > li .sub-menu .sub-menu,
.mes-menu > li .mes-sub-menu .mes-sub-menu {
  width: auto;
  max-width: none;
  min-width: 200px;
}

.mes-nav-menu > li.mes-hover-active > .sub-menu,
.mes-nav-menu > li.mes-hover-active > .mes-sub-menu, .mes-nav-menu > li.mes-submenu-open > .sub-menu,
.mes-nav-menu > li.mes-submenu-open > .mes-sub-menu, .mes-nav-menu > li.mes-has-active-submenu > .sub-menu,
.mes-nav-menu > li.mes-has-active-submenu > .mes-sub-menu, .mes-nav-menu > li.mes-active > .sub-menu,
.mes-nav-menu > li.mes-active > .mes-sub-menu, .mes-nav-menu > li[aria-expanded=true] > .sub-menu,
.mes-nav-menu > li[aria-expanded=true] > .mes-sub-menu,
.mes-menu > li.mes-hover-active > .sub-menu,
.mes-menu > li.mes-hover-active > .mes-sub-menu,
.mes-menu > li.mes-submenu-open > .sub-menu,
.mes-menu > li.mes-submenu-open > .mes-sub-menu,
.mes-menu > li.mes-has-active-submenu > .sub-menu,
.mes-menu > li.mes-has-active-submenu > .mes-sub-menu,
.mes-menu > li.mes-active > .sub-menu,
.mes-menu > li.mes-active > .mes-sub-menu,
.mes-menu > li[aria-expanded=true] > .sub-menu,
.mes-menu > li[aria-expanded=true] > .mes-sub-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 991px) {
  .oxy-mes-menu .mes-menu > li > .mes-title-wrapper,
  .oxy-mes-menu .mes-menu > li > a,
  .oxy-mes-menu .mes-nav-menu > li > .mes-title-wrapper,
  .oxy-mes-menu .mes-nav-menu > li > a,
  .mes-menu-container .mes-menu > li > .mes-title-wrapper,
  .mes-menu-container .mes-menu > li > a,
  .mes-menu-container .mes-nav-menu > li > .mes-title-wrapper,
  .mes-menu-container .mes-nav-menu > li > a {
    font-size: 16px;
  }
  .oxy-mes-menu.mes-layout-horizontal .mes-menu,
  .mes-menu-container.mes-layout-horizontal .mes-menu {
    gap: 24px;
  }
}
@media (max-width: 1250px) {
  .mes-mobile-menu,
  .mes-mobile-toggle {
    display: block;
  }
}
@media (max-width: 767px) {
  .oxy-mes-menu.mes-layout-horizontal .mes-menu,
  .mes-menu-container.mes-layout-horizontal .mes-menu {
    gap: 16px;
  }
}
.current-menu-parent .mes-title-wrapper span.mes-title-text {
  font-weight: 700;
}

.mes-display-dropdown > .sub-menu,
.mes-display-dropdown > .mes-sub-menu {
  background: #ffffff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
  padding: 12px;
  margin-top: 12px !important;
  min-width: 200px;
  width: auto;
  width: auto;
  max-width: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.mes-display-dropdown > .sub-menu > li,
.mes-display-dropdown > .mes-sub-menu > li {
  display: block;
  margin: 0;
  padding: 0;
}
.mes-display-dropdown > .sub-menu > li > a,
.mes-display-dropdown > .mes-sub-menu > li > a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 4px 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 8px;
  border: none;
  border-bottom: none;
  position: relative;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #262626;
  text-align: left;
}
.mes-display-dropdown > .sub-menu > li > a .mes-title-with-arrow,
.mes-display-dropdown > .mes-sub-menu > li > a .mes-title-with-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.mes-display-dropdown > .sub-menu > li > a .mes-arrow,
.mes-display-dropdown > .mes-sub-menu > li > a .mes-arrow {
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #000000;
  font-size: 15px;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mes-display-dropdown > .sub-menu > li > a:hover,
.mes-display-dropdown > .mes-sub-menu > li > a:hover {
  background-color: #f4f9fa;
  color: #000000;
}
.mes-display-dropdown > .sub-menu > li > a:hover .mes-arrow,
.mes-display-dropdown > .mes-sub-menu > li > a:hover .mes-arrow {
  opacity: 1;
}

.mes-nav-menu > li.mes-display-columns {
  position: static;
}
.mes-nav-menu > li.mes-display-columns.mes-trigger-hover > .sub-menu,
.mes-nav-menu > li.mes-display-columns.mes-trigger-hover > .mes-sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-click > .sub-menu,
.mes-nav-menu > li.mes-display-columns.mes-trigger-click > .mes-sub-menu {
  position: absolute;
  left: 0;
  right: auto;
  transform-origin: top left;
  width: 900px;
  max-width: 900px;
  min-width: 900px;
  z-index: 9999;
}
.mes-nav-menu > li.mes-display-columns.mes-trigger-hover.mes-hover-active > .sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-hover.mes-hover-active > .mes-sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-hover.mes-submenu-open > .sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-hover.mes-submenu-open > .mes-sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-click.mes-hover-active > .sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-click.mes-hover-active > .mes-sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-click.mes-submenu-open > .sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-click.mes-submenu-open > .mes-sub-menu {
  left: 0;
  right: auto;
}
.mes-nav-menu > li.mes-display-columns > .sub-menu,
.mes-nav-menu > li.mes-display-columns > .mes-sub-menu {
  position: fixed;
  left: auto;
  margin-left: calc(-1 * var(--menu-item-offset, 0px));
}

.mes-nav-container .mes-nav-menu > li.mes-display-columns > .sub-menu,
.mes-nav-container .mes-nav-menu > li.mes-display-columns > .mes-sub-menu,
.nav-wrapper .mes-nav-menu > li.mes-display-columns > .sub-menu,
.nav-wrapper .mes-nav-menu > li.mes-display-columns > .mes-sub-menu,
.navigation .mes-nav-menu > li.mes-display-columns > .sub-menu,
.navigation .mes-nav-menu > li.mes-display-columns > .mes-sub-menu {
  left: 0;
  position: absolute;
}

.mes-nav-menu > li.mes-display-columns.mes-full-width-columns > .sub-menu,
.mes-nav-menu > li.mes-display-columns.mes-full-width-columns > .mes-sub-menu {
  left: 0;
  right: auto;
  width: 900px;
  max-width: 900px;
}

.mes-full-width-columns:not(.product-menu) .mes-title-only > .mes-title-wrapper,
.mes-full-width-columns:not(.product-menu) .mes-title-with-link > a > .mes-title-wrapper {
  padding: var(--spacing-sm, 12px);
}
.mes-full-width-columns:not(.product-menu) .mes-sub-menu .mes-title-text,
.mes-full-width-columns:not(.product-menu) .sub-menu .mes-title-text {
  display: block;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxxs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxxs, 20px);
  letter-spacing: 0;
  text-align: left;
}

.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper {
  padding: 24px;
  margin-top: 12px;
  width: 900px;
  max-width: 900px;
  background: #ffffff;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #eaeaea;
  box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
  overflow: visible;
  flex-direction: row;
  gap: 34px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li.mes-title-only > .mes-title-wrapper, .mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li.mes-title-with-link > a > .mes-title-wrapper,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li.mes-title-only > .mes-title-wrapper,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li.mes-title-with-link > a > .mes-title-wrapper {
  display: block;
  padding: 4px 8px;
  margin: 0;
  cursor: default;
  pointer-events: none;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-title-wrapper .mes-menu-subtitle,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-title-wrapper .mes-menu-subtitle {
  display: block;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  margin-top: 4px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
  margin: 0 0 0 8px;
  list-style: none;
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;
  box-shadow: none;
  background: transparent;
  pointer-events: auto;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li {
  display: block;
  margin: 0;
  padding: 0;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 4px 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 8px;
  position: relative;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #262626;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a .mes-title-with-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a .mes-title-with-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a .mes-title-with-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a .mes-title-with-arrow {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a .mes-arrow {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #000000;
  font-size: 16px;
  flex-shrink: 0;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a .mes-menu-subtitle,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a .mes-menu-subtitle,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a .mes-menu-subtitle,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a .mes-menu-subtitle {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #262626;
  opacity: 0.8;
  display: block;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a:hover,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a:hover,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a:hover,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a:hover {
  background-color: #f4f9fa;
  color: #000000;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a:hover .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a:hover .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a:hover .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a:hover .mes-arrow {
  opacity: 1;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li:nth-child(1),
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li:nth-child(1) {
  gap: 12px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li:nth-child(2),
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li:nth-child(2) {
  gap: 20px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li:nth-child(3), .mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li:nth-child(4), .mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li:nth-child(5),
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li:nth-child(3),
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li:nth-child(4),
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li:nth-child(5) {
  gap: 34px;
}

.mes-menu-container .mes-full-width-columns:not(.product-menu).mes-active > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu).mes-active > .mes-mega-menu-wrapper, .mes-menu-container .mes-full-width-columns:not(.product-menu).mes-hover > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu).mes-hover > .mes-mega-menu-wrapper, .mes-menu-container .mes-full-width-columns:not(.product-menu):hover > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu):hover > .mes-mega-menu-wrapper, .mes-menu-container .mes-full-width-columns:not(.product-menu)[aria-expanded=true] > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu)[aria-expanded=true] > .mes-mega-menu-wrapper, .mes-menu-container .mes-full-width-columns:not(.product-menu).mes-hover-active > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu).mes-hover-active > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-active > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-active > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-hover > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu):hover > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu):hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu)[aria-expanded=true] > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu)[aria-expanded=true] > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-hover-active > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-hover-active > .mes-mega-menu-wrapper {
  display: flex;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 1002;
}
.mes-menu-container .mes-full-width-columns:not(.product-menu):hover > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu) > .mes-sub-menu:hover, .mes-menu-container .mes-full-width-columns:not(.product-menu):hover > .mes-mega-menu-wrapper,
.mes-menu-container .mes-full-width-columns:not(.product-menu) .mes-mega-menu-wrapper:hover,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu):hover > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu) > .mes-sub-menu:hover,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu):hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu) .mes-mega-menu-wrapper:hover {
  display: flex;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 1002;
}

.mes-nav-menu > li.product-menu > .sub-menu,
.mes-nav-menu > li.product-menu > .mega-menu,
.mes-nav-menu > li.product-menu > .mes-mega-menu-wrapper {
  padding: var(--spacing-xl, 24px);
  margin-top: 12px;
  width: 900px;
  max-width: 900px;
  overflow: visible;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  border-radius: 0 0 8px 8px;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2px;
  padding: 0;
  margin: 12px 0 0 0;
  list-style: none;
  flex: 1;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li {
  display: block;
  margin: 0;
  padding: 0;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 4px 8px;
  margin-bottom: 0px;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 8px;
  position: relative;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.625;
  color: #262626;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a .mes-menu-icon-img, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a .mes-menu-icon-img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: contain;
  flex-shrink: 0;
  margin-right: 0;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a .mes-menu-icon, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a .mes-menu-icon {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  margin-right: 0;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a .mes-arrow, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a .mes-arrow {
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #000000;
  font-size: 16px;
  margin-left: 10px;
  flex-shrink: 0;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a:hover, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a:hover {
  background-color: #f4f9fa;
  color: #000000;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a:hover .mes-arrow, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a:hover .mes-arrow {
  opacity: 1;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .justify-start .mes-always-visible, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .justify-start .mes-always-visible {
  justify-content: flex-start;
  gap: 12px;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header > .mes-title-wrapper, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header > .mes-title-wrapper, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 5px 0;
  position: relative;
  cursor: pointer;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  font-family: "Runda", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: #000000;
  letter-spacing: 0.02em;
  transition: all 0.3s ease;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(270deg, #20d340 0%, #00d1ed 100%);
  transition: all 0.3s ease;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text::after {
  content: "→";
  display: inline-block;
  width: 0;
  margin-left: 0;
  opacity: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  color: #000000;
  font-size: 24px;
  line-height: 1;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header > .mes-title-wrapper .mes-menu-subtitle, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-menu-subtitle, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-menu-subtitle, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header > .mes-title-wrapper .mes-menu-subtitle, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-menu-subtitle, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-menu-subtitle {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.571;
  color: #262626;
  text-transform: none;
  letter-spacing: normal;
  margin-top: 0;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper:hover .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper:hover .mes-title-text::before {
  height: 3px;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper:hover .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper:hover .mes-title-text::after {
  width: 24px;
  opacity: 1;
  margin-left: 8px;
}

.mes-menu-container .product-menu.mes-active > .sub-menu,
.mes-menu-container .product-menu.mes-active > .mega-menu,
.mes-menu-container .product-menu.mes-active > .mes-mega-menu-wrapper, .mes-menu-container .product-menu.mes-hover > .sub-menu,
.mes-menu-container .product-menu.mes-hover > .mega-menu,
.mes-menu-container .product-menu.mes-hover > .mes-mega-menu-wrapper, .mes-menu-container .product-menu:hover > .sub-menu,
.mes-menu-container .product-menu:hover > .mega-menu,
.mes-menu-container .product-menu:hover > .mes-mega-menu-wrapper, .mes-menu-container .product-menu[aria-expanded=true] > .sub-menu,
.mes-menu-container .product-menu[aria-expanded=true] > .mega-menu,
.mes-menu-container .product-menu[aria-expanded=true] > .mes-mega-menu-wrapper,
.oxy-mes-menu .product-menu.mes-active > .sub-menu,
.oxy-mes-menu .product-menu.mes-active > .mega-menu,
.oxy-mes-menu .product-menu.mes-active > .mes-mega-menu-wrapper,
.oxy-mes-menu .product-menu.mes-hover > .sub-menu,
.oxy-mes-menu .product-menu.mes-hover > .mega-menu,
.oxy-mes-menu .product-menu.mes-hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .product-menu:hover > .sub-menu,
.oxy-mes-menu .product-menu:hover > .mega-menu,
.oxy-mes-menu .product-menu:hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .product-menu[aria-expanded=true] > .sub-menu,
.oxy-mes-menu .product-menu[aria-expanded=true] > .mega-menu,
.oxy-mes-menu .product-menu[aria-expanded=true] > .mes-mega-menu-wrapper {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 1002;
}
.mes-menu-container .product-menu:hover > .mes-mega-menu-wrapper,
.mes-menu-container .product-menu .mes-mega-menu-wrapper:hover,
.oxy-mes-menu .product-menu:hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .product-menu .mes-mega-menu-wrapper:hover {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 1002;
}
.mes-menu-container .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content > ul > li .mes-sub-menu,
.mes-menu-container .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content > ul > li ul,
.mes-menu-container .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content .mes-sub-menu > li .mes-sub-menu,
.mes-menu-container .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content .mes-sub-menu > li ul,
.oxy-mes-menu .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content > ul > li .mes-sub-menu,
.oxy-mes-menu .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content > ul > li ul,
.oxy-mes-menu .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content .mes-sub-menu > li .mes-sub-menu,
.oxy-mes-menu .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content .mes-sub-menu > li ul {
  position: static;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.mes-nav-menu li.product-menu.mes-trigger-hover.mes-display-columns.mes-hover-active > .mes-sub-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (min-width: 1251px) {
  .mes-nav-menu > li.mes-trigger-hover,
  .mes-menu > li.mes-trigger-hover {
    position: relative;
  }
  .mes-nav-menu > li.mes-trigger-hover > .sub-menu,
  .mes-nav-menu > li.mes-trigger-hover > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-hover > .mega-menu,
  .mes-nav-menu > li.mes-trigger-hover > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-hover > .sub-menu,
  .mes-menu > li.mes-trigger-hover > .mes-sub-menu,
  .mes-menu > li.mes-trigger-hover > .mega-menu,
  .mes-menu > li.mes-trigger-hover > .mes-mega-menu-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1002;
  }
  .mes-nav-menu > li.mes-trigger-hover:hover > .sub-menu,
  .mes-nav-menu > li.mes-trigger-hover:hover > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-hover:hover > .mega-menu,
  .mes-nav-menu > li.mes-trigger-hover:hover > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-hover:hover > .sub-menu,
  .mes-menu > li.mes-trigger-hover:hover > .mes-sub-menu,
  .mes-menu > li.mes-trigger-hover:hover > .mega-menu,
  .mes-menu > li.mes-trigger-hover:hover > .mes-mega-menu-wrapper {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .mes-nav-menu > li.mes-trigger-hover > .sub-menu:hover,
  .mes-nav-menu > li.mes-trigger-hover > .mes-sub-menu:hover,
  .mes-nav-menu > li.mes-trigger-hover > .mega-menu:hover,
  .mes-nav-menu > li.mes-trigger-hover > .mes-mega-menu-wrapper:hover,
  .mes-menu > li.mes-trigger-hover > .sub-menu:hover,
  .mes-menu > li.mes-trigger-hover > .mes-sub-menu:hover,
  .mes-menu > li.mes-trigger-hover > .mega-menu:hover,
  .mes-menu > li.mes-trigger-hover > .mes-mega-menu-wrapper:hover {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .mes-nav-menu > li.mes-trigger-hover::after,
  .mes-menu > li.mes-trigger-hover::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 1001;
    pointer-events: none;
  }
  .mes-nav-menu > li.mes-trigger-hover:hover::after,
  .mes-menu > li.mes-trigger-hover:hover::after {
    pointer-events: auto;
  }
  .mes-nav-menu > li.product-menu.mes-trigger-hover > a {
    position: relative;
    z-index: 10;
  }
  .mes-nav-menu > li.product-menu.mes-trigger-hover > a:hover ~ .sub-menu,
  .mes-nav-menu > li.product-menu.mes-trigger-hover > a:hover ~ .mes-sub-menu,
  .mes-nav-menu > li.product-menu.mes-trigger-hover > a:hover ~ .mega-menu,
  .mes-nav-menu > li.product-menu.mes-trigger-hover > a:hover ~ .mes-mega-menu-wrapper, .mes-nav-menu > li.product-menu.mes-trigger-hover:hover > .sub-menu, .mes-nav-menu > li.product-menu.mes-trigger-hover:hover > .mes-sub-menu, .mes-nav-menu > li.product-menu.mes-trigger-hover:hover > .mega-menu, .mes-nav-menu > li.product-menu.mes-trigger-hover:hover > .mes-mega-menu-wrapper {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .mes-nav-menu:hover > li.mes-trigger-hover:not(:hover) > .sub-menu,
  .mes-nav-menu:hover > li.mes-trigger-hover:not(:hover) > .mes-sub-menu,
  .mes-nav-menu:hover > li.mes-trigger-hover:not(:hover) > .mega-menu,
  .mes-nav-menu:hover > li.mes-trigger-hover:not(:hover) > .mes-mega-menu-wrapper,
  .mes-menu:hover > li.mes-trigger-hover:not(:hover) > .sub-menu,
  .mes-menu:hover > li.mes-trigger-hover:not(:hover) > .mes-sub-menu,
  .mes-menu:hover > li.mes-trigger-hover:not(:hover) > .mega-menu,
  .mes-menu:hover > li.mes-trigger-hover:not(:hover) > .mes-mega-menu-wrapper {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .mes-nav-menu > li.mes-trigger-click > .sub-menu,
  .mes-nav-menu > li.mes-trigger-click > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-click > .mega-menu,
  .mes-nav-menu > li.mes-trigger-click > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-click > .sub-menu,
  .mes-menu > li.mes-trigger-click > .mes-sub-menu,
  .mes-menu > li.mes-trigger-click > .mega-menu,
  .mes-menu > li.mes-trigger-click > .mes-mega-menu-wrapper {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .mes-nav-menu > li.mes-trigger-click > .sub-menu:hover,
  .mes-nav-menu > li.mes-trigger-click > .mes-sub-menu:hover,
  .mes-nav-menu > li.mes-trigger-click > .mega-menu:hover,
  .mes-nav-menu > li.mes-trigger-click > .mes-mega-menu-wrapper:hover,
  .mes-menu > li.mes-trigger-click > .sub-menu:hover,
  .mes-menu > li.mes-trigger-click > .mes-sub-menu:hover,
  .mes-menu > li.mes-trigger-click > .mega-menu:hover,
  .mes-menu > li.mes-trigger-click > .mes-mega-menu-wrapper:hover {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .mes-nav-menu > li.mes-trigger-click.mes-hover-active > .sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-hover-active > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-hover-active > .mega-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-hover-active > .mes-mega-menu-wrapper, .mes-nav-menu > li.mes-trigger-click.mes-submenu-open > .sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-submenu-open > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-submenu-open > .mega-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-submenu-open > .mes-mega-menu-wrapper, .mes-nav-menu > li.mes-trigger-click.mes-active > .sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-active > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-active > .mega-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-active > .mes-mega-menu-wrapper, .mes-nav-menu > li.mes-trigger-click[aria-expanded=true] > .sub-menu,
  .mes-nav-menu > li.mes-trigger-click[aria-expanded=true] > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-click[aria-expanded=true] > .mega-menu,
  .mes-nav-menu > li.mes-trigger-click[aria-expanded=true] > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-click.mes-hover-active > .sub-menu,
  .mes-menu > li.mes-trigger-click.mes-hover-active > .mes-sub-menu,
  .mes-menu > li.mes-trigger-click.mes-hover-active > .mega-menu,
  .mes-menu > li.mes-trigger-click.mes-hover-active > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-click.mes-submenu-open > .sub-menu,
  .mes-menu > li.mes-trigger-click.mes-submenu-open > .mes-sub-menu,
  .mes-menu > li.mes-trigger-click.mes-submenu-open > .mega-menu,
  .mes-menu > li.mes-trigger-click.mes-submenu-open > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-click.mes-active > .sub-menu,
  .mes-menu > li.mes-trigger-click.mes-active > .mes-sub-menu,
  .mes-menu > li.mes-trigger-click.mes-active > .mega-menu,
  .mes-menu > li.mes-trigger-click.mes-active > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-click[aria-expanded=true] > .sub-menu,
  .mes-menu > li.mes-trigger-click[aria-expanded=true] > .mes-sub-menu,
  .mes-menu > li.mes-trigger-click[aria-expanded=true] > .mega-menu,
  .mes-menu > li.mes-trigger-click[aria-expanded=true] > .mes-mega-menu-wrapper {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .mes-nav-menu > li.mes-display-dropdown.mes-trigger-hover > .sub-menu,
  .mes-nav-menu > li.mes-display-dropdown.mes-trigger-hover > .mes-sub-menu,
  .mes-menu > li.mes-display-dropdown.mes-trigger-hover > .sub-menu,
  .mes-menu > li.mes-display-dropdown.mes-trigger-hover > .mes-sub-menu {
    margin-top: 0;
  }
  .mes-nav-menu > li.mes-full-width-columns.mes-trigger-hover > .sub-menu .mes-always-visible,
  .mes-nav-menu > li.mes-full-width-columns.mes-trigger-hover > .mes-sub-menu .mes-always-visible,
  .mes-nav-menu > li.mes-full-width-columns.mes-trigger-hover > .mega-menu .mes-always-visible,
  .mes-nav-menu > li.mes-full-width-columns.mes-trigger-hover > .mes-mega-menu-wrapper .mes-always-visible,
  .mes-menu > li.mes-full-width-columns.mes-trigger-hover > .sub-menu .mes-always-visible,
  .mes-menu > li.mes-full-width-columns.mes-trigger-hover > .mes-sub-menu .mes-always-visible,
  .mes-menu > li.mes-full-width-columns.mes-trigger-hover > .mega-menu .mes-always-visible,
  .mes-menu > li.mes-full-width-columns.mes-trigger-hover > .mes-mega-menu-wrapper .mes-always-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .mes-nav-menu > li:hover,
  .mes-menu > li:hover {
    z-index: 1003;
  }
  .mes-nav-menu > li > .sub-menu,
  .mes-nav-menu > li > .mes-sub-menu,
  .mes-nav-menu > li > .mega-menu,
  .mes-nav-menu > li > .mes-mega-menu-wrapper,
  .mes-menu > li > .sub-menu,
  .mes-menu > li > .mes-sub-menu,
  .mes-menu > li > .mega-menu,
  .mes-menu > li > .mes-mega-menu-wrapper {
    z-index: 1002;
  }
}
@media (max-width: 1250px) {
  .mes-nav-menu,
  .oxy-mes-menu .mes-menu {
    display: none !important;
  }
  .mes-divider {
    display: none !important;
  }
  .mes-full-width-columns:not(.product-menu) .mes-title-only > .mes-title-wrapper,
  .mes-full-width-columns:not(.product-menu) .mes-title-with-link > a > .mes-title-wrapper {
    width: 100%;
  }
  .mes-extra-spacing {
    margin-top: var(--spacing-xl, 28px) !important;
  }
  .mes-full-width-columns:not(.product-menu) .mes-submenu-list > li {
    margin-top: var(--spacing-xl, 28px) !important;
  }
  .mes-full-width-columns:not(.product-menu) .mes-submenu-list > li:first-child {
    margin-top: 0 !important;
  }
  .supreme-nav-desktop {
    display: none !important;
  }
  .mes-mobile-menu {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--Brand-Colors-Primary-White);
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
  }
  .mes-mobile-menu.mes-mobile-menu-open {
    transform: translateX(0);
  }
  .mes-mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: var(--Brand-Colors-Primary-White);
    position: sticky;
    top: 0;
    z-index: 10;
    height: 55px;
  }
  .mes-mobile-header .mes-mobile-logo {
    width: 182px;
    height: 18px;
  }
  .mes-mobile-header .mes-mobile-logo img {
    width: 100%;
    height: auto;
  }
  .mes-mobile-header .mes-mobile-close {
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mes-mobile-header .mes-mobile-close::before, .mes-mobile-header .mes-mobile-close::after {
    content: "";
    position: absolute;
    width: 18px;
    height: var(--spacing-xxxs);
    background: var(--Brand-Colors-Primary-Black);
    transform: rotate(45deg);
  }
  .mes-mobile-header .mes-mobile-close::after {
    transform: rotate(-45deg);
  }
  .mes-mobile-nav {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .mes-mobile-nav .sub-menu,
  .mes-mobile-nav .mes-mobile-submenu {
    display: none !important;
    padding: 0;
  }
  .mes-mobile-nav ul {
    padding-inline-start: 0px;
  }
  .mes-mobile-nav ul li {
    list-style-type: none;
  }
  .mes-mobile-nav > li {
    display: block;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--Brand-Colors-Light-Gray);
    list-style: none;
    cursor: pointer;
  }
  .mes-mobile-nav > li > a,
  .mes-mobile-nav > li > .mes-mobile-item,
  .mes-mobile-nav > li > .mes-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    color: var(--Heading-Color-1);
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Bold);
    font-size: var(--Font-Size-Paragraph-f-size);
    line-height: var(--Line-Height-Paragraph-line-height);
    transition: background-color 0.2s ease;
    cursor: pointer;
  }
  .mes-mobile-nav > li > a::after,
  .mes-mobile-nav > li > .mes-mobile-item::after,
  .mes-mobile-nav > li > .mes-title-wrapper::after {
    content: "";
    width: 11px;
    height: 11px;
    border-right: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    border-bottom: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    transform: rotate(-45deg);
    margin-right: 5px;
    flex-shrink: 0;
  }
  .mes-mobile-nav > li:not(.menu-item-has-children) > a::after, .mes-mobile-nav > li:not(.menu-item-has-children) > .mes-title-wrapper::after {
    display: none;
  }
  .mes-mobile-submenu,
  .mes-mobile-nav .sub-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--Brand-Colors-Primary-White);
    z-index: 10000;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    overflow: hidden;
    display: none;
    flex-direction: column;
  }
  .mes-mobile-submenu.mes-submenu-active,
  .mes-mobile-nav .sub-menu.mes-submenu-active {
    display: flex !important;
    transform: translateX(0);
    top: 55px;
  }
  .mes-mobile-submenu.mes-submenu-screen.mes-submenu-active,
  .mes-mobile-nav .sub-menu.mes-submenu-screen.mes-submenu-active {
    display: flex !important;
    transform: translateX(0);
    flex-direction: column;
    overflow-y: auto;
  }
  .mes-mobile-submenu .mes-mobile-submenu-header,
  .mes-mobile-nav .sub-menu .mes-mobile-submenu-header {
    padding: 12px;
    background: var(--Brand-Colors-Light-grayish-cyan);
    position: sticky;
    top: 0;
    z-index: 10;
  }
  .mes-mobile-submenu .mes-mobile-submenu-header .mes-back-wrapper,
  .mes-mobile-nav .sub-menu .mes-mobile-submenu-header .mes-back-wrapper {
    display: flex;
    align-items: center;
  }
  .mes-mobile-submenu .mes-mobile-submenu-header .mes-mobile-back,
  .mes-mobile-nav .sub-menu .mes-mobile-submenu-header .mes-mobile-back {
    display: flex;
    align-items: center;
    gap: 10px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Regular);
    font-size: var(--Font-Size-f-size-sm);
    line-height: 24px;
    color: var(--Heading-Color-1);
    transition: opacity 0.2s ease;
  }
  .mes-mobile-submenu .mes-mobile-submenu-header .mes-mobile-back .mes-back-arrow,
  .mes-mobile-nav .sub-menu .mes-mobile-submenu-header .mes-mobile-back .mes-back-arrow {
    display: block;
    width: 7px;
    height: 7px;
    border-left: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    border-bottom: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    transform: rotate(45deg);
    flex-shrink: 0;
    margin-left: 8px;
  }
  .mes-mobile-submenu .mes-mobile-submenu-header .mes-mobile-back .mes-back-text,
  .mes-mobile-nav .sub-menu .mes-mobile-submenu-header .mes-mobile-back .mes-back-text {
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Regular);
    font-size: var(--Font-Size-f-size-sm);
    line-height: 24px;
    color: var(--Heading-Color-1);
  }
  .mes-mobile-submenu .mes-submenu-title-wrapper,
  .mes-mobile-nav .sub-menu .mes-submenu-title-wrapper {
    padding: var(--spacing-xxl, 30px) var(--spacing-sm, 12px) var(--spacing-sm, 12px) var(--spacing-sm, 12px);
    border-top: 1px solid var(--Brand-Colors-Light-Gray);
  }
  .mes-mobile-submenu .mes-submenu-title-wrapper .mes-submenu-title,
  .mes-mobile-nav .sub-menu .mes-submenu-title-wrapper .mes-submenu-title {
    color: var(--Heading-Color-1, #262626);
    font-family: var(--Font-Family-Primary, Runda);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Line-height-f-size-xl, 42px); /* 150% */
  }
  .mes-mobile-submenu .mes-third-level-inline,
  .mes-mobile-nav .sub-menu .mes-third-level-inline {
    display: block !important;
    position: static !important;
    transform: none !important;
    z-index: auto !important;
    width: 100% !important;
  }
  .mes-mobile-submenu .mes-third-level-inline > li,
  .mes-mobile-nav .sub-menu .mes-third-level-inline > li {
    border-top: none !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 0;
  }
  .mes-mobile-submenu .mes-third-level-inline > li > a,
  .mes-mobile-nav .sub-menu .mes-third-level-inline > li > a {
    padding: 8px 12px;
    font-size: var(--Font-Size-f-size-sm);
    line-height: 22px;
    color: var(--text);
  }
  .mes-mobile-submenu .mes-submenu-content,
  .mes-mobile-nav .sub-menu .mes-submenu-content {
    overflow-y: auto;
    flex: 1;
    padding: 12px;
  }
  .mes-mobile-submenu .mes-submenu-content .mes-submenu-list,
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-submenu-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level {
    display: flex;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-title,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-title {
    display: inline-block;
    color: var(--Heading-Color-1, #262626);
    font-family: var(--Font-Family-Primary, Runda);
    font-size: var(--Font-Size-f-size-xl, 28px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--Line-Height-Line-height-f-size-xl, 42px); /* 150% */
    border-image: linear-gradient(180deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%);
    border-image-slice: 1;
    position: relative;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-title::before,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -3px;
    background: linear-gradient(270deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%);
    border-radius: 0;
    z-index: -1;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-title::after,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-title::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--Brand-Colors-Primary-White, #ffffff);
    border-radius: 0;
    z-index: -1;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-list > li,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level > li,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-list > li,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level > li {
    border: none;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-list > li > a,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-list > li > .mes-title-wrapper,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level > li > a,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level > li > .mes-title-wrapper,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-list > li > a,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-list > li > .mes-title-wrapper,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level > li > a,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level > li > .mes-title-wrapper {
    display: flex;
    padding: 8px 12px;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-list > li > a .mes-title-text,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-list > li > .mes-title-wrapper .mes-title-text,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level > li > a .mes-title-text,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level > li > .mes-title-wrapper .mes-title-text,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-list > li > a .mes-title-text,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-list > li > .mes-title-wrapper .mes-title-text,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level > li > a .mes-title-text,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level > li > .mes-title-wrapper .mes-title-text {
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: var(--Font-Weight-Bold);
    line-height: var(--Line-Height-Paragraph-line-height, 28px);
  }
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li {
    border-top: 1px solid var(--Brand-Colors-Light-Gray);
  }
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > a,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > a,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    color: var(--Heading-Color-1);
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Regular);
    font-size: var(--Font-Size-f-size-md);
    line-height: 26px;
    transition: background-color 0.2s ease;
    cursor: pointer;
  }
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a:hover, .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a:active,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper:hover,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper:active,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > a:hover,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > a:active,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper:hover,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper:active,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a:hover,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a:active,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper:hover,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper:active,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > a:hover,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > a:active,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper:hover,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper:active {
    background-color: var(--Brand-Colors-Light-grayish-cyan);
  }
  .mes-mobile-submenu .mes-submenu-content .sub-menu,
  .mes-mobile-submenu .mes-submenu-content .mes-mobile-submenu,
  .mes-mobile-submenu .mes-submenu-content ul:not(.mes-submenu-list),
  .mes-mobile-nav .sub-menu .mes-submenu-content .sub-menu,
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-mobile-submenu,
  .mes-mobile-nav .sub-menu .mes-submenu-content ul:not(.mes-submenu-list) {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--Brand-Colors-Primary-White);
    z-index: 10001;
    transform: translateX(100%);
    transition: transform 0.3s ease;
  }
  .mes-mobile-submenu .mes-submenu-content .sub-menu:not(.mes-third-level-inline),
  .mes-mobile-submenu .mes-submenu-content .mes-mobile-submenu:not(.mes-third-level-inline),
  .mes-mobile-submenu .mes-submenu-content ul:not(.mes-submenu-list):not(.mes-third-level-inline),
  .mes-mobile-nav .sub-menu .mes-submenu-content .sub-menu:not(.mes-third-level-inline),
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-mobile-submenu:not(.mes-third-level-inline),
  .mes-mobile-nav .sub-menu .mes-submenu-content ul:not(.mes-submenu-list):not(.mes-third-level-inline) {
    display: none !important;
  }
  .mes-mobile-submenu .mes-submenu-content .sub-menu.mes-submenu-active,
  .mes-mobile-submenu .mes-submenu-content .mes-mobile-submenu.mes-submenu-active,
  .mes-mobile-submenu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content .sub-menu.mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-mobile-submenu.mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-active {
    display: flex !important;
    transform: translateX(0);
  }
  .mes-mobile-submenu .mes-submenu-content .sub-menu.mes-submenu-screen,
  .mes-mobile-submenu .mes-submenu-content .mes-mobile-submenu.mes-submenu-screen,
  .mes-mobile-submenu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-screen,
  .mes-mobile-nav .sub-menu .mes-submenu-content .sub-menu.mes-submenu-screen,
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-mobile-submenu.mes-submenu-screen,
  .mes-mobile-nav .sub-menu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-screen {
    display: none !important;
  }
  .mes-mobile-submenu .mes-submenu-content .sub-menu.mes-submenu-screen.mes-submenu-active,
  .mes-mobile-submenu .mes-submenu-content .mes-mobile-submenu.mes-submenu-screen.mes-submenu-active,
  .mes-mobile-submenu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-screen.mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content .sub-menu.mes-submenu-screen.mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-mobile-submenu.mes-submenu-screen.mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-screen.mes-submenu-active {
    display: flex !important;
    transform: translateX(0);
    overflow-y: auto;
  }
  .mes-mobile-account {
    border-top: 1px solid var(--Brand-Colors-Light-Gray);
  }
  .mes-mobile-account .mes-account-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    color: var(--Heading-Color-1);
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Bold);
    font-size: var(--Font-Size-Paragraph-f-size);
    line-height: var(--Line-Height-Paragraph-line-height);
  }
  .mes-mobile-account .mes-account-item::after {
    content: "";
    width: 11px;
    height: 11px;
    border-right: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    border-bottom: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    transform: rotate(-45deg);
    margin-right: 5px;
    flex-shrink: 0;
  }
  .mes-mobile-cta {
    padding: 12px;
  }
  .mes-mobile-cta .mes-contact-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 30px;
    background: var(--Brand-Colors-Primary-Black);
    border: 3px solid var(--Brand-Colors-Primary-Black);
    border-radius: 10px;
    color: var(--Brand-Colors-Primary-White);
    font-family: var(--Font-Family-Primary, "Runda");
    font-weight: var(--Font-Weight-Bold);
    font-size: var(--Font-Size-f-size-lg);
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-mobile-submenu-header,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-mobile-submenu-header {
    padding: var(--spacing-sm);
    background: var(--Brand-Colors-Light-grayish-cyan);
    border-bottom: 1px solid var(--Brand-Colors-Light-Gray);
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-title-wrapper,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-title-wrapper {
    padding: var(--spacing-xxl) var(--spacing-sm) var(--spacing-sm);
    border-bottom: 1px solid var(--Brand-Colors-Light-Gray);
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-title-wrapper .mes-submenu-title,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-title-wrapper .mes-submenu-title {
    color: var(--Heading-Color-1);
    font-family: var(--Font-Family-Primary);
    font-size: var(--Font-Size-f-size-xl);
    font-weight: 400;
    line-height: 1.5em;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content {
    padding: 0;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li {
    border-bottom: 1px solid var(--Brand-Colors-Light-Gray);
    margin: 0;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li:last-child,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li:last-child,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li:last-child,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li:last-child {
    border-bottom: none;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper {
    display: flex;
    align-items: center;
    padding: var(--spacing-sm);
    text-decoration: none;
    color: var(--Heading-Color-1);
    transition: background-color 0.2s ease;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper .mes-title-with-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper .mes-title-with-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper .mes-title-with-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper .mes-title-with-arrow {
    color: var(--text, #262626);
    /* Paragraph Styles/Bold */
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper .mes-title-with-arrow .mes-arrow {
    display: none;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a::after,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper::after,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a::after,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper::after,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a::after,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper::after,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a::after,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper::after {
    display: none;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:hover, .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:active,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper:hover,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper:active,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a:hover,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a:active,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper:hover,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper:active,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:hover,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:active,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper:hover,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper:active,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a:hover,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a:active,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper:hover,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper:active {
    background-color: var(--Brand-Colors-Light-grayish-cyan);
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .sub-menu,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li ul,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .sub-menu,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li ul,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .sub-menu,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li ul,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .sub-menu,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li ul {
    display: none !important;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content {
    padding: 0;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li {
    border-bottom: 1px solid var(--Brand-Colors-Light-Gray);
    margin: 0;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li:last-child,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li:last-child,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li:last-child,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li:last-child {
    border-bottom: none;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper {
    display: block;
    padding: var(--spacing-sm, 12px);
    width: 100%;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper .mes-title-text {
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper .mes-menu-subtitle {
    display: block;
    margin-top: 4px;
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-f-size-xs, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px); /* 162.5% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-sm, 12px);
    text-decoration: none;
    color: var(--Heading-Color-1);
    transition: background-color 0.2s ease;
    gap: 9px;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a img,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a img,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a img,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a img {
    width: 23px;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:hover, .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:active,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a:hover,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a:active,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:hover,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:active,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a:hover,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a:active {
    background-color: var(--Brand-Colors-Light-grayish-cyan);
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow {
    color: var(--text, #262626);
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow .mes-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow .mes-arrow {
    display: none;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-menu-subtitle {
    display: block;
    margin-top: 4px;
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Regular);
    font-size: var(--Font-Size-f-size-sm);
    line-height: 20px;
    color: var(--text);
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-title-wrapper {
    border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200);
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-title-text {
    color: var(--text, #262626);
    font-family: var(--Font-Family-Special-Case, "Roboto Mono");
    font-size: var(--Font-Size-f-size-xxxs, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Line-height-f-size-xxxs, 22px); /* 157.143% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-menu-subtitle {
    color: var(--text, #262626);
    /* Paragraph Styles/Small */
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-f-size-xs, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px); /* 162.5% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-sm, 12px);
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
    border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200);
    width: 100%;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-title-with-arrow {
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
    text-decoration: none;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-arrow {
    display: none;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-menu-subtitle {
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper {
    border-bottom: none;
  }
  .mes-mobile-toggle {
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
  }
  .mes-mobile-toggle span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: var(--spacing-xxxs);
    background: var(--Brand-Colors-Primary-Black);
    transition: all 0.3s ease;
    transform-origin: center;
  }
  .mes-mobile-toggle span:first-child {
    top: 0px;
  }
  .mes-mobile-toggle span:nth-child(2) {
    top: 6px;
  }
  .mes-mobile-toggle span:last-child {
    top: 12px;
  }
  .mes-mobile-toggle.mes-menu-open span:first-child {
    top: 14px;
    transform: translateX(-50%) rotate(45deg);
  }
  .mes-mobile-toggle.mes-menu-open span:nth-child(2) {
    opacity: 0;
  }
  .mes-mobile-toggle.mes-menu-open span:last-child {
    top: 14px;
    transform: translateX(-50%) rotate(-45deg);
  }
}
@media (min-width: 1251px) {
  .mes-mobile-menu,
  .mes-mobile-toggle {
    display: none !important;
  }
}
.mes-mobile-account .mes-account-item {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
}

.mes-display-dropdown.mobile-only ul.mes-submenu-list li a {
  gap: 10px;
}

@media (max-width: 1250px) {
  ul.mes-submenu-list {
    width: 100%;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-menu-subtitle {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-menu-subtitle {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
  .mes-mobile-header .mes-mobile-close::before, .mes-mobile-header .mes-mobile-close::after {
    width: 30px;
  }
}
.synthego-icon-cta-grid {
  background: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-icon-cta-grid__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
}
.synthego-icon-cta-grid__title {
  text-align: left;
  margin-bottom: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .synthego-icon-cta-grid__title {
    margin-bottom: var(--spacing-3xl, 64px);
  }
}
.synthego-icon-cta-grid__title h2 {
  margin: 0;
}
.synthego-icon-cta-grid__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--spacing-3xl, 64px) var(--spacing-xl, 24px);
  justify-items: start;
}
@media (max-width: 1200px) {
  .synthego-icon-cta-grid__grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--spacing-3xl, 64px) var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .synthego-icon-cta-grid__grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
  }
}
.synthego-icon-cta-grid__item {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  text-align: left;
  max-width: 240px;
  width: 100%;
}
.synthego-icon-cta-grid__item-heading {
  margin-bottom: var(--spacing-xl, 24px);
  order: 1;
}
.synthego-icon-cta-grid__item-heading h3 {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-lg);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-lg);
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 767px) {
  .synthego-icon-cta-grid__item-heading h3 {
    font-size: var(--Font-Size-f-size-md);
    line-height: var(--Line-Height-Line-height-f-size-md);
  }
}
.synthego-icon-cta-grid__item-image {
  margin-bottom: var(--spacing-xl, 24px);
  order: 2;
}
.synthego-icon-cta-grid__item-image img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .synthego-icon-cta-grid__item-image img {
    width: 100px;
    height: 100px;
  }
}
.synthego-icon-cta-grid__item-link {
  order: 3;
}
.synthego-icon-cta-grid__item-link a {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-sm);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-sm);
  color: var(--Heading-Color-1);
  text-decoration: none;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .synthego-icon-cta-grid__item-link a {
    font-size: var(--Font-Size-f-size-xs);
    line-height: var(--Line-Height-Line-height-f-size-xs);
  }
}
.synthego-icon-cta-grid__item:not(:has(.synthego-icon-cta-grid__item-image)) .synthego-icon-cta-grid__item-heading {
  margin-bottom: var(--spacing-lg, 20px);
}
.synthego-icon-cta-grid__item:not(:has(.synthego-icon-cta-grid__item-link)) .synthego-icon-cta-grid__item-image {
  margin-bottom: 0;
}

.oxy-supreme-elements-icon-cta-grid {
  width: 100%;
  max-width: 100%;
}

.syn-icons-align .synthego-icon-cta-grid__item-heading h3 {
  white-space: nowrap;
}

.crispr-icons-sec .synthego-icon-cta-grid__grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

@media (max-width: 767px) {
  .syn-icons-align .synthego-icon-cta-grid__item-heading h3 {
    white-space: unset;
  }
  .crispr-icons-sec .synthego-icon-cta-grid__grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}
.synthego-icon-cta-grid__container .synthego-icon-cta-grid__title {
  text-align: left;
  margin-bottom: var(--spacing-3xl, 40px);
}

.synthego-press-grid {
  padding: 0 0 80px;
  background: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-press-grid__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 12px;
}
@media (max-width: 1439px) {
  .synthego-press-grid__container {
    padding: 0 12px;
  }
}
@media (max-width: 767px) {
  .synthego-press-grid__container {
    padding: 0 12px;
  }
}
.synthego-press-grid__count {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  text-transform: uppercase;
  margin-bottom: var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .synthego-press-grid__count {
    margin-bottom: var(--spacing-lg, 20px);
  }
}
.synthego-press-grid__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: var(--spacing-md, 16px);
  row-gap: var(--spacing-md, 16px);
}
@media (max-width: 1200px) {
  .synthego-press-grid__grid {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
@media (max-width: 768px) {
  .synthego-press-grid__grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-md, 16px);
  }
}
.synthego-press-grid__card {
  display: block;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  overflow: visible;
  height: 270px;
  position: relative;
}
.synthego-press-grid__card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.synthego-press-grid__card > * {
  position: relative;
  z-index: 2;
}
.synthego-press-grid__card:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.synthego-press-grid__card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.synthego-press-grid__card:hover .synthego-press-grid__card-title {
  color: var(--text, #262626);
}
.synthego-press-grid__card:hover .synthego-press-grid__card-arrow {
  opacity: 1;
  right: 24px;
}
.synthego-press-grid__card:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  outline-offset: 2px;
}
.synthego-press-grid__card-content {
  padding: 32px 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.synthego-press-grid__card-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
.synthego-press-grid__card-title {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.417;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  transition: color 0.3s ease;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .synthego-press-grid__card-title {
    font-size: 20px;
    line-height: 1.4;
  }
}
.synthego-press-grid__card-date {
  font-family: "roboto-mono", monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
  text-transform: uppercase;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.synthego-press-grid__card-arrow {
  position: absolute;
  bottom: 32px;
  right: 44px;
  width: 15.84px;
  height: 15.84px;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}
.synthego-press-grid__card-arrow svg {
  width: 24px;
  height: 24px;
  fill: var(--text, #262626);
}
.synthego-press-grid__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .synthego-press-grid__footer {
    margin-top: var(--spacing-3xl, 40px);
  }
}
.synthego-press-grid__load-more {
  padding: var(--spacing-sm) var(--spacing-xxl);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  min-width: 58px;
  min-height: 58px;
  border: none;
}
.synthego-press-grid__load-more:hover {
  box-shadow: none;
}
.synthego-press-grid__load-more.loading {
  opacity: 0.7;
  pointer-events: none;
}
.synthego-press-grid__load-more.loading span {
  display: none;
}
.synthego-press-grid__load-more.loading .button-arrow {
  animation: spin 0.8s linear infinite;
}
.synthego-press-grid__load-more .button-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.synthego-press-grid__load-more .button-arrow svg {
  width: 24px;
  height: 24px;
}
@media (max-width: 767px) {
  .synthego-press-grid__load-more {
    padding: 10px var(--spacing-xl);
  }
  .synthego-press-grid__load-more span {
    font-size: var(--Font-Size-f-size-xs);
  }
}
.synthego-press-grid__pagination-info {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  text-transform: uppercase;
}
.synthego-press-grid__progress {
  width: 100%;
  max-width: 600px;
  height: 4px;
  background-color: var(--Brand-Colors-Primary-Black-10, #E6E6E6);
  border-radius: 2px;
  overflow: hidden;
}
.synthego-press-grid__progress .progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Bright-cyan, #00d4c7) 100%);
  transition: width 0.3s ease;
}
.synthego-press-grid__no-posts {
  text-align: center;
  padding: var(--spacing-4xl, 80px) 0;
}
.synthego-press-grid__no-posts p {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-lg);
  color: var(--text, #262626);
  margin: 0;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.oxy-supreme-elements-press-grid {
  width: 100%;
  max-width: 100%;
}

body .synthego-press-grid__card-arrow {
  width: 15.84px;
  height: 15.84px;
}

.product-hero {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
  background: var(--Brand-Colors-Primary-White);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.product-hero h1:not([class*=headline-]) + p {
  margin-top: 0;
}
.product-hero__wrapper {
  display: flex;
  gap: 128px;
  align-items: flex-start;
}
@media (max-width: 1440px) {
  .product-hero__wrapper {
    gap: 80px;
  }
}
@media (max-width: 1200px) {
  .product-hero__wrapper {
    gap: 64px;
  }
}
@media (max-width: 992px) {
  .product-hero__wrapper {
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
}
.product-hero__logo {
  flex-shrink: 0;
  width: 284px;
  height: 284px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 997px) {
  .product-hero__logo {
    display: none;
  }
}
.product-hero__logo img {
  width: 100%;
  height: auto;
  max-width: 284px;
  object-fit: contain;
}
.product-hero__logo--placeholder {
  background: linear-gradient(135deg, #20d340 0%, #00d1ed 100%);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.product-hero__logo--placeholder svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .product-hero__logo {
    width: 240px;
    height: 240px;
  }
}
@media (max-width: 480px) {
  .product-hero__logo {
    width: 200px;
    height: 200px;
  }
}
.product-hero__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 988px;
}
@media (max-width: 992px) {
  .product-hero__content {
    max-width: 100%;
  }
}
.product-hero__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-hero__info-header {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.product-hero__label {
  font-family: var(--Font-Family-Special-Case);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular);
  line-height: 1.319em;
  text-transform: uppercase;
  color: var(--Heading-Color-1-Alt, #707070);
  letter-spacing: 0.05em;
  margin-bottom: -6px;
}
.product-hero__title {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-4xl, 60px);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-4xl);
  color: var(--Heading-Color-1);
  margin: 0;
}
.product-hero__tagline {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-lg, 24px);
  font-weight: 500;
  line-height: 1.417em;
  color: #262626;
  margin: 0;
}
@media (max-width: 768px) {
  .product-hero__tagline {
    font-size: 20px;
  }
}
.product-hero__description {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.556em;
  color: #262626;
}
.product-hero__description p:last-child {
  margin-bottom: 0;
}
.product-hero__description ul {
  margin-bottom: 0;
}
.product-hero__description ul li {
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
}
.product-hero__description ul li::marker {
  font-size: 15px;
}
@media (max-width: 768px) {
  .product-hero__description {
    font-size: 16px;
  }
}
.product-hero__features {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.556em;
  color: #262626;
}
.product-hero__features p {
  margin: 0 0 0.5em;
}
.product-hero__features p:last-child {
  margin-bottom: 0;
}
.product-hero__features ul {
  margin: 0;
  padding-left: 20px;
}
.product-hero__features li {
  margin-bottom: 8px;
}
.product-hero__features li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .product-hero__features {
    font-size: 16px;
  }
}
.product-hero__purchase {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 20px;
  background: #f4f9fa;
  border-radius: 8px;
  min-height: 200px;
}
@media (max-width: 1200px) {
  .product-hero__purchase {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
}
.product-hero__sizes {
  width: 482px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1200px) {
  .product-hero__sizes {
    width: 100%;
  }
}
.product-hero__sizes-label {
  font-family: "Runda", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
}
.product-hero__sizes-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
.product-hero__size-option {
  width: 150px;
  min-height: 56px;
  padding: 8px 16px;
  background: #f4f9fa;
  border: 1px solid transparent;
  background-image: linear-gradient(#f4f9fa, #f4f9fa), linear-gradient(180deg, #20d340 0%, #00d1ed 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  transition: all 0.3s ease;
  position: relative;
  text-align: left;
}
.product-hero__size-option:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 209, 237, 0.2);
}
.product-hero__size-option--selected {
  background: #000000;
  background-image: none;
  border: 1px solid #000000;
}
.product-hero__size-option--selected .product-hero__size-name,
.product-hero__size-option--selected .product-hero__size-price {
  color: #ffffff;
}
.product-hero__size-option--restricted {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.product-hero__size-option--restricted:hover {
  transform: none;
  box-shadow: none;
}
@media (max-width: 580px) {
  .product-hero__size-option {
    width: calc(50% - 8px);
  }
}
@media (max-width: 400px) {
  .product-hero__size-option {
    width: 100%;
  }
}
.product-hero__size-name {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.556em;
  color: #262626;
  margin: 0;
}
.product-hero__size-price {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.667em;
  color: #262626;
  margin: 0;
}
.product-hero__cart-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
  padding-left: 32px;
  padding-right: 16px;
  border-left: 1px solid #e0e0e0;
  min-height: 160px;
}
.product-hero__cart-box--single {
  border-left: none;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  min-height: auto;
  gap: 12px;
}
@media (max-width: 1200px) {
  .product-hero__cart-box--single {
    border-top: none;
    padding-top: 0;
  }
}
@media (max-width: 1200px) {
  .product-hero__cart-box {
    width: 100%;
    border-left: none;
    border-top: 1px solid #e0e0e0;
    padding: 24px 0 0 0;
  }
}
.product-hero__cart-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-hero__cart-title {
  font-family: "Runda", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
}
.product-hero__cart-title #product-hero-selected-size {
  display: inline-block;
  font-weight: 400;
}
.product-hero__cart-title--single {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
}
.product-hero__cart-controls {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-hero__cart-controls-row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.product-hero__quantity {
  position: relative;
  display: inline-block;
  width: 95px;
  height: 38px;
  flex-shrink: 0;
}
.product-hero__quantity-select {
  width: 100%;
  height: 100%;
  padding: 5px 32px 5px 16px;
  background: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.625em;
  color: #262626;
  appearance: none;
  cursor: pointer;
}
.product-hero__quantity-select:focus {
  outline: none;
  border-color: #00d1ed;
  box-shadow: 0 0 0 2px rgba(0, 209, 237, 0.1);
}
.product-hero__quantity-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 12px;
  height: 7px;
}
.product-hero__sku {
  font-family: "Roboto Mono", monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571em;
  text-transform: uppercase;
  color: #707070;
  text-align: right;
}
.product-hero__images {
  display: flex;
  gap: 32px;
  margin-top: 0;
}
@media (max-width: 992px) {
  .product-hero__images {
    flex-direction: column;
  }
}
.product-hero__image-thumb {
  width: 284px;
  height: 88px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: #f0f0f0;
  position: relative;
}
.product-hero__image-thumb:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.product-hero__image-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-hero__image-thumb--placeholder {
  background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
}
@media (max-width: 992px) {
  .product-hero__image-thumb {
    width: 100%;
    height: auto;
  }
}
.product-hero__geo-restricted {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 32px;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  text-align: center;
  min-height: 120px;
  width: 100%;
}
.product-hero__unavailable-message {
  margin: 0;
  color: #6c757d;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 400;
}
.product-hero__geo-cta {
  padding: 12px 32px !important;
  background: #6c757d !important;
  border: 3px solid #6c757d !important;
  border-radius: 10px !important;
  font-family: "Runda", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.5em !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
}
.product-hero__geo-cta:hover {
  background: #5a6268 !important;
  border-color: #5a6268 !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}
.product-hero__geo-cta:active {
  transform: translateY(0);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.product-hero-section {
  position: relative;
  overflow: hidden;
}
.product-hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(32, 211, 64, 0.02) 0%, rgba(0, 209, 237, 0.02) 100%);
  pointer-events: none;
  z-index: 0;
}
.product-hero-section .product-hero {
  position: relative;
  z-index: 1;
}

.product-hero-non-bc {
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  background: var(--Brand-Colors-Primary-White);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.product-hero-non-bc h1:not([class*=headline-]) + p {
  margin-top: 0;
}
.product-hero-non-bc__wrapper {
  display: flex;
  gap: 128px;
  align-items: flex-start;
  max-width: 1400px;
  width: 100%;
}
@media (max-width: 1440px) {
  .product-hero-non-bc__wrapper {
    gap: 80px;
  }
}
@media (max-width: 1200px) {
  .product-hero-non-bc__wrapper {
    gap: 64px;
  }
}
@media (max-width: 992px) {
  .product-hero-non-bc__wrapper {
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
}
.product-hero-non-bc__logo {
  flex-shrink: 0;
  width: 284px;
  height: 284px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.product-hero-non-bc__logo img {
  width: 100%;
  height: auto;
  max-width: 284px;
  object-fit: contain;
}
.product-hero-non-bc__logo--placeholder {
  background: linear-gradient(135deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.product-hero-non-bc__logo--placeholder svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .product-hero-non-bc__logo {
    width: 240px;
    height: 240px;
  }
}
@media (max-width: 768px) {
  .product-hero-non-bc__logo {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 480px) {
  .product-hero-non-bc__logo {
    width: 160px;
    height: 160px;
  }
}
.product-hero-non-bc__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
  max-width: 988px;
}
@media (max-width: 992px) {
  .product-hero-non-bc__content {
    max-width: 100%;
  }
}
.product-hero-non-bc__info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}
.product-hero-non-bc__info-header {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.product-hero-non-bc__label {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: 1.319em;
  text-transform: uppercase;
  color: var(--Heading-Color-1-Alt, #707070);
  letter-spacing: 0.05em;
}
.product-hero-non-bc__title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-4xl, 60px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-4xl, 65px);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
@media (max-width: 1200px) {
  .product-hero-non-bc__title {
    font-size: 48px;
    line-height: 52px;
  }
}
@media (max-width: 768px) {
  .product-hero-non-bc__title {
    font-size: var(--Font-Size-f-size-xxl, 40px);
    line-height: var(--Line-Height-Line-height-f-size-xxl, 54px);
  }
}
@media (max-width: 480px) {
  .product-hero-non-bc__title {
    font-size: var(--Font-Size-f-size-4xl, 32px);
    line-height: var(--Line-Height-Line-height-f-size-4xl, 36px);
  }
}
.product-hero-non-bc__tagline {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: 24px;
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px);
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 0 0;
}
@media (max-width: 768px) {
  .product-hero-non-bc__tagline {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.product-hero-non-bc__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.product-hero-non-bc__description p:last-child {
  margin-bottom: 0;
}
.product-hero-non-bc__description ul {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .product-hero-non-bc__description {
    font-size: var(--Font-Size-f-size-xs, 16px);
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  }
}
.product-hero-non-bc__features {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}
.product-hero-non-bc__features li {
  margin-bottom: 8px;
}
.product-hero-non-bc__features li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .product-hero-non-bc__features {
    font-size: var(--Font-Size-f-size-xs, 16px);
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  }
}
.product-hero-non-bc__buttons {
  display: flex;
  gap: var(--spacing-lg, 20px);
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 768px) {
  .product-hero-non-bc__buttons {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
}
.product-hero-non-bc__button-arrow {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.product-hero-non-bc__image {
  width: 284px;
  height: 88px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--Brand-Colors-Light-Gray, #e0e0e0);
}
.product-hero-non-bc__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .product-hero-non-bc__image {
    width: 100%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 284/88;
  }
}
@media (max-width: 768px) {
  .product-hero-non-bc__image {
    max-width: 100%;
  }
}

.product-hero-non-bc {
  scroll-behavior: smooth;
}
.product-hero-non-bc__button.loading {
  pointer-events: none;
  opacity: 0.7;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.product-hero-non-bc__buttons .product-hero-non-bc__button,
.product-hero-non-bc__buttons .product-hero-non-bc__button:focus {
  width: fit-content;
  outline: none;
}

.oxy-supreme-elements-hero-anchor-tabs {
  position: sticky;
  top: 0;
  padding-top: var(--spacing-md, 16px);
  border-bottom: 2px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  background: #ffffff;
  z-index: 13;
}

.hero-anchor-tabs {
  width: 100%;
  background: #ffffff;
  margin-bottom: var(--spacing-4xl);
  z-index: 100;
}
.hero-anchor-tabs__inner, .hero-anchor-tabs__desktop {
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding-bottom: 1px;
}
@media (max-width: 1200px) {
  .hero-anchor-tabs__inner, .hero-anchor-tabs__desktop {
    display: none;
  }
}
.hero-anchor-tabs__mobile {
  display: none;
}
@media (max-width: 1200px) {
  .hero-anchor-tabs__mobile {
    display: block;
    width: 100%;
  }
}
.hero-anchor-tabs__dropdown {
  width: 100%;
  padding: 0 var(--spacing-xxl, 40px) 0 var(--spacing-xs, 8px);
  line-height: 34px;
  color: var(--Heading-Color-1, #262626);
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  border-radius: 4px;
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: 14px;
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 24px 24px;
  margin-bottom: var(--spacing-md, 16px);
  appearance: none;
  -webkit-appearance: none;
  height: 40px;
  cursor: pointer;
}
.hero-anchor-tabs__dropdown:focus {
  outline: none;
  border-color: var(--Brand-Colors-Primary-Blue, #0066cc);
}
.hero-anchor-tabs__tab {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  background: transparent;
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
.hero-anchor-tabs__tab:hover {
  background: rgba(0, 0, 0, 0.05);
}
.hero-anchor-tabs__tab--active {
  background: #000000;
}
.hero-anchor-tabs__tab--active:hover {
  background: #000000;
}
.hero-anchor-tabs__tab--active::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: #000000;
  z-index: 1;
}
.hero-anchor-tabs__tab--active .hero-anchor-tabs__tab-title {
  color: #ffffff;
}
@media (max-width: 768px) {
  .hero-anchor-tabs__tab {
    padding: 8px 16px;
    min-width: auto;
    flex: 0 0 auto;
  }
}
.hero-anchor-tabs__tab-title {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.556em;
  color: #000000;
  margin: 0;
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .hero-anchor-tabs__tab-title {
    font-size: 16px;
  }
}

html {
  scroll-behavior: smooth;
}

.anchor-target,
[id] {
  scroll-margin-top: 120px;
}
@media (max-width: 768px) {
  .anchor-target,
  [id] {
    scroll-margin-top: 100px;
  }
}

.hero-anchor-tabs__tab.hero-anchor-tabs__tab--active:hover {
  background: #000000;
}

.product-specifications {
  width: 100%;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding: var(--spacing-4xl, 80px) 0;
  position: relative;
  z-index: 2;
}
.product-specifications .anchor-target {
  position: absolute;
  top: -120px;
  visibility: hidden;
  height: 0;
  width: 0;
}
.product-specifications__wrapper {
  width: 100%;
  padding: 0;
}
.product-specifications__container {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 1200px) {
  .product-specifications__container {
    padding: 0 var(--spacing-3xl, 40px);
  }
}
@media (max-width: 768px) {
  .product-specifications__container {
    padding: 0 var(--spacing-lg, 20px);
  }
}
.product-specifications__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}
.product-specifications__title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xxl, 40px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxl, 54px);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__title {
    font-size: var(--Font-Size-f-size-4xl, 32px);
    line-height: var(--Line-Height-Line-height-f-size-4xl, 36px);
  }
}
.product-specifications__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
  margin: 0;
  max-width: 1000px;
}
@media (max-width: 768px) {
  .product-specifications__description {
    font-size: var(--Font-Size-f-size-xs, 16px);
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  }
}
.product-specifications__table {
  width: 100%;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 8px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}
.product-specifications__table tbody {
  display: table-row-group;
}
.product-specifications__row {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.product-specifications__row--alt {
  background: var(--Brand-Colors-Primary-White, #fff);
}
.product-specifications__row td {
  padding: var(--spacing-md, 16px);
  vertical-align: top;
}
.product-specifications__label {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--Heading-Color-1, #262626);
  padding-right: 64px;
}
.product-specifications__label ul {
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__label {
    width: auto;
    font-size: var(--Font-Size-f-size-xs, 16px);
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
    display: block;
    padding-right: var(--spacing-md, 16px);
    padding-bottom: var(--spacing-xs, 8px);
  }
}
.product-specifications__value {
  color: var(--text, #262626);
  /* Paragraph Styles/Small */
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-style: normal;
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px); /* 162.5% */
  display: grid;
  white-space: pre-wrap;
}
.product-specifications__value ul {
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__value {
    font-size: var(--Font-Size-f-size-xxs, 14px);
    line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
    display: block;
  }
}
.product-specifications__footer-note {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  color: var(--text, #262626);
  max-width: 1000px;
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__footer-note {
    font-size: var(--Font-Size-f-size-xxs, 14px);
    line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  }
}
.product-specifications__additional {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
  padding-top: var(--spacing-xxl, 32px);
  max-width: 1000px;
}
.product-specifications__additional-title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-lg, 24px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__additional-title {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.product-specifications__additional-content {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__additional-content {
    font-size: var(--Font-Size-f-size-xxs, 14px);
    line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  }
}

.accubase-prod-sec .product-specifications__description {
  margin-top: 0;
}

.comparison-accordion {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
  padding-top: var(--spacing-xxl);
}
.comparison-accordion__wrapper {
  width: 100%;
  padding: 0;
}
.comparison-accordion__container {
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .comparison-accordion__container {
    padding: 0 40px;
  }
}
@media (max-width: 768px) {
  .comparison-accordion__container {
    padding: 0 20px;
  }
}
.comparison-accordion__header {
  border-radius: 8px;
  padding: 16px;
  text-align: left;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.comparison-accordion__header:hover {
  background: rgb(233.48125, 243.2625, 245.21875);
}
.comparison-accordion__header.is-open, .comparison-accordion:first-of-type .comparison-accordion__header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
.comparison-accordion__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.comparison-accordion__title {
  font-family: "Runda", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
  flex: 1;
}
@media (max-width: 768px) {
  .comparison-accordion__title {
    font-size: 24px;
  }
}
.comparison-accordion__toggle {
  width: 34px;
  height: 34px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
  pointer-events: none;
}
.comparison-accordion__toggle[aria-expanded=true] {
  transform: rotate(0deg);
}
.comparison-accordion__toggle[aria-expanded=false] {
  transform: rotate(180deg);
}
.comparison-accordion__chevron {
  transition: transform 0.3s ease;
  transform: rotate(0deg);
  pointer-events: none;
}
.comparison-accordion__header.is-open .comparison-accordion__chevron, .comparison-accordion:first-of-type .comparison-accordion__header .comparison-accordion__chevron {
  transform: rotate(180deg);
}
.comparison-accordion__preview-headings {
  display: flex;
  gap: 20px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
  .comparison-accordion__preview-headings {
    flex-direction: column;
    gap: 8px;
  }
}
.comparison-accordion__preview-heading {
  flex: 1;
  font-family: var(--Font-Family-Primary, Runda);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #262626;
}
@media (max-width: 768px) {
  .comparison-accordion__preview-heading {
    font-size: 14px;
  }
}
.comparison-accordion__header.is-open .comparison-accordion__preview-headings, .comparison-accordion:first-of-type .comparison-accordion__header .comparison-accordion__preview-headings {
  display: none;
}
.comparison-accordion__content {
  background: #f4f9fa;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, opacity 0.3s ease;
  max-height: 0;
  opacity: 0;
}
.comparison-accordion__content.is-open, .comparison-accordion:first-of-type .comparison-accordion__content {
  opacity: 1;
}
.comparison-accordion__inner {
  padding: 16px;
  padding-top: 0;
}
.comparison-accordion__heading {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Line-height-f-size-sm, 28px); /* 155.556% */
  color: #000000;
  margin: 0;
  text-align: left;
}
.comparison-accordion__heading h4 {
  display: inline;
  margin: 16px;
  position: relative;
}
.comparison-accordion__heading h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--Gradient-Horizontal);
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.comparison-accordion__table {
  width: 100%;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: 8px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}
.comparison-accordion__table tbody {
  display: table-row-group;
}
@media (max-width: 768px) {
  .comparison-accordion__table tr {
    display: flex !important;
  }
  .comparison-accordion__table tr th {
    flex: 1;
  }
}
.comparison-accordion__row {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.comparison-accordion__row--alt {
  background: #fff;
}
.comparison-accordion__row td {
  padding: 16px;
  vertical-align: top;
}
@media (max-width: 768px) {
  .comparison-accordion__row {
    display: flex !important;
  }
  .comparison-accordion__row td {
    display: block;
    width: 100%;
    padding: 8px 16px;
  }
  .comparison-accordion__row td:first-child {
    padding-top: 16px;
  }
  .comparison-accordion__row td:last-child {
    padding-bottom: 16px;
  }
}
.comparison-accordion__label {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.556em;
  color: #262626;
  width: 176.92px;
  padding-right: 64px;
}
@media (max-width: 768px) {
  .comparison-accordion__label {
    width: 100%;
    font-size: 16px;
    padding-right: 0;
    padding-bottom: 8px;
  }
}
.comparison-accordion__value {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  color: #262626;
  white-space: pre-wrap;
}
@media (max-width: 768px) {
  .comparison-accordion__value {
    font-size: 14px;
    padding-bottom: 8px;
  }
  .comparison-accordion__value:last-child {
    padding-bottom: 0;
  }
}

.none-underline .comparison-accordion__heading:nth-child(2) h4:after {
  width: 0;
}

.supreme-element.product-search-wrapper {
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-4xl, 80px) 0 var(--spacing-xxl, 32px);
}
.supreme-element.product-search-wrapper .product-search-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.supreme-element.product-search-wrapper .search-results-heading {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  font-weight: 500;
  font-size: var(--Font-Size-f-size-xl, 28px);
  line-height: 1.5em;
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.product-search-wrapper .form-container {
  background-color: var(--Brand-Colors-Neutrals-Gray-100, #EAEAEA);
  border-radius: 8px;
  padding: var(--spacing-md, 16px) 0;
}
.supreme-element.product-search-wrapper .product-search-form {
  padding: 0 var(--spacing-md, 16px);
  width: 100%;
}
.supreme-element.product-search-wrapper .search-input-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 8px;
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  transition: all 0.3s ease;
}
.supreme-element.product-search-wrapper .search-input-container:focus-within {
  box-shadow: 0 0 0 2px var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
@media (max-width: 767px) {
  .supreme-element.product-search-wrapper .search-input-container {
    width: 100%;
  }
}
.supreme-element.product-search-wrapper .search-input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--Paragraph-Color-1, #262626);
}
.supreme-element.product-search-wrapper .search-input::placeholder {
  color: var(--Brand-Colors-Neutrals-Gray-400, #999999);
}
.supreme-element.product-search-wrapper .search-input:focus {
  outline: none;
}
.supreme-element.product-search-wrapper .search-input[type=search] {
  -webkit-appearance: none;
  appearance: none;
}
.supreme-element.product-search-wrapper .search-input[type=search]::-webkit-search-decoration, .supreme-element.product-search-wrapper .search-input[type=search]::-webkit-search-cancel-button, .supreme-element.product-search-wrapper .search-input[type=search]::-webkit-search-results-button, .supreme-element.product-search-wrapper .search-input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}
@media (max-width: 767px) {
  .supreme-element.product-search-wrapper .search-input {
    font-size: var(--Font-Size-f-size-xs, 16px);
  }
}
.supreme-element.product-search-wrapper .search-icon {
  flex-shrink: 0;
  order: 2;
  margin-left: var(--spacing-xs, 8px);
  color: var(--Brand-Colors-Neutrals-Gray-400, #999999);
  transition: color 0.3s ease;
  cursor: pointer;
}
.search-input-container:focus-within .supreme-element.product-search-wrapper .search-icon {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.supreme-element.product-search-wrapper .search-icon svg {
  width: 24px;
  height: 24px;
  display: block;
}
.supreme-element.product-search-wrapper .search-button {
  display: none;
}
.supreme-element.product-search-wrapper .search-spinner {
  flex-shrink: 0;
  margin-left: var(--spacing-xs, 8px);
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.supreme-element.product-search-wrapper .search-spinner .spinner {
  animation: spin 1s linear infinite;
}
.supreme-element.product-search-wrapper .search-spinner svg {
  width: 24px;
  height: 24px;
  display: block;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.search-input-wrapper .search-input {
  padding: 2px 8px;
}

.supreme-element.product-search-results-wrapper,
#search-results-container {
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  position: relative;
  transition: opacity 0.3s ease;
}
.supreme-element.product-search-results-wrapper.loading,
#search-results-container.loading {
  opacity: 0.5;
  pointer-events: none;
}
.supreme-element.product-search-results-wrapper.loading::before,
#search-results-container.loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 3px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-top-color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 10;
}
.supreme-element.product-search-results-wrapper .search-results-header,
#search-results-container .search-results-header {
  max-width: 1000px;
  margin: 0 auto var(--spacing-lg, 20px);
}
.supreme-element.product-search-results-wrapper .search-results-header .search-results-heading,
#search-results-container .search-results-header .search-results-heading {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-xs, 8px) 0;
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
}
.supreme-element.product-search-results-wrapper .search-results-header .search-results-count,
#search-results-container .search-results-header .search-results-count {
  color: var(--Paragraph-Color-1, #262626);
  margin: 0;
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.supreme-element.product-search-results-wrapper .search-results-container,
#search-results-container .search-results-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.supreme-element.product-search-results-wrapper .search-results-grid,
#search-results-container .search-results-grid {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-3xl, 40px);
  width: 100%;
}
.supreme-element.product-search-results-wrapper .search-result-card,
#search-results-container .search-result-card {
  display: block;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 20px;
  padding: var(--spacing-xl, 24px);
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
  position: relative;
  overflow: visible;
  width: 100%;
}
.supreme-element.product-search-results-wrapper .search-result-card::after,
#search-results-container .search-result-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.product-search-results-wrapper .search-result-card:hover,
#search-results-container .search-result-card:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.supreme-element.product-search-results-wrapper .search-result-card:hover::after,
#search-results-container .search-result-card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.supreme-element.product-search-results-wrapper .search-result-card:focus, .supreme-element.product-search-results-wrapper .search-result-card:visited,
#search-results-container .search-result-card:focus,
#search-results-container .search-result-card:visited {
  color: inherit;
  text-decoration: none;
}
.supreme-element.product-search-results-wrapper .result-card-content,
#search-results-container .result-card-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  position: relative;
  z-index: 3;
}
.supreme-element.product-search-results-wrapper .result-card-sku,
#search-results-container .result-card-sku {
  color: var(--Brand-Colors-Neutrals-Gray-400, #707070);
  font-family: var(--Font-Family-Mono, "Roboto Mono", monospace);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5714285714em;
  text-transform: uppercase;
  margin: 0;
}
.supreme-element.product-search-results-wrapper .result-card-title,
#search-results-container .result-card-title {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, "Runda", Arial, sans-serif);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4166666667em;
  margin: 0;
  transition: color 0.3s ease;
}
.supreme-element.product-search-results-wrapper .result-card-variations,
#search-results-container .result-card-variations {
  color: var(--Paragraph-Color-1, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  margin: 0;
}
.supreme-element.product-search-results-wrapper .result-card-description,
#search-results-container .result-card-description {
  color: var(--Paragraph-Color-1, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.supreme-element.product-search-results-wrapper .no-results-message,
#search-results-container .no-results-message {
  text-align: center;
  padding: var(--spacing-4xl, 80px) var(--spacing-xl, 24px);
}
.supreme-element.product-search-results-wrapper .no-results-message .no-results-heading,
#search-results-container .no-results-message .no-results-heading {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-md, 16px) 0;
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
}
.supreme-element.product-search-results-wrapper .no-results-message .no-results-suggestions,
#search-results-container .no-results-message .no-results-suggestions {
  color: var(--Paragraph-Color-1, #262626);
  margin: 0;
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.supreme-element.product-search-results-wrapper .no-results-message .no-results-suggestions .link-primary,
#search-results-container .no-results-message .no-results-suggestions .link-primary {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  text-decoration: underline;
  transition: color 0.3s ease;
}
.supreme-element.product-search-results-wrapper .no-results-message .no-results-suggestions .link-primary:hover,
#search-results-container .no-results-message .no-results-suggestions .link-primary:hover {
  color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
}
@media (max-width: 768px) {
  .supreme-element.product-search-results-wrapper .no-results-message,
  #search-results-container .no-results-message {
    padding: var(--spacing-3xl, 60px) var(--spacing-lg, 20px);
  }
}
.supreme-element.product-search-results-wrapper .load-more-wrapper,
#search-results-container .load-more-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-xl, 24px) 0 0;
  max-width: 1400px;
  margin: 0 auto;
}
.supreme-element.product-search-results-wrapper .load-more-btn,
#search-results-container .load-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  font-size: 20px;
}
.supreme-element.product-search-results-wrapper .load-more-btn .button-text,
#search-results-container .load-more-btn .button-text {
  display: inline-block;
}
.supreme-element.product-search-results-wrapper .load-more-btn .button-icon,
#search-results-container .load-more-btn .button-icon {
  width: 24px;
  height: 24px;
}
.supreme-element.product-search-results-wrapper .load-more-btn .button-icon path,
#search-results-container .load-more-btn .button-icon path {
  stroke: currentColor;
  fill: none;
}
.supreme-element.product-search-results-wrapper .load-more-btn:disabled,
#search-results-container .load-more-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.supreme-element.product-search-results-wrapper .pagination-info,
#search-results-container .pagination-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.supreme-element.product-search-results-wrapper .pagination-text,
#search-results-container .pagination-text {
  color: var(--Paragraph-Color-1, #262626);
  font-family: var(--Font-Family-Mono, "Roboto Mono", monospace);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5714285714em;
  text-transform: uppercase;
}
.supreme-element.product-search-results-wrapper .pagination-progress,
#search-results-container .pagination-progress {
  width: 173px;
}
.supreme-element.product-search-results-wrapper .progress-track,
#search-results-container .progress-track {
  width: 100%;
  height: 4px;
  background-color: var(--Brand-Colors-Neutrals-Gray-100, #E0E0E0);
  border-radius: 2px;
  overflow: hidden;
}
.supreme-element.product-search-results-wrapper .progress-fill,
#search-results-container .progress-fill {
  height: 100%;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: 2px;
  transition: width 0.3s ease;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.product-resources-wrapper {
  padding: var(--spacing-4xl, 80px) 0;
  background: #ffffff;
  position: relative;
  z-index: 2;
}

.product-resources-section .product-resources-wrapper {
  padding-bottom: 0;
}

.product-resources-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.anchor-target {
  position: absolute;
  top: -20px;
  visibility: hidden;
}

.product-resources-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
  margin-bottom: 0;
}

.product-resources-eyebrow {
  font-family: var(--Font-Family-Special-Case, "roboto-mono", monospace);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.319em;
  text-transform: uppercase;
  color: #707070;
  text-align: left;
  letter-spacing: 0.05em;
}

.product-resources-heading {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 700;
  font-size: 40px;
  line-height: 1.35em;
  color: #262626;
  margin: 0;
  text-align: left;
}

.product-resources-groups {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}

.resource-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 10px);
}

.group-subheading {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 500;
  font-size: 28px;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
  padding: 0;
}

.group-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xl, 24px);
  width: 100%;
}

.resource-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px);
  width: 685px;
  max-width: calc(50% - 12px);
  background: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: var(--border-radius-border-radius-20, 20px);
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.resource-link:hover {
  border-color: #a0a0a0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.resource-link:hover .link-arrow {
  opacity: 1;
  transform: translateX(4px);
}

.link-text {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5em;
  color: #262626;
  flex: 1;
  padding-right: var(--spacing-xs, 8px);
}

.link-arrow {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  opacity: 0;
  transition: all 0.3s ease;
  color: #262626;
}
.link-arrow svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 1024px) {
  .product-resources-container {
    max-width: 100%;
  }
  .resource-link {
    width: auto;
    max-width: calc(50% - 12px);
  }
}
@media (max-width: 640px) {
  .product-resources-wrapper {
    padding: var(--spacing-4xl, 60px) 0;
  }
  .product-resources-container {
    gap: var(--spacing-xxl, 32px);
  }
  .product-resources-header {
    gap: var(--spacing-xs, 8px);
  }
  .product-resources-eyebrow {
    font-size: 12px;
    line-height: 1.4em;
  }
  .product-resources-heading {
    font-size: 28px;
    line-height: 1.4em;
  }
  .product-resources-groups {
    gap: var(--spacing-xxl, 32px);
  }
  .resource-group {
    gap: var(--spacing-xs, 8px);
  }
  .group-subheading {
    font-size: 22px;
    line-height: 1.4em;
  }
  .group-links {
    gap: var(--spacing-md, 16px);
  }
  .resource-link {
    width: 100%;
    max-width: 100%;
    padding: var(--spacing-sm, 14px);
  }
  .link-text {
    font-size: 18px;
    line-height: 1.5em;
  }
}
.product-resources-container {
  padding: 0;
}

.supreme-element .resource-group .resource-link {
  position: relative;
  color: inherit;
  transition: color 0.3s ease;
  z-index: 1;
}
.supreme-element .resource-group .resource-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 4px;
  box-sizing: border-box;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: -1;
}
.supreme-element .resource-group .resource-link:hover {
  border-color: transparent;
  transform: none;
}
.supreme-element .resource-group .resource-link:hover::after {
  opacity: 1;
}

.addon-product-card {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 12px;
  padding: 32px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.addon-card__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.addon-card__title {
  color: #1A1A1A;
  font-family: var(--Font-Family-Primary, "Inter");
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 0;
}

.addon-card__purchase-row {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: flex-start;
}

.addon-card__quantity-wrapper {
  position: relative;
  display: inline-block;
  min-width: 80px;
}

.addon-card__quantity-select {
  appearance: none;
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  padding: 12px 36px 12px 16px;
  font-family: var(--Font-Family-Primary, "Inter");
  font-size: 16px;
  font-weight: 500;
  color: #1A1A1A;
  cursor: pointer;
  width: 100%;
  transition: border-color 0.2s ease;
}
.addon-card__quantity-select:hover {
  border-color: #C4C4C4;
}
.addon-card__quantity-select:focus {
  outline: none;
  border-color: #0073E6;
}

.addon-card__quantity-arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.addon-card__price {
  color: #1A1A1A;
  font-family: var(--Font-Family-Primary, "Inter");
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  margin-left: auto;
}

@media (max-width: 768px) {
  .addon-product-card {
    padding: 24px;
  }
  .addon-card__title {
    font-size: 20px;
    line-height: 28px;
  }
  .addon-card__purchase-row {
    flex-wrap: wrap;
    gap: 16px;
  }
  .addon-card__price {
    font-size: 24px;
    line-height: 32px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    order: -1;
  }
  .addon-card__quantity-wrapper {
    min-width: 100px;
  }
}
.product-content-cta-wrapper {
  padding: var(--spacing-4xl, 80px) 0;
  background: #ffffff;
  position: relative;
}

.product-content-cta-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}

.anchor-target {
  position: absolute;
  top: -20px;
  visibility: hidden;
}

.product-content-cta-heading {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 700;
  font-size: 40px;
  line-height: 1.35em;
  color: #262626;
  text-align: left;
  margin: 0;
}

.product-blog-row {
  width: 685px;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px);
  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: var(--border-radius-border-radius-20, 20px);
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.product-blog-row:hover {
  border-color: #a0a0a0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.product-blog-row:hover .article-arrow-button {
  opacity: 1;
  transform: translateX(4px);
}

.article-image-container {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #f5f5f5;
}
.article-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-content-area {
  flex: 1;
  max-width: 542px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}

.article-content-column {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}

.article-category-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: var(--border-radius-border-radius-20, 20px);
  font-family: var(--Font-Family-Special-Case, "roboto-mono", monospace);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.319em;
  text-transform: uppercase;
  color: #000000;
  width: fit-content;
  letter-spacing: 0.02em;
}

.article-heading {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5em;
  color: #262626;
  text-align: left;
  margin: 0;
}

.article-arrow-button {
  position: absolute;
  right: var(--spacing-md, 16px);
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
  color: #000000;
}
.article-arrow-button svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 1024px) {
  .product-content-cta-container {
    max-width: 100%;
  }
  .product-blog-row {
    width: 100%;
    max-width: 685px;
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .product-content-cta-wrapper {
    padding: var(--spacing-4xl, 60px) 0;
  }
  .product-content-cta-container {
    padding: 0 var(--spacing-md, 16px);
    gap: var(--spacing-xl, 24px);
  }
  .product-content-cta-heading {
    font-size: 28px;
    line-height: 1.4em;
  }
  .product-blog-row {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm, 12px);
    padding: var(--spacing-sm, 12px);
  }
  .article-image-container {
    width: 100%;
    height: 200px;
  }
  .article-content-area {
    max-width: 100%;
  }
  .article-category-tag {
    font-size: 12px;
    padding: 2px 10px;
  }
  .article-heading {
    font-size: 18px;
    line-height: 1.4em;
  }
  .article-arrow-button {
    opacity: 0.5;
    position: static;
    transform: none;
    margin-left: auto;
    align-self: flex-end;
  }
}
.product-content-video-wrapper {
  padding: var(--spacing-4xl, 80px) 140px;
  background-color: #f4f9fa;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
}

.supreme-element .product-content-video-wrapper {
  padding: 0;
}

.product-content-video-container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.product-content-video-container.video-only {
  max-width: 1200px;
}
.product-content-video-container.video-only .video-media-container {
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.anchor-target {
  position: absolute;
  top: -20px;
  visibility: hidden;
}

.video-content-layout {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3xl, 40px);
  align-items: flex-start;
}
.video-content-layout.media-right {
  flex-direction: row-reverse;
}

.video-media-container {
  flex: 1;
  height: 366px;
  border-radius: var(--border-radius-border-radius-20, 20px);
  overflow: hidden;
  background: #f5f5f5;
}
.video-media-container img,
.video-media-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-media-container .video-embed-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.video-media-container .video-embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-text-container {
  width: 522px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}

.video-text-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}

.video-content-title {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 700;
  font-size: 40px;
  line-height: 1.35em;
  color: #262626;
  margin: 0;
}

.video-content-body {
  font-family: var(--Font-Family-Secondary, "open-sans");
  font-weight: 400;
  font-size: 18px;
  line-height: 1.556em;
  color: #262626;
  margin: 0;
}

@media (max-width: 1280px) {
  .product-content-video-wrapper {
    padding: var(--spacing-4xl, 80px) var(--spacing-3xl, 40px);
  }
}
@media (max-width: 1024px) {
  .product-content-video-wrapper {
    padding: var(--spacing-4xl, 80px) var(--spacing-xl, 24px);
  }
  .video-text-container {
    width: 450px;
  }
}
@media (max-width: 768px) {
  .product-content-video-wrapper {
    padding: var(--spacing-4xl, 60px) var(--spacing-lg, 20px);
  }
  .video-content-layout {
    flex-direction: column !important;
    gap: var(--spacing-xl, 24px);
  }
  .video-media-container {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
  .video-text-container {
    width: 100%;
    gap: var(--spacing-xl, 24px);
  }
  .video-text-content {
    gap: var(--spacing-sm, 12px);
  }
  .video-content-title {
    font-size: 32px;
    line-height: 1.4em;
  }
  .video-content-body {
    font-size: 16px;
    line-height: 1.5em;
  }
}
@media (max-width: 480px) {
  .product-content-video-wrapper {
    padding: var(--spacing-3xl, 40px) var(--spacing-md, 16px);
  }
  .video-content-title {
    font-size: 28px;
  }
}
.product-legal {
  margin-top: var(--spacing-3xl, 40px);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  position: relative;
  z-index: 2;
}
.product-legal__content p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.product-legal__content p:last-child {
  margin-bottom: 0;
}
.product-legal__content ul,
.product-legal__content ol {
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-lg, 20px);
}
.product-legal__content ul:last-child,
.product-legal__content ol:last-child {
  margin-bottom: 0;
}
.product-legal__content li {
  margin-bottom: var(--spacing-xs, 8px);
}
.product-legal__content li:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .product-legal {
    margin-top: var(--spacing-3xl, 60px);
    padding-bottom: var(--spacing-3xl, 60px);
  }
}

/* Header Topbar Element Styles */
.header-topbar-wrapper {
  background-color: #000000;
  height: 42px;
  width: 100%;
  position: relative;
  z-index: 1000;
}
.header-topbar-wrapper .promo-button,
.header-topbar-wrapper .cart-button {
  background-color: #ffffff;
  color: #000000;
  font-family: "Runda", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.571;
  padding: 8px 12px;
  border-radius: 7px;
  text-decoration: none;
  align-items: center;
  gap: 8px;
  height: 26px;
  transition: all 0.2s ease;
}
.header-topbar-wrapper .promo-button:hover::after,
.header-topbar-wrapper .cart-button:hover::after {
  border-radius: 7px;
}
.header-topbar-wrapper .promo-button svg,
.header-topbar-wrapper .cart-button svg {
  width: 13px;
  height: 12px;
}
.header-topbar-wrapper .promo-button {
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
.header-topbar-wrapper .promo-button .button-text,
.header-topbar-wrapper .promo-button .button-hover-text {
  transition: all 0.2s ease;
}
.header-topbar-wrapper .promo-button .button-hover-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateY(100%);
  opacity: 0;
}
.header-topbar-wrapper .promo-button:hover .button-text {
  transform: translateY(-100%);
  opacity: 0;
}
.header-topbar-wrapper .promo-button:hover .button-hover-text {
  transform: translate(-50%, -50%) translateY(0%);
  opacity: 1;
}
.header-topbar-wrapper .cart-button {
  display: flex;
}

.header-topbar-container {
  display: flex;
  align-items: center;
  height: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 1440px) {
  .header-topbar-container {
    padding: 0 64px;
  }
}
@media (max-width: 767px) {
  .header-topbar-container {
    padding: 0 12px;
  }
}

/* Promotional Section */
.topbar-container {
  position: absolute;
  width: 100%;
  top: -100%; /* start above */
  left: 0;
  display: none;
}

.topbar-promo-section {
  position: relative;
  overflow: hidden;
  height: 30px;
  width: 100%;
}
@media (max-width: 1250px) {
  .topbar-promo-section .promo-button {
    order: 2;
  }
}
@media (max-width: 1250px) {
  .topbar-promo-section .promo-text {
    order: 1;
  }
}

/* Right Section Container */
.topbar-right-section {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}
@media (max-width: 1250px) {
  .topbar-right-section {
    display: none;
  }
}

.promo-text {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  margin-left: 5px;
}

/* Dividers */
.topbar-divider {
  width: 1px;
  height: 24px;
  background-color: #707070;
}
@media (max-width: 767px) {
  .topbar-divider {
    display: none;
  }
}

/* Search Section */
.topbar-search-section {
  width: 199px;
}
@media (max-width: 1250px) {
  .topbar-search-section {
    flex: 1;
    width: auto;
  }
}

.search-form {
  width: 100%;
  height: 26px;
}

.search-input-wrapper {
  position: relative;
  height: 100%;
}

.search-input {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 1px solid #505050;
  border-radius: 4px;
  padding: 2px 36px 2px 8px;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
}
.search-input::placeholder {
  color: #ffffff;
}
.search-input:focus {
  outline: none;
  border-color: #ffffff;
}
.search-input:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.search-submit-btn {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 2px 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-submit-btn:hover .search-icon {
  opacity: 0.8;
}

.search-icon {
  width: 20px;
  height: 20px;
  color: #ffffff;
  pointer-events: none;
}

/* Account Section */
.topbar-account-section {
  position: relative;
}

.account-dropdown-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  height: 20px;
}

.account-icon {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
}

.chevron-down {
  width: 12px;
  height: 7px;
  color: #aaaaaa;
  transition: transform 0.2s ease;
}

.account-dropdown-trigger:hover .chevron-down {
  transform: rotate(180deg);
}

/* Dropdown Menu */
.account-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 160px;
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.2s ease;
}

.topbar-account-section:hover .account-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  color: #333333;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s ease;
}
.dropdown-item:last-child {
  border-bottom: none;
}
.dropdown-item:hover {
  background-color: #f8f8f8;
  text-decoration: none;
  color: #333333;
}

.dropdown-icon {
  width: 16px;
  height: 16px;
}

/* Cart Button Section */
@media (max-width: 767px) {
  .topbar-cart-section {
    margin-left: auto;
  }
}

.cart-icon {
  width: 14px;
  height: 14px;
}

@media (max-width: 480px) {
  .cart-text {
    display: none;
  }
}

/* Mobile Responsive Adjustments */
@media (max-width: 1250px) {
  .topbar-right-section {
    width: 100%;
  }
}
/* Header Integration Styles */
.header-topbar-wrapper {
  /* Ensure topbar doesn't add unwanted margins */
  margin: 0;
  /* Fix for potential CSS conflicts */
  box-sizing: border-box;
  /* Ensure topbar stays on top */
  position: relative;
}

/* Ensure the element works within Oxygen's structure */
.oxy-supreme-elements-header-topbar .header-topbar-wrapper {
  /* Remove any Oxygen default spacing */
  margin: 0 !important;
  padding: 0 !important;
}

/* Additional responsive handling for very small screens */
@media (max-width: 480px) {
  .header-topbar-container {
    padding: 0 15px;
  }
  .topbar-right-section {
    gap: 10px;
  }
  .promo-button {
    font-size: 12px;
    padding: 6px 10px;
    height: 22px;
  }
  .cart-button {
    font-size: 12px;
    padding: 6px 10px;
    height: 22px;
  }
}
/* Ensure consistent font loading */
.header-topbar-wrapper {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.header-topbar-wrapper .promo-button {
  transition: unset;
  outline: none;
}
.header-topbar-wrapper .promo-button:hover .button-text {
  transform: unset;
  opacity: 1;
}

.supreme-element .promo-button::after {
  transition: unset;
  outline: none;
}

.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-message {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: #ffffff;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-top {
  border-bottom: 0px;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-inner {
  max-width: 1680px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-cta {
  display: inline-block;
  padding: 8px 20px;
  text-decoration: none;
  border-radius: 10px;
  white-space: nowrap;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xxs, 16px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  transition: 0.3s ease-in-out;
  position: relative;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-cta:after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-cta:hover {
  background: var(--Brand-Colors-Primary-Black, #000000);
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-dismiss {
  color: #ffffff;
  transition: all 0.3s ease;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-dismiss:hover {
  color: #20d340;
  transition: all 0.3s ease;
}

@media (max-width: 500px) {
  .oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-inner {
    display: flex;
    flex-direction: column;
  }
  .oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-actions {
    justify-content: space-between;
    width: 100%;
  }
}
.product-add-on-section {
  margin-bottom: 40px;
  width: 100%;
}
.product-add-on-section h2 {
  font-weight: 500;
  margin-bottom: 20px;
}
.product-add-on-section .product-add-on-container {
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  gap: 32px;
  align-items: stretch;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product {
  flex: 0 0 calc(50% - 16px);
  box-shadow: none;
  padding: 20px;
  border-radius: 8px;
  border: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #D1D1D1);
  background: var(--Brand-Colors-Primary-White, #FFF);
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-add-on-product-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-product-title {
  display: block;
  width: 100%;
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xl, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xl, 42px);
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-regular-price {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px);
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  margin-top: auto;
  gap: 20px;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-action-wrapper-left,
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-action-wrapper-right {
  display: flex;
  gap: 20px;
  align-items: center;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-quantity-wrapper {
  order: 1;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-price-wrapper {
  order: 3;
  margin: 0;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .bc-add-to-cart {
  order: 4;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-product-description {
  margin: var(--Paragraph-Spacing-paragraph-spacing, 15px) 0 0 0;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-quantity-wrapper {
  margin-bottom: 0;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-quantity-wrapper .bc-quantity-select {
  width: 100px;
  padding: 0.5rem;
  border-radius: 0.25rem;
  border: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #D1D1D1);
  background: url(/wp-content/uploads/2025/09/arrow-drop-down.svg) no-repeat right 9px center;
  background-size: 12px 7px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

@media (max-width: 767px) {
  .product-add-on-section .product-add-on-container {
    display: block;
    gap: 0;
  }
  .product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product:not(:last-child) {
    margin-bottom: 15px;
  }
  .product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper {
    gap: 10px;
  }
  .product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-action-wrapper-left,
  .product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-action-wrapper-right {
    gap: 14px;
  }
}
@media (max-width: 992px) {
  .product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product {
    flex: 1;
  }
}
.account-navigation {
  display: flex;
  gap: var(--spacing-xs, 8px);
  background: #ffffff;
  border-radius: 8px;
  padding: var(--spacing-md, 16px);
}
.account-navigation:not(.layout-horizontal) {
  flex-direction: column;
}
.account-navigation.layout-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.account-navigation.layout-horizontal .nav-item {
  flex: 0 0 auto;
}
.account-navigation.layout-vertical {
  flex-direction: column;
}
.account-navigation.layout-vertical .nav-item {
  width: 100%;
}
.account-navigation .nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  text-decoration: none;
  color: #262626;
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.account-navigation .nav-item:hover {
  background-color: #f5f5f5;
  text-decoration: none;
  color: #262626;
}
.account-navigation .nav-item:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Blue, #0066cc);
  outline-offset: 2px;
}
.account-navigation .nav-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  object-fit: contain;
}
.account-navigation .nav-text {
  flex: 1;
}
@media (max-width: 768px) {
  .account-navigation.layout-horizontal {
    flex-direction: column;
  }
  .account-navigation .nav-item {
    padding: 10px;
    font-size: 14px;
  }
  .account-navigation .nav-icon {
    width: 18px;
    height: 18px;
  }
}

.oxy-supreme-elements-account-navigation {
  width: 100%;
}

.cart-div .supreme-bc-cart-table {
  color: var(--Heading-Color-1);
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xs);
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xxs);
}
.cart-div .supreme-bc-cart-table th {
  text-align: left;
  padding: 0px 15px;
  border-bottom: 2px solid #dee2e6;
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xl, 42px);
}
.cart-div .cart-item-name h4 {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
}
.cart-div .cart-item-sku small {
  color: var(--Heading-Color-1-Alt, #AAA);
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxxs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
}
.cart-div .cart-item-price {
  color: var(--Heading-Color-1);
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xs);
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xxs);
}
.cart-div .cart-subtotal strong {
  font-size: var(--Font-Size-Paragraph-f-size);
}
.cart-div .account-navigation .nav-text {
  text-align: left;
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: 500;
  line-height: 18px;
}

@media (max-width: 768px) {
  .cart-div .account-navigation.layout-horizontal {
    flex-direction: column;
    padding: 0;
  }
  .cart-div .cart-item-name h4 {
    font-size: 16px;
    line-height: 26px;
  }
  .cart-div .supreme-bc-cart-table td {
    padding: 10px 0px;
  }
  .cart-div .supreme-bc-cart-table th {
    padding: 10px 0px;
  }
}
@media (max-width: 767px) {
  .cart-div .supreme-bc-cart-table thead {
    display: none;
  }
  .cart-div .supreme-bc-cart-table tr {
    display: block;
    border: 1px solid #e0e0e0;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 8px;
    background: #fff;
  }
  .cart-div .supreme-bc-cart-table td {
    display: block;
    width: 100%;
    text-align: left;
  }
  .cart-div .supreme-bc-cart-table td.cart-item-price::before {
    content: "Price: ";
    font-weight: 600;
  }
  .cart-div .supreme-bc-cart-table td.cart-item-quantity::before {
    content: "Quantity: ";
    font-weight: 600;
  }
  .cart-div .supreme-bc-cart-table td.cart-item-total::before {
    content: "Total: ";
    font-weight: 600;
  }
  .cart-div .supreme-bc-cart-table td.cart-item-remove::before {
    content: "Remove: ";
    font-weight: 600;
  }
  .cart-div .supreme-bc-cart-table td:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0px;
  }
  .cart-div .supreme-bc-cart-table .cart-item-name {
    padding-top: 0px;
  }
}
.supreme-bc-po-checkout-wrapper {
  padding: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .supreme-bc-po-checkout-wrapper {
    padding: 1rem;
  }
}

.supreme-bc-po-checkout-title {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: 600;
  color: var(--heading-color, #333);
}
@media (max-width: 767px) {
  .supreme-bc-po-checkout-title {
    font-size: 1.5rem;
  }
}

.supreme-bc-po-checkout-description {
  margin-bottom: 2rem;
  color: var(--text-muted, #666);
}
.supreme-bc-po-checkout-description p {
  margin: 0;
  line-height: 1.6;
}

.supreme-bc-po-section {
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  background: var(--white, #fff);
  border-radius: var(--border-radius-border-radius-8, 8px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--border-color, #e5e5e5);
}
@media (max-width: 767px) {
  .supreme-bc-po-section {
    padding: 1rem;
    margin-bottom: 1.5rem;
  }
}
.supreme-bc-po-section h3 {
  margin-bottom: 1.25rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--heading-color, #333);
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--primary-color, #0073aa);
}
@media (max-width: 767px) {
  .supreme-bc-po-section h3 {
    font-size: 1.2rem;
  }
}

.supreme-bc-po-address-section .supreme-bc-addresses-loading {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--text-muted, #666);
}
.supreme-bc-po-address-section .supreme-bc-address-selection {
  margin-bottom: 1rem;
}
.supreme-bc-po-address-section .supreme-bc-address-selection select {
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  border: 1px solid var(--border-color, #ced4da);
  border-radius: var(--border-radius-border-radius-4, 4px);
  background-color: var(--white, #fff);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.supreme-bc-po-address-section .supreme-bc-address-selection select:focus {
  border-color: var(--primary-color, #0073aa);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 115, 170, 0.25);
}
.supreme-bc-po-address-section .supreme-bc-selected-address-display {
  margin-top: 1rem;
  padding: 1rem;
  background: var(--background-light, #f8f9fa);
  border-left: 3px solid var(--primary-color, #0073aa);
  border-radius: var(--border-radius-border-radius-4, 4px);
}
.supreme-bc-po-address-section .supreme-bc-selected-address-display .selected-address-info {
  line-height: 1.6;
  color: var(--text-color, #333);
}
.supreme-bc-po-address-section .supreme-bc-selected-address-display .selected-address-info strong {
  color: var(--heading-color, #333);
  font-weight: 600;
}
.supreme-bc-po-address-section .supreme-bc-add-new-address-btn {
  margin-top: 1rem;
}

.supreme-bc-po-shipping-section .supreme-bc-shipping-loading {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--text-muted, #666);
}
.supreme-bc-po-shipping-section .shipping-type-header {
  margin: 1.5rem 0 0.75rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--heading-color, #333);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-color, #e5e5e5);
}
.supreme-bc-po-shipping-section .shipping-type-header:first-child {
  margin-top: 0;
}
.supreme-bc-po-shipping-section .shipping-type-note {
  margin: 0 0 1rem;
  font-size: 0.9rem;
  color: var(--text-muted, #666);
  font-style: italic;
}
.supreme-bc-po-shipping-section .shipping-methods-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.supreme-bc-po-shipping-section .shipping-method-option {
  padding: 1rem;
  border: 1px solid var(--border-color, #e5e5e5);
  border-radius: var(--border-radius-border-radius-4, 4px);
  transition: all 0.2s ease;
}
.supreme-bc-po-shipping-section .shipping-method-option:hover {
  border-color: var(--primary-color, #0073aa);
  background: var(--background-light, #f8f9fa);
}
.supreme-bc-po-shipping-section .shipping-method-option.cold-pack {
  border-left: 3px solid #17a2b8;
  background: rgba(23, 162, 184, 0.03);
}
.supreme-bc-po-shipping-section .shipping-method-option.cold-pack:hover {
  background: rgba(23, 162, 184, 0.08);
}
.supreme-bc-po-shipping-section .shipping-method-option.cold-pack:has(input:checked) {
  border-color: #17a2b8;
  background: rgba(23, 162, 184, 0.1);
}
.supreme-bc-po-shipping-section .shipping-method-option label {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
}
.supreme-bc-po-shipping-section .shipping-method-option label input[type=radio] {
  margin-right: 1rem;
}
.supreme-bc-po-shipping-section .shipping-method-option label .method-name {
  flex: 1;
  font-weight: 500;
}
.supreme-bc-po-shipping-section .shipping-method-option label .method-transit {
  margin-left: 0.5rem;
  font-size: 0.9rem;
  color: var(--text-muted, #666);
}
.supreme-bc-po-shipping-section .shipping-method-option label .method-cost {
  font-weight: 600;
  color: var(--primary-color, #0073aa);
  margin-left: 1rem;
  text-align: right;
}
.supreme-bc-po-shipping-section .shipping-method-option label .method-cost small {
  display: block;
  font-weight: 400;
  color: var(--text-muted, #666);
  font-size: 0.85rem;
}
.supreme-bc-po-shipping-section .shipping-method-option:has(input:checked) {
  border-color: var(--primary-color, #0073aa);
  background: rgba(0, 115, 170, 0.05);
}
.supreme-bc-po-shipping-section .supreme-bc-no-shipping-methods {
  text-align: center;
  padding: 2rem;
  background: var(--background-light, #f8f9fa);
  border-radius: var(--border-radius-border-radius-4, 4px);
  color: var(--text-muted, #666);
}

.supreme-bc-po-cart-section .supreme-bc-po-cart-table {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
  overflow-x: auto;
}
@media (max-width: 767px) {
  .supreme-bc-po-cart-section .supreme-bc-po-cart-table {
    font-size: 0.875rem;
  }
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table thead {
  background: var(--background-light, #f8f9fa);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table thead th {
  text-align: left;
  padding: 0.75rem;
  border-bottom: 2px solid var(--border-color, #dee2e6);
  font-weight: 600;
  color: var(--heading-color, #333);
  white-space: nowrap;
}
@media (max-width: 767px) {
  .supreme-bc-po-cart-section .supreme-bc-po-cart-table thead th {
    padding: 0.5rem;
  }
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tbody td {
  padding: 0.75rem;
  border-bottom: 1px solid var(--border-color, #dee2e6);
  vertical-align: middle;
}
@media (max-width: 767px) {
  .supreme-bc-po-cart-section .supreme-bc-po-cart-table tbody td {
    padding: 0.5rem;
  }
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot tr td {
  padding: 0.75rem;
  border-bottom: none;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot tr td.text-right {
  text-align: right;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-subtotal td {
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--heading-color, #333);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-discount td {
  color: var(--success-color, #28a745);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td {
  padding: 0.5rem 0.75rem;
  border-top: 1px solid var(--border-color, #dee2e6);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .shipping-placeholder,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .tax-placeholder,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .shipping-placeholder,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .tax-placeholder {
  color: var(--text-muted, #999);
  font-style: italic;
  font-size: 0.9rem;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .shipping-amount,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .tax-amount,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .shipping-amount,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .tax-amount {
  font-weight: 500;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .shipping-amount .shipping-type-badge,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .tax-amount .shipping-type-badge,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .shipping-amount .shipping-type-badge,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .tax-amount .shipping-type-badge {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: var(--border-radius-border-radius-4, 4px);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .shipping-amount .shipping-type-badge.cold-pack,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .tax-amount .shipping-type-badge.cold-pack,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .shipping-amount .shipping-type-badge.cold-pack,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .tax-amount .shipping-type-badge.cold-pack {
  background: #17a2b8;
  color: white;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-grand-total td {
  padding: 0.75rem;
  border-top: 2px solid var(--primary-color, #0073aa);
  font-size: 1.2rem;
  color: var(--primary-color, #0073aa);
  background: var(--background-light, #f8f9fa);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-grand-total td.text-right {
  font-weight: 700;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-grand-total td .total-amount {
  color: var(--primary-color, #0073aa);
}
.supreme-bc-po-cart-section .cart-item-thumbnail {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: var(--border-radius-border-radius-4, 4px);
}
@media (max-width: 767px) {
  .supreme-bc-po-cart-section .cart-item-thumbnail {
    width: 50px;
    height: 50px;
  }
}
.supreme-bc-po-cart-section .cart-item-placeholder {
  width: 60px;
  height: 60px;
  background-color: var(--background-light, #f8f9fa);
  border-radius: var(--border-radius-border-radius-4, 4px);
}
@media (max-width: 767px) {
  .supreme-bc-po-cart-section .cart-item-placeholder {
    width: 50px;
    height: 50px;
  }
}
.supreme-bc-po-cart-section .cart-item-name strong {
  font-weight: 600;
  color: var(--heading-color, #333);
}
.supreme-bc-po-cart-section .cart-item-sku,
.supreme-bc-po-cart-section .cart-item-options {
  margin-top: 0.25rem;
}
.supreme-bc-po-cart-section .cart-item-sku small,
.supreme-bc-po-cart-section .cart-item-options small {
  color: var(--text-muted, #666);
  font-size: 0.875rem;
}

.supreme-bc-po-fields-section .form-group {
  margin-bottom: 1.5rem;
}
.supreme-bc-po-fields-section .form-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--heading-color, #333);
}
.supreme-bc-po-fields-section .form-group label .required {
  color: var(--danger-color, #dc3545);
  margin-left: 0.25rem;
}
.supreme-bc-po-fields-section .form-group input[type=text],
.supreme-bc-po-fields-section .form-group input[type=file] {
  display: block;
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--text-color, #495057);
  background-color: var(--white, #fff);
  background-clip: padding-box;
  border: 1px solid var(--border-color, #ced4da);
  border-radius: var(--border-radius-border-radius-4, 4px);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.supreme-bc-po-fields-section .form-group input[type=text]:focus,
.supreme-bc-po-fields-section .form-group input[type=file]:focus {
  color: var(--text-color, #495057);
  background-color: var(--white, #fff);
  border-color: var(--primary-color, #0073aa);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 115, 170, 0.25);
}
.supreme-bc-po-fields-section .form-group input[type=text]::placeholder,
.supreme-bc-po-fields-section .form-group input[type=file]::placeholder {
  color: var(--text-muted, #999);
}
.supreme-bc-po-fields-section .form-group input[type=file] {
  padding: 0.5rem 0.75rem;
}
.supreme-bc-po-fields-section .form-group .form-text {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: var(--text-muted, #6c757d);
}

.supreme-bc-po-submit-section {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.supreme-bc-po-submit-section .supreme-bc-po-submit-btn {
  padding: 0.75rem 2rem;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
.supreme-bc-po-submit-section .supreme-bc-po-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.supreme-bc-po-submit-section .supreme-bc-po-submit-loading {
  display: inline-block;
  color: var(--text-muted, #666);
  font-size: 1rem;
}

.supreme-bc-po-checkout-messages {
  margin-bottom: 1.5rem;
}
.supreme-bc-po-checkout-messages .alert {
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: var(--border-radius-border-radius-4, 4px);
}
.supreme-bc-po-checkout-messages .alert.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.supreme-bc-po-checkout-messages .alert.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.supreme-bc-address-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.supreme-bc-address-modal .supreme-bc-address-modal-content {
  background: var(--white, white);
  border-radius: var(--border-radius-border-radius-8, 8px);
  max-width: 600px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.supreme-bc-address-modal .supreme-bc-address-modal-header {
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-color, #ddd);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.supreme-bc-address-modal .supreme-bc-address-modal-header h4 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color, #333);
}
.supreme-bc-address-modal .supreme-bc-address-modal-header .supreme-bc-address-modal-close {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: var(--text-muted, #666);
  transition: color 0.2s;
}
.supreme-bc-address-modal .supreme-bc-address-modal-header .supreme-bc-address-modal-close:hover {
  color: var(--text-color, #333);
}
.supreme-bc-address-modal .supreme-bc-address-modal-body {
  padding: 1.5rem;
}
.supreme-bc-address-modal .supreme-bc-address-modal-body .form-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .supreme-bc-address-modal .supreme-bc-address-modal-body .form-row {
    flex-direction: column;
  }
}
.supreme-bc-address-modal .supreme-bc-address-modal-body .form-row .form-group {
  flex: 1;
  margin-bottom: 0;
}
.supreme-bc-address-modal .supreme-bc-address-modal-footer {
  padding: 1.5rem;
  border-top: 1px solid var(--border-color, #ddd);
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.supreme-bc-po-checkout-not-logged-in,
.supreme-bc-po-checkout-no-customer,
.supreme-bc-po-checkout-empty,
.supreme-bc-po-checkout-error {
  text-align: center;
  padding: 3rem 2rem;
  background-color: var(--background-light, #f8f9fa);
  border-radius: var(--border-radius-border-radius-8, 8px);
  margin: 2rem auto;
  max-width: 600px;
}
.supreme-bc-po-checkout-not-logged-in p,
.supreme-bc-po-checkout-no-customer p,
.supreme-bc-po-checkout-empty p,
.supreme-bc-po-checkout-error p {
  margin: 0;
  font-size: 1.125rem;
  color: var(--text-muted, #666);
}

.supreme-bc-po-checkout-error {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
}
.supreme-bc-po-checkout-error p {
  color: #721c24;
}

@media (max-width: 767px) {
  .supreme-bc-po-checkout-wrapper .form-row {
    flex-direction: column;
  }
  .supreme-bc-po-cart-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .supreme-bc-po-cart-table thead,
  .supreme-bc-po-cart-table tbody,
  .supreme-bc-po-cart-table tfoot {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .supreme-bc-po-submit-section {
    flex-direction: column;
  }
  .supreme-bc-po-submit-section .supreme-bc-po-submit-btn {
    width: 100%;
  }
}
.supreme-bc-quote-banner-wrapper {
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner-wrapper {
    margin-bottom: 1.5rem;
  }
}

.supreme-bc-quote-banner {
  padding: 0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-bc-quote-banner .quote-banner-row {
  padding: 1.25rem 1.5rem;
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner .quote-banner-row {
    padding: 1rem;
  }
}
.supreme-bc-quote-banner .quote-banner-row.quote-info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
  background: var(--white, #ffffff);
}
@media (max-width: 991px) {
  .supreme-bc-quote-banner .quote-banner-row.quote-info-row {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
}
.supreme-bc-quote-banner .quote-banner-row.payment-notice-row {
  background: linear-gradient(135deg, rgba(32, 211, 64, 0.05) 0%, rgba(0, 209, 237, 0.05) 100%);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
.supreme-bc-quote-banner .quote-status {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 991px) {
  .supreme-bc-quote-banner .quote-status {
    justify-content: center;
  }
}
.supreme-bc-quote-banner .quote-status .quote-label {
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner .quote-status .quote-label {
    font-size: 1rem;
  }
}
.supreme-bc-quote-banner .quote-status .order-number {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--Heading-Color-1, #262626);
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding: 0.375rem 0.875rem;
  border-radius: var(--border-radius-border-radius-4, 4px);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner .quote-status .order-number {
    font-size: 1rem;
    padding: 0.25rem 0.75rem;
  }
}
.supreme-bc-quote-banner .quote-validity {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .supreme-bc-quote-banner .quote-validity {
    justify-content: center;
    text-align: center;
  }
}
.supreme-bc-quote-banner .quote-validity .validity-text {
  color: var(--Heading-Color-1-Alt, #707070);
}
.supreme-bc-quote-banner .quote-validity .validity-date {
  font-weight: 600;
  color: var(--Heading-Color-1, #262626);
}
@media (max-width: 991px) {
  .supreme-bc-quote-banner .quote-actions {
    text-align: center;
  }
}
.supreme-bc-quote-banner .payment-notice {
  font-size: 0.9375rem;
  line-height: 1.6;
  text-align: center;
  color: var(--Heading-Color-1-Alt, #707070);
  font-family: var(--font-family-primary, inherit);
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner .payment-notice {
    font-size: 0.875rem;
  }
}
.supreme-bc-quote-banner .payment-notice a {
  color: var(--link, #f94f01);
  text-decoration: underline;
  transition: color 0.2s ease;
}
.supreme-bc-quote-banner .payment-notice a:hover {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  text-decoration: none;
}
.supreme-bc-quote-banner .payment-notice strong {
  font-weight: 600;
  color: var(--Heading-Color-1, #262626);
}

@keyframes supreme-spin {
  to {
    transform: rotate(360deg);
  }
}
.supreme-bc-quote-banner.is-success {
  border-color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.supreme-bc-quote-banner.is-success .quote-label {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.supreme-bc-quote-banner.is-warning {
  border-color: var(--link, #f94f01);
  background: rgba(249, 79, 1, 0.03);
}
.supreme-bc-quote-banner.is-warning .quote-label {
  color: var(--link, #f94f01);
}
.supreme-bc-quote-banner.is-compact .quote-banner-row {
  padding: 0.875rem 1.25rem;
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner.is-compact .quote-banner-row {
    padding: 0.75rem 1rem;
  }
}
.supreme-bc-quote-banner.is-compact .quote-label {
  font-size: 1rem;
}
.supreme-bc-quote-banner.is-compact .order-number {
  font-size: 1rem;
}
.supreme-bc-quote-banner.is-compact .btn-download-pdf {
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
}

@media print {
  .supreme-bc-quote-banner-wrapper {
    display: none;
  }
}
#django-orders-container,
.django-orders-wrapper {
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  color: var(--text, #262626);
  padding: var(--spacing-xl, 1.5rem) 0;
}

.django-order-detail h2,
.django-orders-wrapper h2 {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  color: var(--Heading-Color-1, #262626);
  font-weight: 700;
  font-size: var(--Font-Size-h2, 2.5rem);
  margin-bottom: var(--spacing-md, 1rem);
}
@media (max-width: 767px) {
  .django-order-detail h2,
  .django-orders-wrapper h2 {
    font-size: var(--Font-Size-h3, 2rem);
  }
}
.django-order-detail h3,
.django-orders-wrapper h3 {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  color: var(--Heading-Color-2, #262626);
  font-weight: 600;
  font-size: var(--Font-Size-h3, 1.75rem);
  margin: var(--spacing-lg, 1.125rem) 0 var(--spacing-md, 1rem);
}

.django-orders-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.django-orders-table thead {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.django-orders-table th,
.django-orders-table td {
  padding: var(--spacing-md, 1rem);
  text-align: left;
  border-bottom: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #e8e8e8);
}
@media (max-width: 767px) {
  .django-orders-table th,
  .django-orders-table td {
    padding: var(--spacing-sm, 0.75rem);
    font-size: 0.875rem;
  }
}
.django-orders-table thead th {
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-secondary, #666);
}
.django-orders-table tbody tr:hover {
  background: var(--Brand-Colors-Light-grayish-cyan, #f9f9f9);
}
.django-orders-table tbody tr:last-child td {
  border-bottom: none;
}

.status-badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: var(--border-radius-border-radius-full, 1.25rem);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.status-badge.status-completed, .status-badge.status-complete, .status-badge.status-shipped {
  background: linear-gradient(135deg, #20d340 0%, #00d1ed 100%);
  color: #ffffff;
}
.status-badge.status-pending, .status-badge.status-awaiting-fulfillment {
  background: #fff3cd;
  color: #856404;
  border: 1px solid #ffeaa7;
}
.status-badge.status-processing, .status-badge.status-in-progress {
  background: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  color: #ffffff;
}
.status-badge.status-cancelled, .status-badge.status-canceled, .status-badge.status-refunded {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.django-order-detail {
  max-width: 1200px;
  margin: 0 auto;
}

.order-nav {
  margin-bottom: var(--spacing-xl, 1.5rem);
}

.order-summary {
  padding: var(--spacing-xl, 1.5rem) 0;
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  margin-bottom: var(--spacing-xl, 1.5rem);
}

.order-status-large {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  display: inline-block;
  padding: 12px 24px;
  border-radius: var(--border-radius-border-radius-full, 1.25rem);
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--spacing-md, 1rem);
}
.order-status-large.status-completed, .order-status-large.status-complete {
  background: linear-gradient(135deg, #20d340 0%, #00d1ed 100%);
  color: #ffffff;
}
.order-status-large.status-pending {
  background: #fff3cd;
  color: #856404;
}
.order-status-large.status-processing {
  background: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  color: #ffffff;
}

.order-columns {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--spacing-xl, 1.5rem);
  margin-top: var(--spacing-xl, 1.5rem);
}
@media (max-width: 991px) {
  .order-columns {
    grid-template-columns: 1fr;
  }
}

.order-column {
  background: #ffffff;
  padding: var(--spacing-lg, 1.125rem);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.order-items-table {
  width: 100%;
  border-collapse: collapse;
}
.order-items-table th,
.order-items-table td {
  padding: var(--spacing-sm, 0.75rem);
  border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #e8e8e8);
}
.order-items-table th {
  font-weight: 600;
  color: var(--text-secondary, #666);
  font-size: 0.875rem;
  text-align: left;
}
.order-items-table tbody tr:last-child td {
  border-bottom: none;
}

.shipping-info {
  padding: var(--spacing-sm, 0.75rem);
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-20, 0.75rem);
  margin-top: var(--spacing-sm, 0.75rem);
}

.order-totals {
  border-top: 2px solid var(--Brand-Colors-Neutrals-Gray-200, #e8e8e8);
  padding-top: var(--spacing-md, 1rem);
  margin-top: var(--spacing-md, 1rem);
}

.order-totals-line {
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-sm, 0.75rem) 0;
}
.order-totals-line.total {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  border-top: 2px solid var(--Brand-Colors-Neutrals-Gray-200, #e8e8e8);
  padding-top: var(--spacing-md, 1rem);
  margin-top: var(--spacing-sm, 0.75rem);
}

.address-card {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding: var(--spacing-md, 1rem);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  margin-bottom: var(--spacing-md, 1rem);
}
.address-card h4 {
  margin-top: 0;
  color: var(--text, #262626);
  font-weight: 600;
}
.address-card p {
  margin: var(--spacing-xs, 0.5rem) 0;
}

.django-orders-loading {
  padding: var(--spacing-xxl, 2rem);
  text-align: center;
  color: var(--text-secondary, #666);
}
.django-orders-loading p {
  font-size: 1.125rem;
  margin: 0;
}

.django-orders-error,
.django-orders-empty,
.django-orders-login-required,
.django-orders-openid-required {
  padding: var(--spacing-xxl, 2rem);
  text-align: center;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  color: var(--text, #262626);
}
.django-orders-error h4,
.django-orders-empty h4,
.django-orders-login-required h4,
.django-orders-openid-required h4 {
  color: #dc3545;
  margin-bottom: var(--spacing-md, 1rem);
}
.django-orders-error p,
.django-orders-empty p,
.django-orders-login-required p,
.django-orders-openid-required p {
  margin-bottom: var(--spacing-md, 1rem);
}

.django-orders-debug {
  margin: var(--spacing-xl, 1.5rem) 0;
}
.django-orders-debug h3,
.django-orders-debug h4 {
  color: var(--text, #262626);
  margin-bottom: var(--spacing-sm, 0.75rem);
}
.django-orders-debug pre {
  background: #f0f0f0;
  padding: 15px;
  border: 1px solid #ccc;
  overflow-x: auto;
  font-family: monospace;
  font-size: 12px;
  border-radius: var(--border-radius-border-radius-20, 0.5rem);
}

/*
SCSS for Suggested Products element
*/
.supreme-suggested-products-wrapper {
  background: #f4f9fa;
  padding: 80px 140px;
  width: 100%;
}
.supreme-suggested-products-wrapper .supreme-suggested-products-container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}
.supreme-suggested-products-wrapper .supreme-suggested-products-heading {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xxxl, 56px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxxl, 64px);
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-3xl, 40px) !important;
}
.supreme-suggested-products-wrapper .supreme-suggested-product-description {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  color: var(--text, #262626);
  margin-top: 4px !important;
}
.supreme-suggested-products-wrapper .supreme-suggested-product-link {
  position: relative;
  transition: color 0.3s ease;
  z-index: 1;
  background: #fff;
  border-radius: 20px;
}
.supreme-suggested-products-wrapper .supreme-suggested-product-link:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 4px;
  box-sizing: border-box;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: -1;
}
.supreme-suggested-products-wrapper .supreme-suggested-product-link:hover:after {
  opacity: 1;
}

.supreme-suggested-products-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.supreme-suggested-product-card {
  border: 1px solid #d1d1d1;
  border-radius: 20px;
  width: 100%;
  max-width: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}

.supreme-suggested-product-image {
  width: 70px;
  height: 70px;
  margin-bottom: 0;
}

.supreme-suggested-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.supreme-suggested-product-title {
  font-family: var(--Font-Family-Primary, "Runda", Arial, sans-serif);
  font-size: var(--Font-Size-f-size-lg, 24px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px);
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 4px 0;
}

.oxy-supreme-elements-synthego-hero,
.oxy-supreme-elements-pipeline-section,
.oxy-supreme-elements-about-section,
.oxy-supreme-elements-popular-products,
.oxy-supreme-elements-blog-cards,
.oxy-supreme-elements-title-text-button-hero,
.oxy-supreme-elements-fifty-fifty-hero,
.oxy-supreme-elements-one-button-cta,
.oxy-supreme-elements-simple-cta,
.oxy-supreme-elements-testimonials,
.oxy-supreme-elements-blog-hero,
.oxy-supreme-elements-extended-hero,
.oxy-supreme-elements-partners-section,
.oxy-supreme-elements-resources-section,
.oxy-supreme-elements-text-media-section,
.oxy-supreme-elements-team-section,
.oxy-supreme-elements-testimonials-slider,
.oxy-supreme-elements-articles-section,
.oxy-supreme-elements-full-width-text,
.oxy-supreme-elements-full-width-image,
.oxy-supreme-elements-image-slider,
.oxy-supreme-elements-benefits-section,
.oxy-supreme-elements-article-content,
.oxy-supreme-elements-article-form,
.oxy-supreme-elements-single-testimonial,
.oxy-supreme-elements-pull-quote,
.oxy-supreme-elements-hero-grid,
.oxy-supreme-elements-simple-grid,
.oxy-supreme-elements-hero-form,
.oxy-supreme-elements-hero-text-sidebar,
.oxy-supreme-elements-simple-column,
.oxy-supreme-elements-simple-flex,
.oxy-supreme-elements-post-hero,
.oxy-supreme-elements-post-content-container,
.oxy-supreme-elements-post-sidebar-cta,
.oxy-supreme-elements-product-sidebar-cta,
.oxy-supreme-elements-content-spacing,
.oxy-supreme-elements-post-paragraph,
.oxy-supreme-elements-post-subparagraph,
.oxy-supreme-elements-post-image,
.oxy-supreme-elements-post-testimonial,
.oxy-supreme-elements-post-cta,
.oxy-supreme-elements-post-contact-cta,
.oxy-supreme-elements-block-full-width-text,
.oxy-supreme-elements-block-fifty-fifty,
.oxy-supreme-elements-post-driver,
.oxy-supreme-elements-block-table,
.oxy-supreme-elements-custom-driver,
.oxy-supreme-elements-block-references,
.oxy-supreme-elements-chapters,
.oxy-supreme-elements-guide-hero,
.oxy-supreme-elements-guide-content,
.oxy-supreme-elements-guide-first-chapter,
.oxy-supreme-elements-guide-child-navigation,
.oxy-supreme-elements-guide-contents,
.oxy-supreme-elements-lever-postings,
.oxy-supreme-elements-footer,
.oxy-supreme-elements-related-articles,
.oxy-supreme-elements-post-subcategory-hero,
.oxy-supreme-elements-cta-inline,
.oxy-supreme-elements-post-content-grid,
.oxy-supreme-elements-icon-cta-grid,
.oxy-supreme-elements-product-hero,
.oxy-supreme-elements-product-hero-non-bc,
.oxy-supreme-elements-hero-anchor-tabs,
.oxy-supreme-elements-product-specifications,
.oxy-supreme-elements-comparison-accordion,
.oxy-supreme-elements-product-search,
.oxy-supreme-elements-product-search-results,
.oxy-supreme-elements-product-legal,
.oxy-supreme-geolocation-bar,
.oxy-supreme-elements-account-navigation {
  width: 100%;
}

.oxy-dynamic-list > div:has(.divider):last-of-type .divider {
  padding-bottom: 0;
  border-bottom: none;
}

/* Synthego Hero Component */
.supreme-element.synthego-hero {
  position: relative;
  display: flex;
  align-items: center;
  overflow: visible;
}
@media (max-width: 991px) {
  .supreme-element.synthego-hero {
    min-height: 700px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero {
    min-height: auto;
    position: relative;
    overflow: hidden;
  }
}
.supreme-element.synthego-hero h1 span {
  white-space: nowrap;
}
.supreme-element.synthego-hero h1 sup {
  font-size: 35%;
  top: -1.5em;
}
.supreme-element.synthego-hero.background-gradient .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: url("/wp-content/plugins/supreme-oxy-widgets/assets/images/synthego_hero_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.supreme-element.synthego-hero.background-transparent {
  background: transparent;
}
.supreme-element.synthego-hero.background-image {
  background-repeat: no-repeat;
}
.supreme-element.synthego-hero.background-image .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero.background-image .hero-background {
    left: calc(50% - 150px);
    width: 1886px;
    height: 650px;
    overflow: hidden;
  }
}
.supreme-element.synthego-hero .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.supreme-element.synthego-hero .dna-strands {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}
.supreme-element.synthego-hero .dna-strands .dna-strand {
  position: absolute;
  width: 1194.902px;
  height: 1194.911px;
  transform: rotate(-7.854deg);
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand {
    width: 800px;
    height: 800px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand {
    width: 150vw;
    height: 150vw;
  }
}
.supreme-element.synthego-hero .dna-strands .dna-strand svg {
  width: 100%;
  height: 100%;
  fill: var(--Brand-Colors-Primary-White);
}
.supreme-element.synthego-hero .dna-strands .dna-strand-1 {
  top: 42%;
  right: 338px;
  transform: rotate(-10.692deg);
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-1 {
    right: 200px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-1 {
    right: -30px;
    left: auto;
    top: 40%;
  }
}
.supreme-element.synthego-hero .dna-strands .dna-strand-2 {
  top: 33%;
  right: 0;
  transform: rotate(-10.692deg);
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-2 {
    right: -100px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-2 {
    right: -220px;
    left: auto;
    top: 35%;
  }
}
.supreme-element.synthego-hero .hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-top: 112px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-content {
    padding-top: var(--spacing-5xl, 80px);
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 28px);
  }
}
.supreme-element.synthego-hero .hero-stats-inner {
  position: relative;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats-inner {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.supreme-element.synthego-hero .hero-text-wrapper {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-text-wrapper {
    max-width: 350px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
    padding-bottom: 160px;
    margin-bottom: 0;
  }
}
.supreme-element.synthego-hero .hero-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.synthego-hero .hero-subtitle {
  color: var(--text, #262626);
  max-width: 810px;
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.supreme-element.synthego-hero .hero-buttons {
  display: flex;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-buttons {
    flex-direction: column;
    gap: var(--spacing-md, 16px);
    align-items: flex-start;
  }
  .supreme-element.synthego-hero .hero-buttons .btn-primary svg {
    display: none;
  }
}
.supreme-element.synthego-hero .btn-secondary {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.synthego-hero .hero-stats {
  position: relative;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats {
    padding-top: 0;
    padding-bottom: 0;
    background: var(--Brand-Colors-Primary-White, #ffffff);
    position: relative;
    z-index: 2;
    margin-top: 0;
    margin-left: calc(-1 * var(--spacing-sm, 12px));
    margin-right: calc(-1 * var(--spacing-sm, 12px));
  }
  .supreme-element.synthego-hero .hero-stats .container {
    padding: 0 var(--spacing-sm, 12px);
  }
}
.supreme-element.synthego-hero .hero-stats .hero-wave {
  position: absolute;
  bottom: -1px;
  left: 30%;
  transform: translateX(-50%);
  width: 180vw;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .hero-stats .hero-wave {
    left: 50%;
    width: 280vw;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .hero-wave {
    left: 80%;
    width: 180vw;
    top: -109px;
    bottom: auto;
  }
}
.supreme-element.synthego-hero .hero-stats .hero-wave svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-width: 1400px;
  transform: rotate(180deg) scaleY(-1);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .hero-wave svg {
    transform: none;
  }
}
.supreme-element.synthego-hero .hero-stats .stats-intro {
  color: var(--Heading-Color-1, #262626);
  max-width: 533px;
  margin-bottom: var(--Paragraph-Spacing-new-paragraph-below, 32px);
}
.supreme-element.synthego-hero .hero-stats .stats-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .stats-row {
    gap: var(--spacing-md, 16px) var(--spacing-sm, 12px);
  }
}
.supreme-element.synthego-hero .hero-stats .stat-column {
  position: relative;
  padding-right: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .stat-column {
    flex: 1;
    min-width: 45%;
  }
}
.supreme-element.synthego-hero .hero-stats .stat-column:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .stat-column:not(:last-child)::after {
    display: none;
  }
}
.supreme-element.synthego-hero .hero-stats .stat-column .stat-value {
  color: var(--Heading-Color-1, #262626);
  font-weight: var(--Font-Weight-Bold);
  margin-bottom: var(--spacing-xxxs, 2px);
}
.supreme-element.synthego-hero .hero-stats .stat-column .stat-label {
  color: var(--Heading-Color-1, #262626);
}

.supreme-element.pipeline-section {
  position: relative;
  width: 100%;
}
.supreme-element.pipeline-section .pipeline-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.pipeline-section .pipeline-container {
  width: 100%;
}
.supreme-element.pipeline-section .pipeline-tiles {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .supreme-element.pipeline-section .pipeline-tiles {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-xl, 32px);
  }
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tiles {
    flex-direction: column;
    gap: var(--spacing-xs, 10px);
  }
}
.supreme-element.pipeline-section .pipeline-tile {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 356px;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: hidden;
}
@media (max-width: 1199px) {
  .supreme-element.pipeline-section .pipeline-tile {
    flex: 0 0 calc(50% - 16px);
    min-width: 300px;
  }
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tile {
    flex: 0 0 auto;
    width: 100%;
    min-width: unset;
    height: auto;
  }
}
.supreme-element.pipeline-section .pipeline-tile:hover .tile-background {
  opacity: 0.2;
}
.supreme-element.pipeline-section .pipeline-tile .tile-background {
  position: absolute;
  inset: 0;
  opacity: 0.4;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.supreme-element.pipeline-section .pipeline-tile .tile-background img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.supreme-element.pipeline-section .pipeline-tile .tile-content {
  position: relative;
  z-index: 1;
  padding: var(--spacing-3xl, 40px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tile .tile-content {
    padding: var(--spacing-xl, 32px);
  }
}
.supreme-element.pipeline-section .pipeline-tile .tile-title {
  color: var(--Heading-Color-2, #ffffff);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.pipeline-section .pipeline-tile .tile-actions {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  align-items: flex-start;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  text-decoration: none;
  padding: 5px 0;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tile .tile-action {
    font-size: var(--Font-Size-f-size-lg);
    line-height: var(--Line-Height-Line-height-f-size-lg);
  }
}
.supreme-element.pipeline-section .pipeline-tile .tile-action::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
}
.supreme-element.pipeline-section .pipeline-tile .tile-action .tile-action-arrow {
  width: 0;
  height: 24px;
  margin-left: 0;
  opacity: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action .tile-action-arrow svg {
  width: 24px;
  height: 100%;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action .tile-action-arrow svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.pipeline-section .pipeline-tile .tile-action:hover {
  text-decoration: none;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action:hover::after {
  height: 3px;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action:hover .tile-action-arrow {
  width: 24px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.supreme-element.pipeline-section .pipeline-arrow {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .supreme-element.pipeline-section .pipeline-arrow {
    display: none;
  }
}
.supreme-element.pipeline-section .pipeline-arrow svg {
  width: 31.5px;
  height: 82px;
  transform: rotate(180deg);
}
.supreme-element.pipeline-section .pipeline-arrow svg path {
  fill: url(#pipeline-gradient);
}
.supreme-element.pipeline-section .pipeline-arrow .gradient-defs {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
}
.supreme-element.pipeline-section .pipeline-mobile-arrow {
  display: none;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 83px;
  height: 32px;
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-mobile-arrow {
    display: flex;
  }
}
.supreme-element.pipeline-section .pipeline-mobile-arrow svg {
  width: 83px;
  height: 32px;
}

/* About Section Component */
.supreme-element.about-section {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  overflow: hidden;
}
.supreme-element.about-section .about-wrapper.about-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 700px;
  padding: 0 64px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 1439px) {
  .supreme-element.about-section .about-wrapper.about-wrapper {
    padding: 0 var(--spacing-xl, 32px);
  }
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-wrapper.about-wrapper {
    flex-direction: column;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .supreme-element.about-section .about-wrapper.about-wrapper {
    min-height: 698px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0;
  }
}
.supreme-element.about-section .about-inner-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  padding: var(--spacing-7xl, 160px) 0;
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-inner-container {
    padding: 0 var(--spacing-lg) var(--spacing-4xl) var(--spacing-lg);
  }
}
.supreme-element.about-section .gradient-shape-mobile {
  display: none;
  align-items: flex-end;
  position: absolute;
  width: 100vw;
  height: 395px;
  left: 0;
  top: auto;
  bottom: 0;
  z-index: 5;
  pointer-events: none;
}
@media (max-width: 991px) {
  .supreme-element.about-section .gradient-shape-mobile {
    display: flex;
  }
}
.supreme-element.about-section .gradient-shape-mobile svg {
  transform: translateY(50px);
  width: 100%;
  height: auto;
}
.supreme-element.about-section .gradient-shape-mobile svg path:nth-child(2) {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.about-section .gradient-shape {
  position: absolute;
  width: auto;
  height: 100%;
  left: 49%;
  top: 0;
  pointer-events: none;
  z-index: 2;
}
.supreme-element.about-section .gradient-shape svg {
  width: 100%;
  height: 100%;
}
.supreme-element.about-section .gradient-shape svg path:nth-child(2) {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 991px) {
  .supreme-element.about-section .gradient-shape {
    display: none;
  }
}
.supreme-element.about-section .about-bg-image {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.supreme-element.about-section .about-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}
@media (max-width: 1199px) {
  .supreme-element.about-section .about-bg-image {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-bg-image {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    transform: none;
  }
}
.supreme-element.about-section .about-content {
  position: relative;
  width: 580px;
  max-width: 100%;
  z-index: 5;
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-content {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .supreme-element.about-section .about-content {
    width: 100%;
    margin-top: 0;
  }
}
@media (max-width: 479px) {
  .supreme-element.about-section .about-content {
    padding-top: var(--spacing-xxl);
  }
}
.supreme-element.about-section .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
@media (max-width: 767px) {
  .supreme-element.about-section .content-wrapper {
    gap: 28px;
  }
}
.supreme-element.about-section .text-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.about-section .section-heading {
  margin: 0;
}
.supreme-element.about-section .section-heading .heading-gray,
.supreme-element.about-section .section-heading .heading-white {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.about-section .about-inner-container .section-subtitle {
  color: var(--Brand-Colors-Primary-White, #fff);
  margin: 0;
}
.supreme-element.about-section .section-description {
  color: var(--Brand-Colors-Primary-White, #fff);
  margin: 0;
}
.supreme-element.about-section .section-description p {
  color: var(--Brand-Colors-Primary-White, #fff);
  margin: 0 0 1em 0;
}
.supreme-element.about-section .section-description p:last-child {
  margin-bottom: 0;
}
.supreme-element.about-section .about-button {
  align-self: flex-start;
}
.supreme-element.about-section .about-button .button-icon,
.supreme-element.about-section .about-button svg {
  height: 24px;
  width: 24px;
}

/* Popular Products Section Component */
.supreme-element.popular-products {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.popular-products .products-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 991px) {
  .supreme-element.popular-products .products-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.popular-products .products-wrapper {
    padding-top: var(--spacing-xxxl, 60px);
    padding-bottom: var(--spacing-xxxl, 60px);
  }
}
.supreme-element.popular-products .products-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .supreme-element.popular-products .products-container {
    gap: var(--spacing-xl, 28px);
  }
}
.supreme-element.popular-products .products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.popular-products .products-grid .product-link {
  display: flex;
  text-decoration: none;
  color: inherit;
  width: auto;
}
.supreme-element.popular-products .products-grid .product-link:hover, .supreme-element.popular-products .products-grid .product-link:focus, .supreme-element.popular-products .products-grid .product-link:active {
  text-decoration: none;
  color: inherit;
}
@media (max-width: 1199px) {
  .supreme-element.popular-products .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .supreme-element.popular-products .products-grid .product-card-large {
    grid-column: span 2;
  }
  .supreme-element.popular-products .products-grid .product-card-small {
    grid-column: span 1;
  }
}
@media (max-width: 767px) {
  .supreme-element.popular-products .products-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg, 20px);
  }
  .supreme-element.popular-products .products-grid .product-card-large,
  .supreme-element.popular-products .products-grid .product-card-small {
    grid-column: span 1;
  }
}
.supreme-element.popular-products .product-card-large {
  grid-column: span 2;
  background-color: var(--Very-Light-Green, #f0fff4);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xl, 24px);
  position: relative;
  min-height: 216px;
  text-decoration: none;
  overflow: visible;
  transition: all 0.3s ease;
}
.supreme-element.popular-products .product-card-large::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.popular-products .product-card-large > * {
  position: relative;
  z-index: 2;
}
.supreme-element.popular-products .product-card-large:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.supreme-element.popular-products .product-card-large:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-card-large {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    min-height: auto;
    padding: 30px 28px;
    gap: 28px;
  }
}
.supreme-element.popular-products .product-card-small {
  position: relative;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  min-height: 269px;
  text-decoration: none;
  overflow: visible;
  transition: all 0.3s ease;
}
.supreme-element.popular-products .product-card-small::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.popular-products .product-card-small > * {
  position: relative;
  z-index: 2;
}
.supreme-element.popular-products .product-card-small:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.supreme-element.popular-products .product-card-small:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-card-small {
    min-height: auto;
    padding: var(--spacing-lg, 20px);
    gap: var(--spacing-md, 16px);
  }
}
.supreme-element.popular-products .product-icon-large {
  display: block;
  width: 151px;
  height: 151px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  min-width: 151px;
  max-width: 151px;
  min-height: 151px;
  max-height: 151px;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-icon-large {
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
  }
}
.supreme-element.popular-products .product-icon-large svg {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.supreme-element.popular-products .product-icon-small {
  display: block;
  width: 70px;
  height: 70px;
  position: relative;
  overflow: hidden;
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
}
.supreme-element.popular-products .product-icon-small svg {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.supreme-element.popular-products .product-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-content {
    gap: 16px;
  }
}
.supreme-element.popular-products .product-title {
  color: var(--text, #262626);
  margin: 0;
}
.supreme-element.popular-products .product-title-small {
  color: var(--text, #262626);
  margin: 0;
}
.supreme-element.popular-products .product-description {
  color: var(--text, #262626);
  margin: 0;
}
.supreme-element.popular-products .category-tag {
  position: absolute;
  top: var(--spacing-xl, 24px);
  right: var(--spacing-xl, 24px);
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  border-radius: var(--border-radius-border-radius-full, 20px);
  line-height: normal;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .category-tag {
    top: 30px;
    right: 28px;
  }
}
.supreme-element.popular-products .icon-gradient stop:first-child {
  stop-color: #20d340;
}
.supreme-element.popular-products .icon-gradient stop:last-child {
  stop-color: #00d1ed;
}
.supreme-element.popular-products .icon-gradient-gray stop:first-child {
  stop-color: #a6a8ab;
}
.supreme-element.popular-products .icon-gradient-gray stop:last-child {
  stop-color: #f1f1f2;
}
.supreme-element.popular-products .icon-gradient-light stop:first-child {
  stop-color: #cccccc;
}
.supreme-element.popular-products .icon-gradient-light stop:nth-child(2) {
  stop-color: #e6e6e6;
}
.supreme-element.popular-products .icon-gradient-light stop:last-child {
  stop-color: #f2f2f2;
}

.blog-cards-section {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
}

.blog-cards-section a.blog-card {
  text-decoration: none;
}
.blog-cards-section a.blog-card:focus-visible {
  outline: none;
}

@media (max-width: 767px) {
  .blog-cards-container {
    overflow: visible;
  }
}

.blog-cards-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 768px) {
  .blog-cards-row {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--spacing-lg, 20px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: var(--spacing-sm, 12px);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .blog-cards-row::-webkit-scrollbar {
    display: none;
  }
}

.blog-card {
  position: relative;
  width: 450px;
  flex-shrink: 0;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: visible;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  color: inherit;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .blog-card {
    flex: 1;
    width: auto;
  }
}
@media (max-width: 1200px) {
  .blog-card {
    width: calc(50% - 15px);
  }
}
@media (max-width: 768px) {
  .blog-card {
    width: calc(100vw - 60px);
    min-width: calc(100vw - 60px);
    flex-shrink: 0;
    scroll-snap-align: start;
  }
  .blog-card:not(:last-child) {
    width: calc(100vw - 80px);
    min-width: calc(100vw - 80px);
  }
}
.blog-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.blog-card > * {
  position: relative;
  z-index: 1;
}
.blog-card:hover {
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.blog-card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.blog-card:hover .blog-card-category span {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.blog-card:hover .blog-card-image {
  transform: scale(1.08);
}

.blog-card-image {
  width: 100%;
  padding-top: 80.67%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  border-radius: var(--border-radius-border-radius-full, 20px) var(--border-radius-border-radius-full, 20px) 0 0;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .blog-card-image {
    height: 286px;
  }
}
.blog-card-image.blog-card-placeholder {
  background-color: rgba(0, 0, 0, 0.1);
}
.blog-card-image .blog-card-category {
  position: absolute !important;
  top: var(--spacing-lg, 20px);
  left: var(--spacing-lg, 20px);
  z-index: 2;
}

.blog-card-content {
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 0 0 var(--border-radius-border-radius-full, 20px) var(--border-radius-border-radius-full, 20px);
}

.blog-card-category {
  display: inline-flex;
}
.blog-card-category span {
  display: inline-block;
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  color: var(--Brand-Colors-Primary-Black, #000000);
  white-space: nowrap;
  transition: all 0.3s ease;
  line-height: normal;
}

.blog-card-text-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
}
.blog-card-text-wrap .blog-card-excerpt {
  padding-bottom: 40px;
}

.blog-card-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.blog-card-excerpt {
  color: var(--Heading-Color-1);
  margin: 0;
}

.blog-cards-section .blog-card * {
  text-decoration: none;
}

.blog-card-empty {
  opacity: 0.5;
  pointer-events: none;
}
.blog-card-empty:hover {
  transform: none;
  box-shadow: none;
}
.blog-card-empty .blog-card-content {
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.blog-card-empty .blog-card-empty-text {
  color: #666666;
  margin: 0;
}

.blog-cards-section .section-title {
  margin: 0 0 var(--spacing-3xl, 40px) 0;
}
@media (max-width: 768px) {
  .blog-cards-section .section-title {
    margin-bottom: var(--spacing-3xl, 34px);
  }
}

/* Title, Text, Button Hero Component */
.supreme-element.title-text-button-hero {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  overflow-x: hidden;
}
.supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-5xl, 100px);
  padding-bottom: var(--spacing-5xl, 100px);
}
@media (max-width: 1439px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
    padding-top: var(--spacing-4xl, 80px);
    padding-bottom: var(--spacing-4xl, 80px);
  }
}
@media (max-width: 991px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
    padding-top: var(--spacing-5xl, 80px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
.supreme-element.title-text-button-hero .title-text-button-hero-container {
  width: 100%;
  display: flex;
  gap: var(--spacing-5xl, 112px);
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-container {
    gap: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 991px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-container {
    gap: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-container {
    flex-direction: column-reverse;
  }
}
.supreme-element.title-text-button-hero .title-text-button-hero-container.reverse-layout {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-container.reverse-layout {
    flex-direction: column-reverse;
  }
}
.supreme-element.title-text-button-hero .title-text-button-hero-container.no-image {
  justify-content: center;
}
.supreme-element.title-text-button-hero .title-text-button-hero-container.no-image .hero-content {
  max-width: none;
}
.supreme-element.title-text-button-hero .hero-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  max-width: 760px;
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-content {
    text-align: left;
    align-items: flex-start;
    max-width: none;
  }
}
.title-text-button-hero-container.no-image .supreme-element.title-text-button-hero .hero-content {
  max-width: none !important;
}
.supreme-element.title-text-button-hero .hero-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.supreme-element.title-text-button-hero .hero-text {
  color: var(--text, #262626);
}
.supreme-element.title-text-button-hero .hero-text p {
  max-width: 850px;
}
.supreme-element.title-text-button-hero .hero-text br {
  display: block;
  content: "";
  margin-top: var(--Paragraph-Spacing-paragraph-spacing, 15px);
}
.supreme-element.title-text-button-hero .hero-text a {
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: color 0.3s ease;
}
.supreme-element.title-text-button-hero .hero-text a:hover {
  color: var(--link, #f94f01);
}
.supreme-element.title-text-button-hero .hero-buttons {
  display: flex;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-buttons {
    width: 100%;
  }
}
.supreme-element.title-text-button-hero .hero-button:hover {
  box-shadow: none;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-button {
    flex: 0 0 auto;
  }
}
.supreme-element.title-text-button-hero .hero-button-secondary:hover {
  box-shadow: none;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-button-secondary {
    flex: 0 0 auto;
  }
}
.supreme-element.title-text-button-hero .hero-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 33%;
  max-width: 600px;
}
@media (max-width: 997px) {
  .supreme-element.title-text-button-hero .hero-image {
    display: none;
  }
}
.supreme-element.title-text-button-hero .hero-image img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: var(--border-radius-border-radius-full, 20px);
}
.supreme-element.title-text-button-hero .hero-graphic {
  width: 100%;
  max-width: 438px;
  height: 438px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 997px) {
  .supreme-element.title-text-button-hero .hero-graphic {
    display: none;
  }
}
.supreme-element.title-text-button-hero .hero-graphic .partner-logo-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.title-text-button-hero .hero-graphic .partner-logo-wrapper svg {
  width: 100%;
  height: 100%;
  display: block;
}

.ivt-enzymes-hero.supreme-element.title-text-button-hero .title-text-button-hero-container.no-image {
  justify-content: left;
}

.application-hero .hero-text {
  display: none;
}

/* Fifty-Fifty Hero Component */
.supreme-element.fifty-fifty-hero {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-2, #f4f9fa);
  overflow-x: hidden;
}
.supreme-element.fifty-fifty-hero .fifty-fifty-hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-wrapper {
    padding-top: var(--spacing-4xl, 80px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-wrapper {
    padding-bottom: var(--spacing-5xl, 80px);
  }
}
.supreme-element.fifty-fifty-hero .fifty-fifty-hero-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: var(--spacing-3xl, 40px);
  align-items: flex-start;
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-container {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}
.supreme-element.fifty-fifty-hero .fifty-fifty-hero-container.reverse-layout {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-container.reverse-layout {
    flex-direction: column;
  }
}
.supreme-element.fifty-fifty-hero .hero-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .hero-content {
    text-align: left;
    align-items: flex-start;
  }
}
.supreme-element.fifty-fifty-hero .hero-eyebrow {
  text-transform: uppercase;
  margin: 0;
}
.supreme-element.fifty-fifty-hero .hero-title {
  margin: 0;
}
.supreme-element.fifty-fifty-hero .hero-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.fifty-fifty-hero .hero-text p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.supreme-element.fifty-fifty-hero .hero-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.fifty-fifty-hero .hero-text a {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.supreme-element.fifty-fifty-hero .hero-button {
  align-self: flex-start;
  margin-top: var(--spacing-md, 8px);
}
.supreme-element.fifty-fifty-hero .hero-button:hover {
  box-shadow: none;
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .hero-button {
    align-self: flex-start;
  }
}
.supreme-element.fifty-fifty-hero .hero-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40%;
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .hero-image {
    display: none;
  }
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .hero-image {
    display: none;
  }
}
.supreme-element.fifty-fifty-hero .hero-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.fifty-fifty-hero .hero-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #e5e5e5);
  border-radius: var(--border-radius-border-radius-md, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.fifty-fifty-hero .hero-placeholder .placeholder-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  text-align: center;
}
.supreme-element.fifty-fifty-hero .hero-title {
  max-width: 1000px;
}

.single-applications .supreme-element.fifty-fifty-hero .hero-content {
  gap: var(--spacing-md, 16px);
}
.single-applications .hero-text {
  max-width: 850px;
}

/* One Button CTA Component */
.supreme-element.one-button-cta {
  position: relative;
  width: 100%;
}
.supreme-element.one-button-cta .one-button-cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  position: relative;
  overflow: hidden;
}
.supreme-element.one-button-cta .one-button-cta-wrapper.gradient-background {
  background: linear-gradient(91deg, var(--Brand-Colors-Primary-Adenine-Green, #19D368) 11.47%, var(--Brand-Colors-Primary-Cytosine-Blue, #00D1ED) 92.63%);
}
@media (max-width: 991px) {
  .supreme-element.one-button-cta .one-button-cta-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .one-button-cta-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.supreme-element.one-button-cta .one-button-cta-container {
  width: 100%;
  position: relative;
}
.supreme-element.one-button-cta .cta-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-5xl, 112px);
}
@media (max-width: 991px) {
  .supreme-element.one-button-cta .cta-content-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .cta-content-wrapper {
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.one-button-cta .cta-text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
}
@media (max-width: 991px) {
  .supreme-element.one-button-cta .cta-text-container {
    align-items: center;
  }
}
.supreme-element.one-button-cta .cta-title {
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .cta-title {
    text-align: center;
    width: 273px;
    max-width: 100%;
  }
}
.supreme-element.one-button-cta .cta-description {
  margin: 0;
}
.supreme-element.one-button-cta .cta-button {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .cta-button {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
}

/* Simple CTA Component (No Description) */
.supreme-element.simple-cta {
  position: relative;
  width: 100%;
}
.supreme-element.simple-cta .simple-cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  position: relative;
  overflow: hidden;
}
.supreme-element.simple-cta .simple-cta-wrapper.gradient-background {
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%);
}
@media (max-width: 991px) {
  .supreme-element.simple-cta .simple-cta-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
.supreme-element.simple-cta .simple-cta-container {
  width: 100%;
  position: relative;
}
.supreme-element.simple-cta .cta-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-4xl, 80px);
}
@media (max-width: 1199px) {
  .supreme-element.simple-cta .cta-content-wrapper {
    flex-direction: column;
    gap: var(--spacing-xl, 24px);
    text-align: center;
  }
}
@media (max-width: 767px) {
  .supreme-element.simple-cta .cta-content-wrapper {
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.simple-cta .cta-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .supreme-element.simple-cta .cta-title {
    text-align: center;
  }
}
.supreme-element.simple-cta .cta-button {
  flex-shrink: 0;
}

.testimonials-section {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
}
@media (max-width: 1024px) {
  .testimonials-section {
    padding-top: var(--spacing-4xl, 64px);
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .testimonials-section {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}
.testimonials-section.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 1400px) {
  .testimonials-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .testimonials-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .testimonials-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.testimonials-container {
  padding: 0;
}
.testimonials-container .section-title {
  text-align: left;
  margin-bottom: var(--spacing-3xl, 40px);
  font-size: var(--Font-Size-f-size-4xl, 60px);
  line-height: var(--Line-Height-Line-height-f-size-4xl, 65px);
}
@media (max-width: 767px) {
  .testimonials-container .section-title {
    margin-bottom: var(--spacing-sm, 10px);
  }
  .testimonials-container .section-title.headline-4xl {
    font-size: 26px;
  }
}

.testimonials-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
  margin-bottom: var(--spacing-3xl, 40px);
}

.testimonial-card {
  background-color: transparent;
  padding: var(--spacing-3xl, 40px);
  border-left: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
  height: 100%;
}
@media (max-width: 767px) {
  .testimonial-card.visible {
    gap: var(--spacing-xl, 30px);
  }
}
.testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
  width: calc(31.4% - 9px);
}
@media (max-width: 1200px) {
  .testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
    width: calc(33.333% - 27px);
  }
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
    width: 100%;
  }
}
.testimonial-card:nth-child(4) {
  width: calc(54.8% - 22px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(4) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(4) {
    width: 100%;
  }
}
.testimonial-card:nth-child(5) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(5) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(5) {
    width: 100%;
  }
}
.testimonial-card:nth-child(6), .testimonial-card:nth-child(7) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(6), .testimonial-card:nth-child(7) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(6), .testimonial-card:nth-child(7) {
    width: 100%;
  }
}
.testimonial-card:nth-child(8) {
  width: calc(54.8% - 22px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(8) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(8) {
    width: 100%;
  }
}
.testimonial-card:nth-child(9) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(9) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(9) {
    width: 100%;
  }
}
.testimonial-card:nth-child(10) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(10) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(10) {
    width: 100%;
  }
}
.testimonial-card:nth-child(11) {
  width: calc(54.8% - 22px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(11) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(11) {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .testimonial-card {
    padding: var(--spacing-xl, 24px);
  }
}

.testimonial-icon {
  width: 60px;
  height: 44px;
  flex-shrink: 0;
}
.testimonial-icon svg {
  width: 100%;
  height: 100%;
}

.testimonial-content {
  flex: 1;
}
.testimonial-content p {
  margin: 0;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl, 24px);
  margin-top: auto;
}

.author-image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  padding: 3px;
  background: var(--Gradient-Horizontal);
}
.author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  background: var(--Brand-Colors-Primary-White, #ffffff);
}

.author-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  max-width: 288px;
}

.author-name {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
  margin-bottom: 2px;
}

.author-title {
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxxs, 12px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xxxs, 20px);
  color: var(--text, #262626);
  text-transform: uppercase;
}

.load-more-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding-top: var(--spacing-3xl, 40px);
}

.load-more-button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.load-more-button svg {
  transition: transform 0.3s ease;
}
.load-more-button:hover svg {
  transform: translateY(2px);
}
.load-more-button.loading {
  pointer-events: none;
  opacity: 0.7;
}
.load-more-button.loading svg {
  animation: spin 1s linear infinite;
}

.load-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  width: 100%;
  max-width: 400px;
}

.info-text {
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  color: var(--text, #262626);
  text-transform: uppercase;
}
.info-text .current-count {
  font-weight: var(--Font-Weight-Regular, 400);
  color: var(--text, #262626);
}

.progress-bar {
  width: 173px;
  height: 4px;
  background-color: var(--Brand-Colors-Light-Gray, #e0e0e0);
  border-radius: 0;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  background: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: 0;
  transition: width 0.5s ease;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.testimonial-card {
  animation: fadeIn 0.5s ease forwards;
  opacity: 0;
}
.testimonial-card.visible {
  opacity: 1;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.blog-hero-section {
  position: relative;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  width: 100%;
  overflow: hidden;
  padding-top: var(--spacing-5xl);
  padding-bottom: var(--spacing-5xl);
}

.bench-background {
  position: absolute;
  width: 50%;
  height: auto;
  right: 0;
  top: 0;
  pointer-events: none;
  z-index: 0;
}
.bench-background svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 1439px) {
  .bench-background {
    right: -400px;
  }
}
@media (max-width: 1199px) {
  .bench-background {
    right: -600px;
  }
}
@media (max-width: 991px) {
  .bench-background {
    display: none;
  }
}

.blog-hero-container {
  position: relative;
  z-index: 1;
}

.blog-hero-section .section-title.headline-6xl, .blog-hero-section .resources-section .resources-header .resources-content-wrap .resources-text h1.section-title, .resources-section .resources-header .resources-content-wrap .resources-text .blog-hero-section h1.section-title {
  margin-bottom: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .blog-hero-section .section-title.headline-6xl, .blog-hero-section .resources-section .resources-header .resources-content-wrap .resources-text h1.section-title, .resources-section .resources-header .resources-content-wrap .resources-text .blog-hero-section h1.section-title {
    margin-bottom: var(--spacing-3xl, 48px);
    font-size: var(--Font-Size-f-size-4xl, 60px);
  }
}

.blog-articles-container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 1439px) {
  .blog-articles-container {
    width: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .blog-articles-container {
    flex-direction: column;
    align-items: normal;
  }
}

.featured-post {
  width: 686px;
  position: relative;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: hidden;
  transition: all 0.3s ease;
}
.featured-post a {
  display: block;
  height: 100%;
}
.featured-post .featured-post-link {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}
@media (max-width: 1439px) {
  .featured-post {
    width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  .featured-post {
    width: 100%;
  }
}
.featured-post::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-300, #aaaaaa);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.featured-post:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.featured-post:hover .featured-image-container img {
  transform: scale(1.1);
}
.featured-post:hover .category-tag {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.featured-post:hover .category-tag span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.featured-post .featured-image-container {
  height: 377px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.featured-post .featured-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 300ms ease;
}
.featured-post .featured-image-container.placeholder {
  background-color: var(--Brand-Colors-Neutrals-Gray-200, #eee);
}
.featured-post .featured-content {
  padding: var(--spacing-xl, 24px);
  backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  z-index: 1;
}
.featured-post .featured-content .featured-text-content {
  margin-bottom: var(--spacing-xxl, 32px);
}
.featured-post .featured-content .headline-xxl, .featured-post .featured-content .oxy-rich-text h2, .oxy-rich-text .featured-post .featured-content h2,
.featured-post .featured-content .ct-text-block h2,
.ct-text-block .featured-post .featured-content h2,
.featured-post .featured-content .oxy-text h2,
.oxy-text .featured-post .featured-content h2, .featured-post .featured-content h2.oxy-heading,
.featured-post .featured-content h2.ct-headline, .featured-post .featured-content .oxy-heading[data-tag=h2],
.featured-post .featured-content .ct-headline[data-tag=h2], .featured-post .featured-content .supreme-element.synthego-hero .hero-stats .stat-column .stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .featured-post .featured-content .stat-value, .featured-post .featured-content .supreme-element.pipeline-section .pipeline-tile .tile-title, .supreme-element.pipeline-section .pipeline-tile .featured-post .featured-content .tile-title, .featured-post .featured-content .supreme-element.one-button-cta .cta-title, .supreme-element.one-button-cta .featured-post .featured-content .cta-title {
  margin: 0 0 var(--spacing-md, 16px) 0;
  color: var(--Heading-Color-1, #262626);
}
.featured-post .featured-content .headline-xxl a, .featured-post .featured-content .oxy-rich-text h2 a, .oxy-rich-text .featured-post .featured-content h2 a,
.featured-post .featured-content .ct-text-block h2 a,
.ct-text-block .featured-post .featured-content h2 a,
.featured-post .featured-content .oxy-text h2 a,
.oxy-text .featured-post .featured-content h2 a, .featured-post .featured-content h2.oxy-heading a,
.featured-post .featured-content h2.ct-headline a, .featured-post .featured-content .oxy-heading[data-tag=h2] a,
.featured-post .featured-content .ct-headline[data-tag=h2] a, .featured-post .featured-content .supreme-element.synthego-hero .hero-stats .stat-column .stat-value a, .supreme-element.synthego-hero .hero-stats .stat-column .featured-post .featured-content .stat-value a, .featured-post .featured-content .supreme-element.pipeline-section .pipeline-tile .tile-title a, .supreme-element.pipeline-section .pipeline-tile .featured-post .featured-content .tile-title a, .featured-post .featured-content .supreme-element.one-button-cta .cta-title a, .supreme-element.one-button-cta .featured-post .featured-content .cta-title a {
  color: inherit;
  text-decoration: none;
}
.featured-post .featured-content .featured-excerpt {
  color: var(--text, #262626);
  margin: 0;
}
.featured-post .featured-content .featured-author {
  color: var(--text, #262626);
  text-transform: uppercase;
}
.featured-post .category-tag {
  position: absolute;
  top: var(--spacing-xl, 24px);
  left: var(--spacing-xl, 24px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  transition: all 0.3s ease;
  z-index: 2;
}
.featured-post .category-tag span {
  line-height: normal;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.side-posts-container {
  width: 690px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: var(--spacing-lg, 20px);
  height: 100%;
}
@media (max-width: 1439px) {
  .side-posts-container {
    width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  .side-posts-container {
    width: 100%;
    justify-content: flex-start;
    gap: var(--spacing-xl, 24px);
    height: auto;
  }
}

.side-post {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: visible;
  width: 690px;
  position: relative;
  transition: all 0.3s ease;
}
@media (max-width: 1439px) {
  .side-post {
    width: 100%;
  }
}
.side-post::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.side-post:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.side-post:hover .side-post-content .category-tag {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.side-post:hover .side-post-content .category-tag span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.side-post:hover .side-post-link {
  background-color: transparent;
}
.side-post .side-post-link {
  display: flex;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-xl, 24px);
  text-decoration: none;
  color: inherit;
  transition: background-color 0.3s ease;
  position: relative;
  z-index: 1;
}
.side-post .side-post-image {
  flex-shrink: 0;
  width: 102px;
  height: 102px;
  border-radius: var(--border-radius-border-radius-mid, 8px);
  overflow: hidden;
}
.side-post .side-post-image img,
.side-post .side-post-image .placeholder-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.side-post .side-post-image .placeholder-image {
  background-color: var(--Brand-Colors-Neutrals-Gray-200, #eee);
}
@media (max-width: 767px) {
  .side-post .side-post-image {
    width: 80px;
    height: 80px;
  }
}
.side-post .side-post-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
}
.side-post .side-post-content .category-tag {
  align-self: flex-start;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  transition: all 0.3s ease;
}
.side-post .side-post-content .category-tag span {
  line-height: normal;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.side-post .side-post-content .headline-lg, .side-post .side-post-content .oxy-rich-text h4, .oxy-rich-text .side-post .side-post-content h4,
.side-post .side-post-content .ct-text-block h4,
.ct-text-block .side-post .side-post-content h4,
.side-post .side-post-content .oxy-text h4,
.oxy-text .side-post .side-post-content h4, .side-post .side-post-content h4.oxy-heading,
.side-post .side-post-content h4.ct-headline, .side-post .side-post-content .oxy-heading[data-tag=h4],
.side-post .side-post-content .ct-headline[data-tag=h4], .side-post .side-post-content .supreme-element.about-section .about-inner-container .section-subtitle, .supreme-element.about-section .about-inner-container .side-post .side-post-content .section-subtitle, .side-post .side-post-content .supreme-element.popular-products .product-title-small, .supreme-element.popular-products .side-post .side-post-content .product-title-small, .side-post .side-post-content .blog-card-title, .side-post .side-post-content .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap h3, .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap .side-post .side-post-content h3, .side-post .side-post-content .hero-text-sidebar-content h3, .hero-text-sidebar-content .side-post .side-post-content h3, .side-post .side-post-content .product-heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.subscribe-cta {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxl, 32px);
}
.subscribe-cta .cta-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .subscribe-cta .cta-content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.subscribe-cta .cta-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
}
.subscribe-cta .cta-header .cta-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
}
.subscribe-cta .cta-header .cta-icon svg {
  width: 100%;
  height: 100%;
}
.subscribe-cta .cta-header .headline-xl, .subscribe-cta .cta-header .oxy-rich-text h3, .oxy-rich-text .subscribe-cta .cta-header h3,
.subscribe-cta .cta-header .ct-text-block h3,
.ct-text-block .subscribe-cta .cta-header h3,
.subscribe-cta .cta-header .oxy-text h3,
.oxy-text .subscribe-cta .cta-header h3, .subscribe-cta .cta-header h3.oxy-heading,
.subscribe-cta .cta-header h3.ct-headline, .subscribe-cta .cta-header .oxy-heading[data-tag=h3],
.subscribe-cta .cta-header .ct-headline[data-tag=h3], .subscribe-cta .cta-header .supreme-element.synthego-hero .hero-stats .stats-intro, .supreme-element.synthego-hero .hero-stats .subscribe-cta .cta-header .stats-intro, .subscribe-cta .cta-header .supreme-element.popular-products .product-title, .supreme-element.popular-products .subscribe-cta .cta-header .product-title, .subscribe-cta .cta-header .synthego-articles-section__active-categories-label, .subscribe-cta .cta-header .synthego-articles-section__active-categories-list, .subscribe-cta .cta-header .synthego-articles-section__active-categories-suffix {
  color: var(--Brand-Colors-Primary-White, #ffffff);
  margin: 0;
}
.subscribe-cta .subscribe-button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  background-color: transparent;
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 3px solid var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  position: relative;
}
.subscribe-cta .subscribe-button:hover {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  transform: translateY(-2px);
  border: 3px solid transparent;
  background-image: linear-gradient(white, white), var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.subscribe-cta .subscribe-button:hover .button-icon svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
.subscribe-cta .subscribe-button .button-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscribe-cta .subscribe-button .button-icon svg {
  width: 100%;
  height: 100%;
}
.subscribe-cta .subscribe-button .button-icon svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
  transition: fill 0.3s ease;
}
@media (max-width: 767px) {
  .subscribe-cta .subscribe-button {
    padding: var(--spacing-xs, 8px) var(--spacing-xl, 24px);
    width: 100%;
    justify-content: center;
  }
}

/* Post Hero Component */
.supreme-element.post-hero {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  overflow-x: hidden;
}
.supreme-element.post-hero .post-hero__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .supreme-element.post-hero .post-hero__wrapper {
    padding-bottom: var(--spacing-4xl, 80px);
  }
}
.supreme-element.post-hero .post-hero__inner {
  width: 100%;
  display: flex;
  justify-content: center;
}
.supreme-element.post-hero .post-hero__container {
  width: 100%;
  max-width: 1400px;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3xl, 40px);
  align-items: flex-start;
}
@media (max-width: 991px) {
  .supreme-element.post-hero .post-hero__container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.supreme-element.post-hero .post-hero__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg, 16px);
  text-align: left;
}
.supreme-element.post-hero .post-hero__category {
  display: inline-flex;
}
.supreme-element.post-hero .post-hero__category .category-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: 20px;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.supreme-element.post-hero .post-hero__title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.supreme-element.post-hero .post-hero__meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-lg, 20px);
}
@media (max-width: 767px) {
  .supreme-element.post-hero .post-hero__meta {
    flex-direction: column;
    gap: var(--spacing-sm, 8px);
    align-items: flex-start;
  }
}
.supreme-element.post-hero .post-hero__author {
  display: inline-block;
  color: var(--Base-Colors-Gray, #707070);
}
.supreme-element.post-hero .post-hero__read-time {
  display: inline-block;
  text-align: center;
  color: var(--Base-Colors-Gray, #707070);
}
.supreme-element.post-hero .post-hero__excerpt {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  max-width: 100%;
}
.supreme-element.post-hero .post-hero__image {
  flex-shrink: 0;
  width: 40%;
  overflow: hidden;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-hero .post-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .supreme-element.post-hero .post-hero__image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-hero .post-hero__image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991px) {
  .supreme-element.post-hero .post-hero__image {
    width: 100%;
  }
}

.synthego-extended-hero {
  padding-top: var(--spacing-5xl);
  padding-bottom: var(--spacing-5xl);
  position: relative;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .synthego-extended-hero {
    padding-top: var(--spacing-4xl, 80px);
    padding-bottom: var(--spacing-4xl, 80px);
  }
}
@media (max-width: 991px) {
  .synthego-extended-hero {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .synthego-extended-hero {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
.synthego-extended-hero.background-gradient {
  background: linear-gradient(252deg, #20d340 -2.88%, #00d1ed 18.59%, #18d36b 44.56%, #01abf9 66.03%, #10d297 84.51%, #aebbfa 100.99%);
  padding-top: 80px;
  padding-bottom: 80px;
}
.synthego-extended-hero.background-none {
  background: transparent;
}
.synthego-extended-hero__container {
  position: relative;
  z-index: 2;
}
.synthego-extended-hero__wrapper {
  display: flex;
  align-items: center;
  gap: var(--spacing-4xl, 80px);
}
@media (max-width: 1199px) {
  .synthego-extended-hero__wrapper {
    gap: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 991px) {
  .synthego-extended-hero__wrapper {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}
.synthego-extended-hero__wrapper.has-hero-image .synthego-extended-hero__content {
  flex: 1 1 auto;
  max-width: 905px;
}
.synthego-extended-hero__content {
  max-width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
@media (max-width: 991px) {
  .synthego-extended-hero__content {
    align-items: center;
    text-align: center;
    gap: var(--spacing-xl-alt, 30px);
  }
}
.synthego-extended-hero.align-left .synthego-extended-hero__content {
  align-items: flex-start;
  text-align: left;
}
.synthego-extended-hero.align-center .synthego-extended-hero__content {
  align-items: center;
  text-align: center;
}
.synthego-extended-hero.align-right .synthego-extended-hero__content {
  align-items: flex-end;
  text-align: right;
}
.synthego-extended-hero .hero-heading {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  max-width: 871px;
}
@media (max-width: 991px) {
  .synthego-extended-hero .hero-heading.headline-xxl, .synthego-extended-hero .oxy-rich-text h2.hero-heading, .oxy-rich-text .synthego-extended-hero h2.hero-heading,
  .synthego-extended-hero .ct-text-block h2.hero-heading,
  .ct-text-block .synthego-extended-hero h2.hero-heading,
  .synthego-extended-hero .oxy-text h2.hero-heading,
  .oxy-text .synthego-extended-hero h2.hero-heading, .synthego-extended-hero h2.hero-heading.oxy-heading,
  .synthego-extended-hero h2.hero-heading.ct-headline, .synthego-extended-hero .hero-heading.oxy-heading[data-tag=h2],
  .synthego-extended-hero .hero-heading.ct-headline[data-tag=h2], .synthego-extended-hero .supreme-element.synthego-hero .hero-stats .stat-column .hero-heading.stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .synthego-extended-hero .hero-heading.stat-value, .synthego-extended-hero .supreme-element.pipeline-section .pipeline-tile .hero-heading.tile-title, .supreme-element.pipeline-section .pipeline-tile .synthego-extended-hero .hero-heading.tile-title, .synthego-extended-hero .supreme-element.one-button-cta .hero-heading.cta-title, .supreme-element.one-button-cta .synthego-extended-hero .hero-heading.cta-title {
    font-size: 1.375rem;
    line-height: 1.5;
  }
}
.synthego-extended-hero .hero-description {
  margin: 0;
}
@media (max-width: 767px) {
  .synthego-extended-hero .hero-description {
    font-size: var(--Font-Size-f-size-xs);
  }
}
.synthego-extended-hero .hero-description p {
  margin-bottom: var(--Paragraph-Spacing-paragraph-spacing);
}
.synthego-extended-hero .hero-description p:last-child {
  margin-bottom: 0;
}
.synthego-extended-hero .hero-button-wrapper {
  display: flex;
  gap: var(--spacing-sm, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .synthego-extended-hero .hero-button-wrapper {
    gap: var(--spacing-sm);
    width: 100%;
    justify-content: center;
  }
  .synthego-extended-hero .hero-button-wrapper .button-primary, .synthego-extended-hero .hero-button-wrapper .oxy-button,
  .synthego-extended-hero .hero-button-wrapper .ct-link-button, .synthego-extended-hero .hero-button-wrapper .synthego-load-more, .synthego-extended-hero .hero-button-wrapper .supreme-element.synthego-hero .btn-primary, .supreme-element.synthego-hero .synthego-extended-hero .hero-button-wrapper .btn-primary, .synthego-extended-hero .hero-button-wrapper .supreme-element.title-text-button-hero .hero-button, .supreme-element.title-text-button-hero .synthego-extended-hero .hero-button-wrapper .hero-button, .synthego-extended-hero .hero-button-wrapper .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.fifty-fifty-hero .synthego-extended-hero .hero-button-wrapper .hero-button, .synthego-extended-hero .hero-button-wrapper .subscribe-cta .subscribe-button, .subscribe-cta .synthego-extended-hero .hero-button-wrapper .subscribe-button, .synthego-extended-hero .hero-button-wrapper .resources-section .resources-footer .resources-load-more, .resources-section .resources-footer .synthego-extended-hero .hero-button-wrapper .resources-load-more, .synthego-extended-hero .hero-button-wrapper .supreme-element.post-content-container .contact-experts__button, .supreme-element.post-content-container .synthego-extended-hero .hero-button-wrapper .contact-experts__button, .synthego-extended-hero .hero-button-wrapper .supreme-element.post-contact-cta .contact-experts__button, .supreme-element.post-contact-cta .synthego-extended-hero .hero-button-wrapper .contact-experts__button, .synthego-extended-hero .hero-button-wrapper .supreme-element.guide-hero .hero-button, .supreme-element.guide-hero .synthego-extended-hero .hero-button-wrapper .hero-button, .synthego-extended-hero .hero-button-wrapper .synthego-press-grid__load-more, .synthego-extended-hero .hero-button-wrapper .supreme-element.product-search-results-wrapper .load-more-btn, .supreme-element.product-search-results-wrapper .synthego-extended-hero .hero-button-wrapper .load-more-btn,
  .synthego-extended-hero .hero-button-wrapper #search-results-container .load-more-btn,
  #search-results-container .synthego-extended-hero .hero-button-wrapper .load-more-btn,
  .synthego-extended-hero .hero-button-wrapper .button-green-border,
  .synthego-extended-hero .hero-button-wrapper .supreme-element.one-button-cta .cta-button,
  .supreme-element.one-button-cta .synthego-extended-hero .hero-button-wrapper .cta-button {
    flex: 1;
    min-width: 140px;
    max-width: 200px;
  }
}
.align-left .synthego-extended-hero .hero-button-wrapper {
  justify-content: flex-start;
}
.align-center .synthego-extended-hero .hero-button-wrapper {
  justify-content: center;
}
.align-right .synthego-extended-hero .hero-button-wrapper {
  justify-content: flex-end;
}
.synthego-extended-hero.background-image {
  position: relative;
}
.synthego-extended-hero.background-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.85);
  z-index: 1;
}
.synthego-extended-hero.background-image .synthego-extended-hero__container {
  position: relative;
  z-index: 2;
}
.synthego-extended-hero__image-wrapper {
  flex-shrink: 0;
  width: 392px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .synthego-extended-hero__image-wrapper {
    width: 300px;
  }
}
@media (max-width: 991px) {
  .synthego-extended-hero__image-wrapper {
    display: none;
  }
}
.synthego-extended-hero__image {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}
.synthego-extended-hero__svg-decoration {
  width: 346px;
  height: 579px;
}
.synthego-extended-hero__svg-decoration svg {
  width: 100%;
  height: 100%;
  display: block;
}

.oxygen-builder-body .synthego-extended-hero {
  min-height: 400px;
  display: flex;
  align-items: center;
}

.partners-section {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}

.partners-section-wrapper {
  width: 100%;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}

.partners-header {
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
@media (max-width: 767px) {
  .partners-header {
    margin-bottom: var(--spacing-3xl, 48px);
  }
}

.partners-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.partner-item {
  padding-bottom: var(--spacing-4xl);
  padding-top: var(--spacing-4xl);
}
.partner-item.partner-left {
  border-bottom: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Light-Gray, #e0e0e0);
}

.partner-content-wrapper {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-4xl);
}
@media (max-width: 991px) {
  .partner-content-wrapper {
    flex-direction: column;
    gap: var(--spacing-3xl, 48px);
  }
}
@media (max-width: 767px) {
  .partner-content-wrapper {
    flex-direction: column;
    gap: var(--spacing-4xl, 60px);
  }
}

.partner-left .partner-content-wrapper {
  flex-direction: row;
}
@media (max-width: 991px) {
  .partner-left .partner-content-wrapper {
    flex-direction: column;
  }
}

.partner-right .partner-content-wrapper {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .partner-right .partner-content-wrapper {
    flex-direction: column;
  }
}

.partner-images {
  flex: 0 0 27%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-3xl, 50px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg, 20px);
}
@media (max-width: 1199px) {
  .partner-images {
    flex: 0 0 40%;
    padding: var(--spacing-lg, 20px);
  }
}
@media (max-width: 991px) {
  .partner-images {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .partner-images {
    padding: var(--spacing-md, 16px);
  }
}

.partner-logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-logo img {
  width: 280px;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .partner-logo img {
    max-height: 150px;
  }
}

.partner-additional-images {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg, 20px);
  width: 100%;
}
.partner-additional-images img {
  max-width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .partner-additional-images img {
    max-height: 100px;
  }
}

.partner-text {
  flex: 0 1 73%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}

.partner-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.partner-description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
@media (max-width: 767px) {
  .partner-description {
    font-size: 16px;
    line-height: 26px;
  }
}
.partner-description p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.partner-description p:last-child {
  margin-bottom: 0;
}
.partner-description a {
  color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  text-decoration: underline;
  transition: color 0.3s ease;
}
.partner-description a:hover {
  color: var(--Brand-Colors-Primary-Thymine-Purple, #751e98);
}
.partner-description ul,
.partner-description ol {
  margin: var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-xl, 24px);
}
.partner-description li {
  margin-bottom: var(--spacing-sm, 12px);
}
.partner-description li:last-child {
  margin-bottom: 0;
}

.partners-empty {
  text-align: center;
  padding: var(--spacing-4xl) 0;
}
.partners-empty p {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  color: var(--text, #262626);
  margin: 0;
}

.partners-hero-section .hero-text {
  max-width: 760px;
}
.partners-hero-section .title-text-button-hero-container.supreme-global-container {
  align-items: flex-start;
}

.resources-section {
  background: var(--Brand-Colors-Primary-White);
  padding-top: var(--spacing-5xl);
  padding-bottom: var(--spacing-5xl);
}
.resources-section .resources-container {
  max-width: 1400px;
  margin: 0 auto;
}
.resources-section .resources-header {
  padding-bottom: var(--spacing-lg);
}
.resources-section .resources-header .resources-content-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  margin-bottom: var(--spacing-xxl, 34px);
}
.resources-section .resources-header .resources-content-wrap .resources-text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.resources-section .resources-header .resources-content-wrap .resources-text h1 {
  color: var(--Heading-Color-1);
  margin: 0;
}
.resources-section .resources-header .resources-content-wrap .resources-text p {
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 767px) {
  .resources-section .resources-header .resources-content-wrap .resources-text p {
    font-size: var(--Font-Size-f-size-xxs, 14px);
  }
}
.resources-section .resources-header .resources-filter-row {
  width: 100%;
  border-bottom: 2px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  position: relative;
  margin-bottom: -2px;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xxs);
  align-items: stretch;
  padding: 4px 0 0px;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: 0 0 0 0;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab span {
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Line-height-f-size-sm, 28px); /* 155.556% */
  transition: 0.3s ease-in-out;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab:hover {
  background: var(--Brand-Colors-Primary-Black);
  border-radius: 4px 4px 0px 0px;
  transition: 0.3s ease-in-out;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab:hover span {
  color: #ffffff;
  transition: 0.3s ease-in-out;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab.active {
  background: var(--Brand-Colors-Primary-Black);
  border-radius: 4px 4px 0px 0px;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab.active span {
  color: var(--Brand-Colors-Primary-White);
}
.resources-section .resources-header .resources-filter-row .resources-tabs-mobile {
  display: none;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-mobile .resources-dropdown {
  width: 100%;
  padding: 0 var(--spacing-xxl) 0 var(--spacing-xs);
  line-height: 34px;
  color: var(--Heading-Color-1);
  background: var(--Brand-Colors-Primary-White);
  background-image: url(/wp-content/uploads/2025/07/drop-down-arrow.png);
  background-repeat: no-repeat;
  background-size: 11px 7px;
  background-position: 98% 50%;
  border: var(--Stroke-Border-Width) solid var(--Brand-Colors-Neutrals-Gray-300);
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: var(--spacing-md);
  appearance: none;
  -webkit-appearance: none;
  height: 40px;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-mobile .resources-dropdown:focus {
  outline: none;
}
.resources-section .resources-header .resources-count {
  color: var(--text, #262626);
  /* Stamp */
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-transform: uppercase;
  margin-top: var(--spacing-xl);
  font-family: var(--Font-Family-Special-Case);
  color: var(--text);
  font-size: var(--Font-Size-f-size-xxs);
  text-transform: uppercase;
}
.resources-section .resources-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  justify-content: flex-start;
  padding: 0 1px;
  margin-bottom: var(--spacing-3xl);
}
.resources-section .resources-grid .resource-card {
  max-width: 450px;
  min-width: 30%;
  flex: 1;
  height: 640px;
  border-radius: var(--border-radius-border-radius-20);
  overflow: hidden;
  position: relative;
  background: var(--Brand-Colors-Primary-White);
  transition: all 0.3s ease;
}
.resources-section .resources-grid .resource-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-20);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.resources-section .resources-grid .resource-card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.resources-section .resources-grid .resource-card:hover .resource-thumbnail {
  transform: scale(1.1);
}
.resources-section .resources-grid .resource-card:hover .resource-category {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.resources-section .resources-grid .resource-card:hover .resource-category span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.resources-section .resources-grid .resource-card .resource-thumbnail {
  width: 100%;
  height: 364px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  transition: transform 300ms ease;
}
.resources-section .resources-grid .resource-card .resource-thumbnail img {
  width: 100%;
  height: 100%;
}
.resources-section .resources-grid .resource-card .resource-category {
  position: absolute;
  top: var(--spacing-xl);
  left: 23px;
  background: var(--Brand-Colors-Primary-White);
  border: 1px solid var(--Gray-200);
  border-radius: var(--border-radius-border-radius-20);
  padding: var(--spacing-xxxs) var(--spacing-sm);
  transition: all 0.3s ease;
  z-index: 2;
}
.resources-section .resources-grid .resource-card .resource-category span {
  color: var(--Brand-Colors-Primary-Black);
}
.resources-section .resources-grid .resource-card .resource-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--Brand-Colors-Primary-White);
  padding: var(--spacing-xxl) var(--spacing-xl) var(--spacing-xl);
  height: 340px;
  box-sizing: border-box;
  z-index: 1;
}
.resources-section .resources-grid .resource-card .resource-content .resource-content-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.resources-section .resources-grid .resource-card .resource-content .resource-content-wrap h3 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--Font-Weight-Medium);
  color: var(--Heading-Color-1);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.resources-section .resources-grid .resource-card .resource-content .resource-content-wrap p {
  color: var(--Heading-Color-1);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: var(--Font-Size-f-size-xs, 14px);
}
.resources-section .resources-grid .resource-card .resource-content .resource-arrow {
  position: absolute;
  bottom: var(--spacing-xxl);
  left: 0;
  width: 15.84px;
  height: 15.84px;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 2;
}
.resources-section .resources-grid .resource-card .resource-content .resource-arrow svg {
  width: 100%;
  height: 100%;
}
.resources-section .resources-grid .resource-card .resource-content .resource-arrow svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
.resources-section .resources-grid .resource-card:hover .resource-arrow {
  opacity: 1;
  left: var(--spacing-xl);
}
.resources-section .resources-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}
.resources-section .resources-footer .resources-load-more {
  padding: var(--spacing-sm) var(--spacing-xxl);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  min-width: 58px;
  min-height: 58px;
  border: none;
}
.resources-section .resources-footer .resources-load-more:hover {
  border: none;
  transform: none;
  box-shadow: none;
}
.resources-section .resources-footer .resources-load-more span {
  font-weight: var(--Font-Weight-Bold);
}
.resources-section .resources-footer .resources-load-more .button-arrow {
  width: 24px;
  height: 24px;
}
.resources-section .resources-footer .resources-load-more .button-arrow svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.resources-section .resources-footer .resources-progress {
  width: 173px;
  height: 4px;
  background: var(--Brand-Colors-Light-Gray, #e0e0e0);
  overflow: hidden;
  position: relative;
}
.resources-section .resources-footer .resources-progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: var(--Brand-Colors-Primary-Black);
  transition: width 0.3s ease;
}
@media (min-width: 1250px) and (max-width: 1300px) {
  .resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab {
    padding: var(--spacing-sm) var(--spacing-sm);
  }
}
@media (max-width: 1199px) {
  .resources-section .resources-grid .resource-card {
    flex: none;
    width: calc(33.333% - 14px);
  }
}
@media (max-width: 1250px) {
  .resources-section .resources-header .resources-filter-row .resources-tabs.resources-tabs-desktop {
    display: none;
  }
  .resources-section .resources-header .resources-filter-row .resources-tabs-mobile {
    display: block;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .resources-section .resources-grid .resource-card {
    width: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .resources-section .resources-header .resources-tabs-desktop {
    flex-wrap: wrap;
  }
  .resources-section .resources-header .resources-filter-row .resources-tabs-mobile .resources-dropdown {
    margin-top: 0px;
  }
  .resources-section .resources-grid .resource-card {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .resources-section .resources-header .resources-tabs .resources-tab {
    padding: var(--spacing-xs) var(--spacing-sm);
  }
  .resources-section .resources-header .resources-tabs .resources-tab span {
    font-size: var(--Font-Size-f-size-xs);
  }
  .resources-section .resources-footer .resources-load-more {
    padding: 10px var(--spacing-xl);
  }
  .resources-section .resources-footer .resources-load-more span {
    font-size: var(--Font-Size-f-size-xs);
  }
}

.resource-sec {
  overflow: hidden;
  transition: all 0.3s ease;
}
.resource-sec .blog-card-category {
  position: absolute;
  top: 24px;
  left: 23px;
}
.resource-sec .blog-card-image {
  background-size: cover;
  background-position: center;
  transition: background-size 1s ease;
  position: relative;
  overflow: hidden;
}
.resource-sec .blog-card-image:hover {
  transform: scale(1.08);
}

.text-media-section {
  padding: var(--spacing-3xl, 40px) 40px;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.text-media-section .text-media-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
}
.text-media-section .text-media-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-xxl);
}
@media (max-width: 1200px) {
  .text-media-section .text-media-content {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .text-media-section .text-media-content {
    font-size: var(--Font-Size-f-size-lg, 22px);
  }
}
.text-media-section .text-content {
  flex: 1;
}
@media (max-width: 1200px) {
  .text-media-section .text-content {
    width: 45%;
  }
}
@media (max-width: 1200px) {
  .text-media-section .text-content {
    width: 100%;
  }
}
.text-media-section .text-content .text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.text-media-section .text-content .text-wrapper .text-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.text-media-section .text-content .text-wrapper .text-header h2 {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-xxl);
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 1200px) {
  .text-media-section .text-content .text-wrapper .text-header h2 {
    font-size: var(--Font-Size-f-size-xxl);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
@media (max-width: 767px) {
  .text-media-section .text-content .text-wrapper .text-header h2 {
    font-size: var(--Font-Size-f-size-xl);
    line-height: var(--Line-Height-Line-height-f-size-xl);
  }
}
.text-media-section .text-content .text-wrapper .text-header .subtitle {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-lg);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-lg);
  color: var(--Heading-Color-1);
  margin: 0;
}
.text-media-section .text-content .text-wrapper .text-body {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-Paragraph-f-size);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
@media (max-width: 767px) {
  .text-media-section .text-content .text-wrapper .text-body {
    font-size: var(--Font-Size-f-size-xxs);
    line-height: var(--Line-Height-Line-height-f-size-xxs);
  }
}
.text-media-section .text-content .text-wrapper .text-body p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing) 0;
}
@media (max-width: 767px) {
  .text-media-section .text-content .text-wrapper .text-body p {
    font-size: var(--Font-Size-f-size-xxs);
  }
}
.text-media-section .text-content .text-wrapper .text-body p:last-child {
  margin-bottom: 0;
}
.text-media-section .media-content {
  width: 42%;
  flex-shrink: 0;
  min-width: 0;
}
@media (max-width: 479px) {
  .text-media-section .media-content {
    width: 100%;
    margin: 0 auto;
  }
}
.text-media-section .media-content .media-wrapper {
  width: 100%;
  height: 452px;
  border-radius: 12px;
  overflow: hidden;
  background: var(--Gray-200);
  position: relative;
}
@media (max-width: 767px) {
  .text-media-section .media-content .media-wrapper {
    height: 300px;
  }
}
.text-media-section .media-content .media-wrapper.media-youtube .youtube-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.text-media-section .media-content .media-wrapper.media-youtube .youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.text-media-section .media-content .media-wrapper.media-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text-media-section .media-content .media-wrapper.media-html .html-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: var(--spacing-xl);
  box-sizing: border-box;
  background: var(--Brand-Colors-Primary-White);
}
.text-media-section.reverse-layout .text-media-content {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  .text-media-section.reverse-layout .text-media-content {
    flex-direction: column;
  }
}
.text-media-section.transparent-background {
  background: transparent;
}
.text-media-section.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.text-media-section.no-horizontal-padding {
  padding-left: 0;
  padding-right: 0;
}

.oxy-supreme-elements-text-media-section .text-media-section .media-content .media-wrapper {
  width: 100%;
  height: 320px;
}

@media (max-width: 767px) {
  .text-media-section {
    padding: 15px;
  }
  .oxy-supreme-elements-text-media-section .text-media-section {
    padding: 15px;
  }
  .oxy-supreme-elements-text-media-section .text-media-section .media-content {
    width: 100%;
  }
}
.team-section {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
  background: var(--Brand-Colors-Primary-White);
}
.team-section .team-container {
  padding: 0;
}
.team-section .team-header {
  margin-bottom: var(--spacing-3xl);
}
.team-section .team-header h2 {
  margin: 0;
}
@media (max-width: 991px) {
  .team-section .team-header h2 {
    font-size: var(--Font-Size-f-size-xxl);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
@media (max-width: 767px) {
  .team-section .team-header h2 {
    font-size: var(--Font-Size-f-size-xl);
    line-height: var(--Line-Height-Line-height-f-size-xl);
  }
}
.team-section .team-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxl);
  justify-content: flex-start;
}
.team-section .team-member {
  width: 22%;
  max-width: 326px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
}
@media (max-width: 1200px) {
  .team-section .team-member {
    width: 326px;
  }
}
@media (max-width: 375px) {
  .team-section .team-member {
    width: 100%;
    max-width: 326px;
  }
}
.team-section .team-member .member-image {
  width: 258px;
  height: 258px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green) 0%, var(--Brand-Colors-Primary-Cytosine-Blue) 100%);
  padding: 4px;
}
.team-section .team-member .member-image img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  border-radius: 50%;
  background: var(--Brand-Colors-Primary-White);
}
.team-section .team-member .member-image .placeholder {
  width: 250px;
  height: 250px;
  background: var(--Gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.team-section .team-member .member-image .placeholder svg {
  width: 60px;
  height: 60px;
  fill: var(--Gray-400);
}
.team-section .team-member .member-info {
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.team-section .team-member .member-info .member-name {
  margin: 0;
}
.team-section .team-member .member-info .member-title {
  margin: 0;
}
.team-section .no-team-members {
  text-align: center;
  padding: var(--spacing-4xl) 0;
}
.team-section .no-team-members p {
  margin: 0;
}

.testimonials-slider {
  background: var(--Brand-Colors-Light-grayish-cyan);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  overflow: hidden;
}
.testimonials-slider .slider-container {
  padding: 0;
}
@media (max-width: 767px) {
  .testimonials-slider .slider-container {
    position: relative;
    padding-bottom: 80px;
  }
}
.testimonials-slider .slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-3xl);
}
@media (max-width: 767px) {
  .testimonials-slider .slider-header {
    flex-direction: column;
    gap: var(--spacing-xl);
    align-items: flex-start;
  }
}
.testimonials-slider .slider-header h2 {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-4xl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-4xl);
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 991px) {
  .testimonials-slider .slider-header h2 {
    font-size: var(--Font-Size-f-size-xxl);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
@media (max-width: 767px) {
  .testimonials-slider .slider-header h2 {
    font-size: var(--Font-Size-f-size-xxl, 32px);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
.testimonials-slider .slider-header .slider-controls {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
}
@media (max-width: 767px) {
  .testimonials-slider .slider-header .slider-controls {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    justify-content: space-between;
  }
}
.testimonials-slider .slider-header .slider-controls .slider-counter {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-md);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-md);
  color: var(--Heading-Color-1);
}
.testimonials-slider .slider-header .slider-controls .slider-arrows {
  display: flex;
  gap: var(--spacing-xs);
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--Brand-Colors-Primary-Black);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  padding: 0;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button:hover {
  background: var(--Brand-Colors-Primary-Black);
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button:hover svg path {
  fill: white;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button svg {
  width: 24px;
  height: 24px;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button svg path {
  fill: var(--Brand-Colors-Primary-Black);
  transition: fill 0.3s ease;
}
.testimonials-slider .slider-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1400px;
}
.testimonials-slider .slider-track {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  width: max-content;
}
.testimonials-slider .testimonial-slide-group {
  display: flex;
  gap: var(--spacing-3xl);
  flex-shrink: 0;
  width: 1400px;
}
@media (max-width: 1439px) {
  .testimonials-slider .testimonial-slide-group {
    width: calc(100vw - var(--spacing-xl) * 2);
  }
}
@media (max-width: 767px) {
  .testimonials-slider .testimonial-slide-group {
    width: calc(100vw - var(--spacing-lg) * 2);
  }
}
.testimonials-slider .testimonial-card {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-left: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  padding: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl);
  flex-shrink: 0;
}
.testimonials-slider .testimonial-card.first-card {
  width: 591px;
}
.testimonials-slider .testimonial-card.second-card {
  width: 768px;
}
@media (max-width: 1439px) {
  .testimonials-slider .testimonial-card.testimonial-card.first-card, .testimonials-slider .testimonial-card.testimonial-card.second-card {
    width: calc(50% - var(--spacing-3xl) / 2);
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .testimonials-slider .testimonial-card {
    padding: var(--spacing-xl);
  }
  .testimonials-slider .testimonial-card.testimonial-card.first-card, .testimonials-slider .testimonial-card.testimonial-card.second-card {
    width: calc(100vw - var(--spacing-3xl) * 2);
  }
  .testimonials-slider .testimonial-card.second-card {
    display: none;
  }
}
.testimonials-slider .testimonial-card .testimonial-icon {
  width: 60px;
  height: 44px;
  flex-shrink: 0;
}
.testimonials-slider .testimonial-card .testimonial-icon svg {
  width: 100%;
  height: 100%;
}
.testimonials-slider .testimonial-card .testimonial-quote {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-md);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-md);
  color: var(--Heading-Color-1);
  flex-grow: 1;
  margin: 0;
}
.testimonials-slider .testimonial-card .testimonial-author {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl);
}
.testimonials-slider .testimonial-card .testimonial-author .author-image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.testimonials-slider .testimonial-card .testimonial-author .author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonials-slider .testimonial-card .testimonial-author .author-image.placeholder {
  background: var(--Gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonials-slider .testimonial-card .testimonial-author .author-image.placeholder svg {
  width: 40px;
  height: 40px;
}
.testimonials-slider .testimonial-card .testimonial-author .author-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.testimonials-slider .testimonial-card .testimonial-author .author-info .author-name {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
.testimonials-slider .testimonial-card .testimonial-author .author-info .author-title {
  font-family: var(--Font-Family-Special-Case);
  font-size: var(--Font-Size-f-size-xxxs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xxxs);
  text-transform: uppercase;
  color: var(--text);
}
.testimonials-slider .slider-wrapper.grabbing {
  cursor: grabbing;
}
.testimonials-slider .slider-wrapper.grabbable {
  cursor: grab;
}
.testimonials-slider.white-background {
  background: var(--Brand-Colors-Primary-White);
}

.testimonials-slider.white-background .testimonial-card {
  background: var(--Brand-Colors-Primary-White);
}

.scroll-hide .testimonials-slider .slider-wrapper.grabbable {
  cursor: auto;
}

.scroll-hide .slider-track {
  transform: none !important;
}

.synthego-articles-section {
  padding-bottom: var(--spacing-5xl);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-articles-section__title {
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-3xl, 64px);
  text-align: left;
}
@media (max-width: 991px) {
  .synthego-articles-section__title {
    margin-bottom: var(--spacing-2xl, 48px);
  }
}
@media (max-width: 767px) {
  .synthego-articles-section__title {
    margin-bottom: var(--spacing-xl, 24px);
  }
}
.synthego-articles-section__layout {
  display: grid;
  grid-template-columns: 334px 1fr;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-articles-section__layout {
    grid-template-columns: 280px 1fr;
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-articles-section__layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 991px) {
  .synthego-articles-section__sidebar {
    display: none;
  }
}
.synthego-articles-section__categories-dropdown {
  width: 100%;
  padding: 0 var(--spacing-xxl) 0 var(--spacing-xs);
  line-height: 34px;
  color: var(--Heading-Color-1);
  background: var(--Brand-Colors-Primary-White);
  background-image: url(/wp-content/uploads/2025/07/drop-down-arrow.png);
  background-repeat: no-repeat;
  background-size: 11px 7px;
  background-position: 98% 50%;
  border: var(--Stroke-Border-Width) solid var(--Brand-Colors-Neutrals-Gray-300);
  border-radius: 4px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  height: 40px;
  margin-top: var(--spacing-md);
  outline: none;
}
.synthego-articles-section__mobile-categories {
  display: none;
}
@media (max-width: 991px) {
  .synthego-articles-section__mobile-categories {
    display: block;
  }
}
.synthego-articles-section__sidebar-title {
  color: var(--Heading-Color-1, #262626);
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .synthego-articles-section__sidebar-title {
    margin-bottom: var(--spacing-md, 16px);
  }
}
.synthego-articles-section__categories {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  overflow: hidden;
  width: 334px;
  position: relative;
}
@media (max-width: 1199px) {
  .synthego-articles-section__categories {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .synthego-articles-section__categories {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm, 12px);
    background-color: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
  }
}
.synthego-articles-section__category-item {
  margin: 0;
  position: relative;
  overflow: hidden;
}
.synthego-articles-section__category-item:not(:last-child) {
  border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:not(:last-child) {
    border-bottom: none;
  }
}
.synthego-articles-section__category-item:first-child .synthego-articles-section__category-button {
  border-radius: var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px) 0 0;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:first-child .synthego-articles-section__category-button {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:first-child::after {
  border-radius: var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px) 0 0;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:first-child::after {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:last-child .synthego-articles-section__category-button {
  border-radius: 0 0 var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:last-child .synthego-articles-section__category-button {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:last-child::after {
  border-radius: 0 0 var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:last-child::after {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:only-child .synthego-articles-section__category-button {
  border-radius: var(--border-radius-border-radius-20, 20px);
}
.synthego-articles-section__category-item:only-child::after {
  border-radius: var(--border-radius-border-radius-20, 20px);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item {
    flex: 1;
    min-width: 25%;
  }
}
@media (max-width: 767px) {
  .synthego-articles-section__category-item {
    min-width: 40%;
  }
}
.synthego-articles-section__category-item::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item::after {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:hover::after {
  opacity: 1;
}
.synthego-articles-section__category-item.active .synthego-articles-section__category-button {
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.synthego-articles-section__category-item.active .synthego-articles-section__category-button svg {
  opacity: 0;
}
.synthego-articles-section__category-button {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: var(--spacing-md, 16px);
  color: var(--Heading-Color-1, #262626);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  text-align: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-button {
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
    border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
    border-radius: 20px;
    background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  }
}
.synthego-articles-section__category-button svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-button svg {
    display: none;
  }
}
.synthego-articles-section__content {
  width: 100%;
}
.synthego-articles-section__active-categories-label, .synthego-articles-section__active-categories-list, .synthego-articles-section__active-categories-suffix {
  color: var(--Heading-Color-1, #262626);
}
.synthego-articles-section__grid {
  display: grid;
  margin-bottom: var(--spacing-xl, 24px);
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 1199px) {
  .synthego-articles-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .synthego-articles-section__grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl, 24px);
  }
}
.synthego-articles-section__card {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-20, 20px);
  border: 1px solid var(--Gray-200, #d1d1d1);
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.synthego-articles-section__card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-20, 20px);
  background: var(--Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.synthego-articles-section__card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.synthego-articles-section__card:hover .synthego-articles-section__card-image img {
  transform: scale(1.1);
}
.synthego-articles-section__card:hover .synthego-articles-section__card-category-tag {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.synthego-articles-section__card:hover .synthego-articles-section__card-category-tag span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-articles-section__card-link {
  text-decoration: none !important;
  color: inherit;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  border-radius: var(--border-radius-border-radius-20, 20px);
  overflow: hidden;
}
.synthego-articles-section__card-link:hover {
  text-decoration: none !important;
}
.synthego-articles-section__card-link * {
  text-decoration: none !important;
}
.synthego-articles-section__card-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: #eee;
  flex-shrink: 0;
  position: relative;
}
.synthego-articles-section__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.synthego-articles-section__card-content {
  padding: var(--spacing-xl, 24px);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 16px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  position: relative;
}
.synthego-articles-section__card-category-tag {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  display: inline-block;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.synthego-articles-section__card-category-tag span {
  line-height: normal;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.synthego-articles-section__card-title {
  margin: 0;
  text-decoration: none !important;
  color: var(--Heading-Color-1, #262626);
}
.synthego-articles-section__loadmore {
  text-align: center;
}
.synthego-articles-section__loadmore-button {
  margin-bottom: var(--spacing-md, 16px);
}
.synthego-articles-section__loadmore-button[data-loading=true] {
  opacity: 0.6;
  pointer-events: none;
}
.synthego-articles-section__pagination {
  color: var(--Heading-Color-1-Alt, #707070);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.synthego-articles-section__pagination span {
  font-weight: var(--Font-Weight-Regular, 400);
}
.synthego-articles-section__no-posts {
  color: var(--Heading-Color-1-Alt, #707070);
  text-align: center;
  padding: var(--spacing-4xl, 80px) 0;
}

.synthego-articles-loading {
  opacity: 0.5;
  pointer-events: none;
}

button.synthego-articles-section__loadmore-button.button-primary, button.synthego-articles-section__loadmore-button.oxy-button,
button.synthego-articles-section__loadmore-button.ct-link-button, button.synthego-articles-section__loadmore-button.synthego-load-more, .supreme-element.synthego-hero button.synthego-articles-section__loadmore-button.btn-primary, .supreme-element.title-text-button-hero button.synthego-articles-section__loadmore-button.hero-button, .supreme-element.fifty-fifty-hero button.synthego-articles-section__loadmore-button.hero-button, .subscribe-cta button.synthego-articles-section__loadmore-button.subscribe-button, .resources-section .resources-footer button.synthego-articles-section__loadmore-button.resources-load-more, .supreme-element.post-content-container button.synthego-articles-section__loadmore-button.contact-experts__button, .supreme-element.post-contact-cta button.synthego-articles-section__loadmore-button.contact-experts__button, .supreme-element.guide-hero button.synthego-articles-section__loadmore-button.hero-button, button.synthego-articles-section__loadmore-button.synthego-press-grid__load-more, .supreme-element.product-search-results-wrapper button.synthego-articles-section__loadmore-button.load-more-btn,
#search-results-container button.synthego-articles-section__loadmore-button.load-more-btn {
  margin-top: var(--spacing-xl, 24px);
}

.synthego-full-width-text {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.synthego-full-width-text--gradient {
  background: linear-gradient(252deg, #20D340 0%, #00D1ED 20.67%, #18D36B 45.67%, #01ABF9 66.35%, #10D297 84.13%, #AEBBFA 100%);
}
.synthego-full-width-text--transparent {
  background: transparent;
}
.synthego-full-width-text__container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  padding: var(--spacing-5xl, 112px) 64px;
}
@media (max-width: 1439px) {
  .synthego-full-width-text__container {
    padding: var(--spacing-4xl, 80px) var(--spacing-3xl, 40px);
  }
}
@media (max-width: 991px) {
  .synthego-full-width-text__container {
    padding: var(--spacing-4xl, 80px) var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-full-width-text__container {
    padding: var(--spacing-3xl, 40px) var(--spacing-lg, 20px);
  }
}
.synthego-full-width-text__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 var(--spacing-4xl, 80px);
}
.synthego-full-width-text__wrapper--left {
  align-items: flex-start;
}
.synthego-full-width-text__wrapper--left .synthego-full-width-text__content {
  text-align: left;
}
.synthego-full-width-text__wrapper--left .synthego-full-width-text__heading,
.synthego-full-width-text__wrapper--left .synthego-full-width-text__text {
  text-align: left;
}
.synthego-full-width-text__wrapper--center {
  align-items: center;
}
.synthego-full-width-text__wrapper--center .synthego-full-width-text__content {
  text-align: center;
  align-items: center;
}
.synthego-full-width-text__wrapper--center .synthego-full-width-text__heading,
.synthego-full-width-text__wrapper--center .synthego-full-width-text__text {
  text-align: center;
}
.synthego-full-width-text__wrapper--right {
  align-items: flex-end;
}
.synthego-full-width-text__wrapper--right .synthego-full-width-text__content {
  text-align: right;
}
.synthego-full-width-text__wrapper--right .synthego-full-width-text__heading,
.synthego-full-width-text__wrapper--right .synthego-full-width-text__text {
  text-align: right;
}
@media (max-width: 991px) {
  .synthego-full-width-text__wrapper {
    padding: 0;
  }
}
.synthego-full-width-text__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  align-items: center;
  width: 100%;
  max-width: 1008px;
}
@media (max-width: 991px) {
  .synthego-full-width-text__content {
    gap: var(--spacing-xl, 24px);
  }
}
.synthego-full-width-text__heading {
  margin: 0;
  width: 100%;
}
@media (max-width: 991px) {
  .synthego-full-width-text__heading.headline-xxxl, .oxy-rich-text h1.synthego-full-width-text__heading,
  .ct-text-block h1.synthego-full-width-text__heading,
  .oxy-text h1.synthego-full-width-text__heading, h1.synthego-full-width-text__heading.oxy-heading,
  h1.synthego-full-width-text__heading.ct-headline, .synthego-full-width-text__heading.oxy-heading[data-tag=h1],
  .synthego-full-width-text__heading.ct-headline[data-tag=h1], .supreme-element.about-section .synthego-full-width-text__heading.section-heading {
    font-size: var(--Font-Size-f-size-xxxl);
    line-height: var(--Line-Height-Line-height-f-size-xxxl);
  }
}
.synthego-full-width-text__text {
  margin: 0;
  width: 100%;
}
.synthego-full-width-text__text.headline-xxl, .oxy-rich-text h2.synthego-full-width-text__text,
.ct-text-block h2.synthego-full-width-text__text,
.oxy-text h2.synthego-full-width-text__text, h2.synthego-full-width-text__text.oxy-heading,
h2.synthego-full-width-text__text.ct-headline, .synthego-full-width-text__text.oxy-heading[data-tag=h2],
.synthego-full-width-text__text.ct-headline[data-tag=h2], .supreme-element.synthego-hero .hero-stats .stat-column .synthego-full-width-text__text.stat-value, .supreme-element.pipeline-section .pipeline-tile .synthego-full-width-text__text.tile-title, .supreme-element.one-button-cta .synthego-full-width-text__text.cta-title {
  font-weight: var(--Font-Weight-Regular, 400);
}
@media (max-width: 991px) {
  .synthego-full-width-text__text.headline-xxl, .oxy-rich-text h2.synthego-full-width-text__text,
  .ct-text-block h2.synthego-full-width-text__text,
  .oxy-text h2.synthego-full-width-text__text, h2.synthego-full-width-text__text.oxy-heading,
  h2.synthego-full-width-text__text.ct-headline, .synthego-full-width-text__text.oxy-heading[data-tag=h2],
  .synthego-full-width-text__text.ct-headline[data-tag=h2], .supreme-element.synthego-hero .hero-stats .stat-column .synthego-full-width-text__text.stat-value, .supreme-element.pipeline-section .pipeline-tile .synthego-full-width-text__text.tile-title, .supreme-element.one-button-cta .synthego-full-width-text__text.cta-title {
    font-size: var(--Font-Size-f-size-xxl);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}

.synthego-full-width-image {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.synthego-full-width-image__container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  padding: var(--spacing-4xl, 80px) 64px;
}
@media (max-width: 1439px) {
  .synthego-full-width-image__container {
    padding: var(--spacing-4xl, 80px) var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-full-width-image__container {
    padding: var(--spacing-4xl, 80px) var(--spacing-lg, 20px);
  }
}
.synthego-full-width-image__image-wrapper {
  width: 100%;
  height: 304px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .synthego-full-width-image__image-wrapper {
    height: 250px;
  }
}
@media (max-width: 767px) {
  .synthego-full-width-image__image-wrapper {
    height: 200px;
  }
}
.synthego-full-width-image__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
.synthego-full-width-image__placeholder {
  width: 100%;
  height: 304px;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.synthego-full-width-image__placeholder span {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--Brand-Colors-Neutrals-Gray-300, #aaaaaa);
  text-align: center;
}
@media (max-width: 991px) {
  .synthego-full-width-image__placeholder {
    height: 250px;
  }
}
@media (max-width: 767px) {
  .synthego-full-width-image__placeholder {
    height: 200px;
  }
}
.synthego-full-width-image.transparent-background {
  background: transparent;
}
.synthego-full-width-image.no-vertical-padding .synthego-full-width-image__container {
  padding-top: 0;
  padding-bottom: 0;
}
.synthego-full-width-image.no-horizontal-padding .synthego-full-width-image__container {
  padding-left: 0;
  padding-right: 0;
}

.oxy-supreme-elements-full-width-image {
  width: 100%;
  max-width: 100%;
}

.synthego-image-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.synthego-image-slider button.synthego-image-slider__arrow {
  border-radius: 50%;
}
.synthego-image-slider__container {
  width: 100%;
  max-width: 1620px;
  margin: 0 auto;
  position: relative;
}
.synthego-image-slider__wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.synthego-image-slider__track {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.synthego-image-slider__track--desktop {
  display: flex;
}
@media (max-width: 991px) {
  .synthego-image-slider__track--desktop {
    display: none;
  }
}
.synthego-image-slider__track--mobile {
  display: none;
}
@media (max-width: 991px) {
  .synthego-image-slider__track--mobile {
    display: flex;
  }
}
.synthego-image-slider__slide {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  gap: var(--image-gap, 30px);
}
@media (max-width: 991px) {
  .synthego-image-slider__slide {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .synthego-image-slider__slide {
    gap: 15px;
  }
}
.synthego-image-slider__image-wrapper {
  flex: 1;
  height: 727px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1199px) {
  .synthego-image-slider__image-wrapper {
    height: 500px;
  }
}
@media (max-width: 991px) {
  .synthego-image-slider__image-wrapper {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .synthego-image-slider__image-wrapper {
    height: 300px;
  }
}
.synthego-image-slider__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.synthego-image-slider__placeholder {
  width: 100%;
  height: 100%;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.synthego-image-slider__placeholder span {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xs);
  color: var(--Brand-Colors-Neutrals-Gray-300);
  text-align: center;
  padding: var(--spacing-lg);
}
.synthego-image-slider__controls {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-top-left-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-lg, 20px);
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
  z-index: 10;
}
@media (max-width: 767px) {
  .synthego-image-slider__controls {
    padding: var(--spacing-md, 16px);
    gap: var(--spacing-md, 16px);
  }
}
.synthego-image-slider__counter {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  color: var(--text, #262626);
  white-space: nowrap;
}
.synthego-image-slider__arrows {
  display: flex;
  gap: var(--spacing-xs, 8px);
}
.synthego-image-slider__arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--Brand-Colors-Primary-Black, #000000);
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}
@media (max-width: 767px) {
  .synthego-image-slider__arrow {
    width: 40px;
    height: 40px;
  }
  .synthego-image-slider__arrow svg {
    width: 20px;
    height: 20px;
  }
}
.synthego-image-slider__arrow:hover:not(:disabled) {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
.synthego-image-slider__arrow:hover:not(:disabled) svg {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-image-slider__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.synthego-image-slider__arrow svg {
  width: 24px;
  height: 24px;
  color: var(--Brand-Colors-Primary-Black, #000000);
  transition: color 0.3s ease;
}

.oxy-supreme-elements-image-slider {
  width: 100%;
  max-width: 100%;
}

.synthego-benefits-section {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-section__header {
  margin-bottom: var(--spacing-3xl, 40px);
  max-width: 1099px;
}
@media (max-width: 991px) {
  .synthego-benefits-section__header {
    margin-bottom: var(--spacing-xxl, 32px);
  }
}
.synthego-benefits-section__title {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.synthego-benefits-section__subtitle {
  color: var(--text, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .synthego-benefits-section__subtitle.headline-xl.headline-xl, .oxy-rich-text h3.synthego-benefits-section__subtitle,
  .ct-text-block h3.synthego-benefits-section__subtitle,
  .oxy-text h3.synthego-benefits-section__subtitle, h3.synthego-benefits-section__subtitle.oxy-heading,
  h3.synthego-benefits-section__subtitle.ct-headline, .synthego-benefits-section__subtitle.oxy-heading[data-tag=h3],
  .synthego-benefits-section__subtitle.ct-headline[data-tag=h3], .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__subtitle.stats-intro, .supreme-element.popular-products .synthego-benefits-section__subtitle.product-title, .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-label, .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-list, .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-suffix {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.synthego-benefits-section__intro {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-section__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-benefits-section__grid {
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-section__grid {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-benefits-section__grid {
    gap: 34px;
  }
}
.synthego-benefits-section__card {
  flex: 0 0 calc(33.333% - 27px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  padding-right: var(--spacing-xxl, 32px);
}
@media (max-width: 1199px) {
  .synthego-benefits-section__card {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-section__card {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.synthego-benefits-section__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl, 24px);
}
.synthego-benefits-section__icon {
  width: 75px;
  height: 75px;
  border-radius: 150px;
  background: linear-gradient(220.426deg, rgb(32, 211, 64) 13.386%, rgb(0, 209, 237) 85.477%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.synthego-benefits-section__icon svg {
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-section__icon--balance svg {
  width: 37px;
  height: 39px;
}
.synthego-benefits-section__icon--parental svg {
  width: 31px;
  height: 31px;
}
.synthego-benefits-section__icon--medical svg {
  width: 38px;
  height: 32px;
}
.synthego-benefits-section__icon--401k svg {
  width: 49px;
  height: 44px;
}
.synthego-benefits-section__icon--food svg {
  width: 45px;
  height: 30px;
}
.synthego-benefits-section__icon--engagement svg {
  width: 30px;
  height: 25px;
}
@media (max-width: 767px) {
  .synthego-benefits-section__icon {
    width: 60px;
    height: 60px;
  }
  .synthego-benefits-section__icon svg {
    max-width: 36px;
    max-height: 36px;
  }
}
.synthego-benefits-section__card-title {
  flex: 1;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.synthego-benefits-section__card .synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-section__card-description.synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .synthego-benefits-section__card-title.headline-xl.headline-xl, .oxy-rich-text h3.synthego-benefits-section__card-title,
  .ct-text-block h3.synthego-benefits-section__card-title,
  .oxy-text h3.synthego-benefits-section__card-title, h3.synthego-benefits-section__card-title.oxy-heading,
  h3.synthego-benefits-section__card-title.ct-headline, .synthego-benefits-section__card-title.oxy-heading[data-tag=h3],
  .synthego-benefits-section__card-title.ct-headline[data-tag=h3], .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__card-title.stats-intro, .supreme-element.popular-products .synthego-benefits-section__card-title.product-title, .synthego-benefits-section__card-title.synthego-articles-section__active-categories-label, .synthego-benefits-section__card-title.synthego-articles-section__active-categories-list, .synthego-benefits-section__card-title.synthego-articles-section__active-categories-suffix {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}

.synthego-benefits-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
.synthego-benefits-wrapper .synthego-benefits-section__header {
  margin-bottom: var(--spacing-3xl, 40px);
  max-width: 1099px;
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper .synthego-benefits-section__header {
    margin-bottom: var(--spacing-xxl, 32px);
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__title {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__subtitle {
  color: var(--text, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__subtitle.headline-xl.headline-xl, .synthego-benefits-wrapper .oxy-rich-text h3.synthego-benefits-section__subtitle, .oxy-rich-text .synthego-benefits-wrapper h3.synthego-benefits-section__subtitle,
  .synthego-benefits-wrapper .ct-text-block h3.synthego-benefits-section__subtitle,
  .ct-text-block .synthego-benefits-wrapper h3.synthego-benefits-section__subtitle,
  .synthego-benefits-wrapper .oxy-text h3.synthego-benefits-section__subtitle,
  .oxy-text .synthego-benefits-wrapper h3.synthego-benefits-section__subtitle, .synthego-benefits-wrapper h3.synthego-benefits-section__subtitle.oxy-heading,
  .synthego-benefits-wrapper h3.synthego-benefits-section__subtitle.ct-headline, .synthego-benefits-wrapper .synthego-benefits-section__subtitle.oxy-heading[data-tag=h3],
  .synthego-benefits-wrapper .synthego-benefits-section__subtitle.ct-headline[data-tag=h3], .synthego-benefits-wrapper .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__subtitle.stats-intro, .supreme-element.synthego-hero .hero-stats .synthego-benefits-wrapper .synthego-benefits-section__subtitle.stats-intro, .synthego-benefits-wrapper .supreme-element.popular-products .synthego-benefits-section__subtitle.product-title, .supreme-element.popular-products .synthego-benefits-wrapper .synthego-benefits-section__subtitle.product-title, .synthego-benefits-wrapper .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-label, .synthego-benefits-wrapper .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-list, .synthego-benefits-wrapper .synthego-benefits-section__subtitle.synthego-articles-section__active-categories-suffix {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__intro {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper .synthego-benefits-section__grid {
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper .synthego-benefits-section__grid {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__grid {
    gap: 34px;
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__card {
  flex: 0 0 calc(33.333% - 27px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  padding-right: var(--spacing-xxl, 32px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper .synthego-benefits-section__card {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper .synthego-benefits-section__card {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl, 24px);
}
.synthego-benefits-wrapper .synthego-benefits-section__icon {
  width: 75px;
  height: 75px;
  border-radius: 150px;
  background: linear-gradient(220.426deg, rgb(32, 211, 64) 13.386%, rgb(0, 209, 237) 85.477%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon svg {
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--balance svg {
  width: 37px;
  height: 39px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--parental svg {
  width: 31px;
  height: 31px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--medical svg {
  width: 38px;
  height: 32px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--401k svg {
  width: 49px;
  height: 44px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--food svg {
  width: 45px;
  height: 30px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--engagement svg {
  width: 30px;
  height: 25px;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__icon {
    width: 60px;
    height: 60px;
  }
  .synthego-benefits-wrapper .synthego-benefits-section__icon svg {
    max-width: 36px;
    max-height: 36px;
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__card-title {
  flex: 1;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__card .synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__card-description.synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__card-title.headline-xl.headline-xl, .synthego-benefits-wrapper .oxy-rich-text h3.synthego-benefits-section__card-title, .oxy-rich-text .synthego-benefits-wrapper h3.synthego-benefits-section__card-title,
  .synthego-benefits-wrapper .ct-text-block h3.synthego-benefits-section__card-title,
  .ct-text-block .synthego-benefits-wrapper h3.synthego-benefits-section__card-title,
  .synthego-benefits-wrapper .oxy-text h3.synthego-benefits-section__card-title,
  .oxy-text .synthego-benefits-wrapper h3.synthego-benefits-section__card-title, .synthego-benefits-wrapper h3.synthego-benefits-section__card-title.oxy-heading,
  .synthego-benefits-wrapper h3.synthego-benefits-section__card-title.ct-headline, .synthego-benefits-wrapper .synthego-benefits-section__card-title.oxy-heading[data-tag=h3],
  .synthego-benefits-wrapper .synthego-benefits-section__card-title.ct-headline[data-tag=h3], .synthego-benefits-wrapper .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__card-title.stats-intro, .supreme-element.synthego-hero .hero-stats .synthego-benefits-wrapper .synthego-benefits-section__card-title.stats-intro, .synthego-benefits-wrapper .supreme-element.popular-products .synthego-benefits-section__card-title.product-title, .supreme-element.popular-products .synthego-benefits-wrapper .synthego-benefits-section__card-title.product-title, .synthego-benefits-wrapper .synthego-benefits-section__card-title.synthego-articles-section__active-categories-label, .synthego-benefits-wrapper .synthego-benefits-section__card-title.synthego-articles-section__active-categories-list, .synthego-benefits-wrapper .synthego-benefits-section__card-title.synthego-articles-section__active-categories-suffix {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.synthego-benefits-wrapper__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper__grid {
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper__grid {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper__grid {
    gap: 34px;
  }
}
.synthego-benefits-wrapper__card {
  flex: 0 0 calc(33.333% - 27px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  padding-right: var(--spacing-xxl, 32px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper__card {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper__card {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.synthego-benefits-wrapper__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl, 24px);
}
.synthego-benefits-wrapper__icon {
  width: 75px;
  height: 75px;
  border-radius: 150px;
  background: linear-gradient(220.426deg, rgb(32, 211, 64) 13.386%, rgb(0, 209, 237) 85.477%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.synthego-benefits-wrapper__icon svg {
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-wrapper__icon--balance svg {
  width: 37px;
  height: 39px;
}
.synthego-benefits-wrapper__icon--parental svg {
  width: 31px;
  height: 31px;
}
.synthego-benefits-wrapper__icon--medical svg {
  width: 38px;
  height: 32px;
}
.synthego-benefits-wrapper__icon--401k svg {
  width: 49px;
  height: 44px;
}
.synthego-benefits-wrapper__icon--food svg {
  width: 45px;
  height: 30px;
}
.synthego-benefits-wrapper__icon--engagement svg {
  width: 30px;
  height: 25px;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper__icon {
    width: 60px;
    height: 60px;
  }
  .synthego-benefits-wrapper__icon svg {
    max-width: 36px;
    max-height: 36px;
  }
}
.synthego-benefits-wrapper__card-title {
  flex: 1;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.synthego-benefits-wrapper__card .synthego-benefits-wrapper__card-description {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-wrapper__card-description.synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}

.oxy-supreme-elements-benefits-section {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 1440px) {
  .synthego-benefits-section {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px;
  }
}
.supreme-element.article-content-section {
  width: 100%;
  background: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.article-content-section .article-wrapper {
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .article-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}
.supreme-element.article-content-section .article-inner {
  max-width: 660px;
  margin: 0 auto;
}
.supreme-element.article-content-section .article-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-xxl, 32px);
}
.supreme-element.article-content-section .article-header-cta {
  margin-top: var(--spacing-md, 16px);
}
.supreme-element.article-content-section .article-header-cta .btn {
  display: inline-flex;
  align-items: center;
}
.supreme-element.article-content-section .article-back-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm, 12px);
  padding: 5px 0;
  margin-bottom: 5px;
  background: transparent;
  border: none;
  border-bottom: 2px solid #20d340;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  font-family: var(--Font-Family-Primary, "Runda", sans-serif);
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.556em;
  transition: all 0.3s ease;
  position: relative;
  width: fit-content;
}
.supreme-element.article-content-section .article-back-link:hover {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.article-content-section .article-back-link:hover .link-icon {
  transform: translateX(-2px);
}
.supreme-element.article-content-section .article-back-link .link-icon {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.supreme-element.article-content-section .article-back-link .link-icon path {
  stroke: currentColor;
}
.supreme-element.article-content-section .article-back-link .link-text {
  font-weight: var(--Font-Weight-Bold);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .article-back-link .link-text {
    font-size: 16px;
  }
}
.supreme-element.article-content-section .article-title {
  font-family: var(--Font-Family-Primary, "Runda", sans-serif);
  font-size: var(--Font-Size-f-size-xxl, 40px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.35em;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  max-width: 670px;
}
.supreme-element.article-content-section .article-subtitle {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px); /* 150% */
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .article-subtitle {
    font-size: var(--Font-Size-f-size-md, 18px);
    line-height: var(--Line-Height-Line-height-f-size-md, 27px);
  }
}
.supreme-element.article-content-section .article-body {
  display: flex;
  flex-direction: column;
}
.supreme-element.article-content-section .rich-text .content-block {
  border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  padding-bottom: var(--spacing-xxl, 32px);
}
.supreme-element.article-content-section .rich-text p {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.article-content-section .rich-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.article-content-section .rich-text h1,
.supreme-element.article-content-section .rich-text h2,
.supreme-element.article-content-section .rich-text h3,
.supreme-element.article-content-section .rich-text h4,
.supreme-element.article-content-section .rich-text h5,
.supreme-element.article-content-section .rich-text h6 {
  font-family: var(--Font-Family-Primary, "Runda", sans-serif);
  color: var(--Heading-Color-1, #262626);
  margin: var(--spacing-xl, 24px) 0 var(--spacing-md, 16px) 0;
  font-weight: var(--Font-Weight-Bold, 700);
}
.supreme-element.article-content-section .rich-text h1:first-child,
.supreme-element.article-content-section .rich-text h2:first-child,
.supreme-element.article-content-section .rich-text h3:first-child,
.supreme-element.article-content-section .rich-text h4:first-child,
.supreme-element.article-content-section .rich-text h5:first-child,
.supreme-element.article-content-section .rich-text h6:first-child {
  margin-top: 0;
}
.supreme-element.article-content-section .rich-text h2 {
  font-size: var(--Font-Size-f-size-xl, 32px);
  line-height: 1.3em;
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .rich-text h2 {
    font-size: var(--Font-Size-f-size-lg, 24px);
  }
}
.supreme-element.article-content-section .rich-text h3 {
  font-size: var(--Font-Size-f-size-lg, 24px);
  line-height: 1.4em;
  font-weight: var(--Font-Weight-Medium, 500);
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .rich-text h3 {
    font-size: var(--Font-Size-f-size-md, 20px);
  }
}
.supreme-element.article-content-section .rich-text h4 {
  font-size: var(--Font-Size-f-size-md, 20px);
  line-height: 1.5em;
  font-weight: var(--Font-Weight-Medium, 500);
}
.supreme-element.article-content-section .rich-text ul,
.supreme-element.article-content-section .rich-text ol {
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-xl, 24px);
}
.supreme-element.article-content-section .rich-text ul li,
.supreme-element.article-content-section .rich-text ol li {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  margin-bottom: var(--spacing-xs, 8px);
}
.supreme-element.article-content-section .rich-text blockquote {
  border-left: 4px solid var(--Brand-Colors-Primary-Black, #000000);
  margin: var(--spacing-xl, 24px) 0;
  padding: var(--spacing-md, 16px) 0 var(--spacing-md, 16px) var(--spacing-lg, 20px);
  font-style: italic;
}
.supreme-element.article-content-section .rich-text blockquote p {
  font-size: var(--Font-Size-f-size-lg, 20px);
  color: var(--Heading-Color-1, #262626);
  margin-bottom: 0;
}
.supreme-element.article-content-section .rich-text img {
  max-width: 100%;
  height: auto;
  border-radius: var(--border-radius-border-radius-8, 8px);
  margin: var(--spacing-lg, 20px) 0;
}
.supreme-element.article-content-section .rich-text a {
  color: var(--Heading-Color-1);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.supreme-element.article-content-section .rich-text a:hover {
  opacity: 0.8;
}
.supreme-element.article-content-section .rich-text code {
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
  padding: var(--spacing-xxxs, 2px) var(--spacing-xs, 4px);
  border-radius: var(--border-radius-border-radius-4, 4px);
  font-family: "Monaco", "Consolas", monospace;
  font-size: 0.9em;
}
.supreme-element.article-content-section .rich-text pre {
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
  padding: var(--spacing-md, 16px);
  border-radius: var(--border-radius-border-radius-8, 8px);
  overflow-x: auto;
  margin: var(--spacing-lg, 20px) 0;
}
.supreme-element.article-content-section .rich-text pre code {
  background: none;
  padding: 0;
}
.supreme-element.article-content-section .rich-text table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--spacing-lg, 20px) 0;
}
.supreme-element.article-content-section .rich-text table th,
.supreme-element.article-content-section .rich-text table td {
  padding: var(--spacing-sm, 12px);
  text-align: left;
  border-bottom: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 16px);
}
.supreme-element.article-content-section .rich-text table th {
  font-weight: var(--Font-Weight-Bold, 700);
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
}
.supreme-element.article-content-section .rich-text hr {
  border: none;
  border-top: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  margin: var(--spacing-xxl, 32px) 0;
}
.supreme-element.article-content-section .article-lower-content .content-block {
  border-bottom: none;
  padding-bottom: 0;
  padding-top: var(--spacing-xxl, 32px);
}

.supreme-element.article-form {
  width: 100%;
}
.supreme-element.article-form .article-form-wrapper {
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-xxl, 30px);
  }
}
.supreme-element.article-form .article-form-wrapper.no-top-padding {
  padding-top: 0;
}
.supreme-element.article-form .article-form-wrapper.no-bottom-padding {
  padding-bottom: 0;
}
.supreme-element.article-form .article-form-inner {
  border-radius: var(--border-radius-border-radius-mid, 8px);
  background: var(--Brand-Colors-Neutrals-Gray-100, #eaeaea);
  padding: var(--spacing-xxl, 32px);
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-inner {
    padding: var(--spacing-3xl, 34px);
  }
}
.supreme-element.article-form .article-form-inner.no-form {
  background: transparent;
  padding: 0;
}
.supreme-element.article-form .article-form-image {
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.supreme-element.article-form .article-form-image img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-border-radius-mid, 8px);
  object-fit: cover;
}
.supreme-element.article-form .article-form-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.article-form .article-form-title {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxl, 40px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxl, 1.35em);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-title {
    font-size: var(--Font-Size-f-size-xl, 32px);
  }
}
.supreme-element.article-form .article-form-description {
  font-family: var(--Font-Family-Primary, sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 0.875rem);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5);
  color: var(--text, #262626);
}
.supreme-element.article-form .article-form-description p {
  margin: 0 0 var(--spacing-sm, 12px) 0;
}
.supreme-element.article-form .article-form-description p:last-child {
  margin-bottom: 0;
}
.supreme-element.article-form .article-form-hubspot .grecaptcha-badge {
  visibility: hidden !important;
  height: 0 !important;
}
.supreme-element.article-form .article-form-hubspot ul,
.supreme-element.article-form .article-form-hubspot ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.supreme-element.article-form .article-form-hubspot li {
  list-style-type: none;
}
.supreme-element.article-form .article-form-hubspot .hs-form,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
.supreme-element.article-form .article-form-hubspot .hs-form fieldset,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] fieldset {
  max-width: none;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field fieldset,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-fieldset,
.supreme-element.article-form .article-form-hubspot .hs-form fieldset.form-columns-1,
.supreme-element.article-form .article-form-hubspot .hs-form fieldset.form-columns-2,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field fieldset,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-fieldset,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] fieldset.form-columns-1,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] fieldset.form-columns-2 {
  max-width: none;
  width: 100%;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field {
  margin-bottom: 0;
  width: 100%;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field label,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field label {
  display: flex;
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-xs, 8px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field span,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field span {
  margin-left: 8px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=text],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=email],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=tel],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=text],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=email],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field textarea,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select {
  width: 100%;
  padding: 8px;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  color: var(--Heading-Color-1, #262626);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  transition: border-color 0.3s ease;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  box-sizing: border-box;
  height: 44px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=text]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=email]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=tel]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=text]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=email]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field textarea:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select:focus {
  outline: none;
  border-color: var(--Brand-Colors-Primary-Green, #20d340);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=text]::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=email]::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=tel]::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select::placeholder,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=text]::placeholder,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=email]::placeholder,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel]::placeholder,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field textarea::placeholder,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select::placeholder {
  color: var(--Brand-Colors-Neutrals-Gray-400, #5f5d5d);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%235F5D5D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px 7px;
  cursor: pointer;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select option:first-child,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select option:first-child {
  color: var(--Brand-Colors-Neutrals-Gray-400, #5f5d5d);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select option,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field select option {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field textarea {
  min-height: 118px;
  height: auto;
  resize: vertical;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field .hs-error-msgs,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field .hs-error-msgs {
  margin-top: var(--spacing-xs, 8px);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field .hs-error-msgs label,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field .hs-error-msgs label {
  color: #dc3545;
  margin-bottom: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox ul, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox ul,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox ul,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox ul {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: center;
  gap: 8px !important;
  cursor: pointer;
  margin-bottom: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label span,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display span, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label span,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label span,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display span,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label span,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  color: var(--Heading-Color-1, #262626);
  margin-left: 0 !important;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox], .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border: 1px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  border-radius: 4px;
  margin: 0;
  margin-right: 8px !important;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10.56px;
  height: 8.09px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L3.5 7L9.5 1' stroke='%231F509A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover {
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  outline-offset: 2px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox], .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border: 1px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  border-radius: 4px;
  margin: 0;
  margin-right: 8px !important;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked::after, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked::after,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10.56px;
  height: 8.09px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L3.5 7L9.5 1' stroke='%231F509A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:hover, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:hover {
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:focus, .supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:focus,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  outline-offset: 2px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field-group,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field-group {
  display: flex;
  gap: 12px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field-group .hs-form-field,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-form-field-group .hs-form-field {
  flex: 1;
}
.supreme-element.article-form .article-form-hubspot .hs-form .form-columns-1 .hs-form-field,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .form-columns-1 .hs-form-field {
  width: 100%;
}
.supreme-element.article-form .article-form-hubspot .hs-form .form-columns-2,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .form-columns-2 {
  display: flex;
  gap: 12px;
}
.supreme-element.article-form .article-form-hubspot .hs-form .form-columns-2 .hs-form-field,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .form-columns-2 .hs-form-field {
  flex: 1;
  width: calc(50% - 6px);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-submit {
  margin-top: var(--spacing-lg, 20px);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit input[type=submit],
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-submit input[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  background-color: #000000;
  border: 3px solid #000000;
  border-radius: 10px;
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.5em;
  color: var(--Brand-Colors-Primary-White, #ffffff);
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit input[type=submit]:hover,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-submit input[type=submit]:hover {
  background-color: transparent;
  color: #000000;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit input[type=submit]:active,
.supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-submit input[type=submit]:active {
  transform: translateY(1px);
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit input[type=submit],
  .supreme-element.article-form .article-form-hubspot form[class^=hs-form] .hs-submit input[type=submit] {
    width: 100%;
  }
}
.supreme-element.article-form .article-form-placeholder {
  padding: var(--spacing-xl, 24px);
  text-align: center;
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
  border-radius: var(--border-radius-border-radius-8, 8px);
}
.supreme-element.article-form .article-form-placeholder p {
  font-family: var(--Font-Family-Primary, sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 0.875rem);
  color: var(--Brand-Colors-Neutrals-Gray-500, #666666);
  margin: 0;
}
.supreme-element.article-form .recaptcha-disclaimer {
  color: var(--text, #262626);
  text-align: center;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  margin-top: var(--spacing-md, 16px);
}
.supreme-element.article-form .recaptcha-disclaimer a {
  color: var(--text, #262626);
  text-decoration: underline;
}
.supreme-element.article-form .recaptcha-disclaimer a:hover {
  color: var(--Brand-Colors-Primary-Blue, #00a6ce);
}

.single-testimonial-wrapper {
  max-width: 800px;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 1120px) {
  .single-testimonial-wrapper {
    padding: var(--spacing-xxl, 112px) 0 var(--spacing-4xl, 80px) 0;
  }
}
.single-testimonial-wrapper .testimonial-card {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  opacity: 1;
  animation: none;
}
@media (max-width: 767px) {
  .single-testimonial-wrapper .testimonial-card {
    padding: var(--spacing-xl, 24px);
  }
}
.single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
  width: 100%;
}
@media (min-width: 1201px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}

.single-testimonial-white {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-4xl, 80px) 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .single-testimonial-white {
    padding: var(--spacing-4xl, 64px) 0;
  }
}
@media (max-width: 767px) {
  .single-testimonial-white {
    padding: var(--spacing-4xl, 60px) 0;
  }
}
.single-testimonial-white.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .single-testimonial-white.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .single-testimonial-white.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 991px) {
  .single-testimonial-wrapper .testimonial-card {
    padding: var(--spacing-xxl, 32px);
    width: 100%;
  }
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .single-testimonial-wrapper .testimonial-card {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-xl, 24px);
    width: 100%;
  }
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
.pull-quote-wrapper {
  max-width: 800px;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 1120px) {
  .pull-quote-wrapper {
    padding: var(--spacing-xxl, 112px) 0 var(--spacing-4xl, 80px) 0;
  }
}
.pull-quote-wrapper .pull-quote-card {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  opacity: 1;
  animation: none;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-large, 24px);
  padding: var(--spacing-4xl, 48px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl, 32px);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
}
@media (max-width: 767px) {
  .pull-quote-wrapper .pull-quote-card {
    padding: var(--spacing-xl, 24px);
  }
}
.pull-quote-wrapper .pull-quote-card .quote-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pull-quote-wrapper .pull-quote-card .quote-icon svg {
  width: 60px;
  height: 44px;
}
.pull-quote-wrapper .pull-quote-card .quote-content {
  font-family: var(--Font-Family-Heading, "Runda", sans-serif);
  font-size: var(--Font-Size-xl, 24px);
  line-height: var(--Line-Height-xl, 1.4);
  font-weight: 400;
  color: var(--Brand-Colors-Primary-Black, #1a1a1a);
}
.pull-quote-wrapper .pull-quote-card .quote-content p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
@media (max-width: 767px) {
  .pull-quote-wrapper .pull-quote-card .quote-content {
    font-size: var(--Font-Size-lg, 20px);
    line-height: var(--Line-Height-lg, 1.5);
  }
}
.pull-quote-wrapper .pull-quote-card .quote-author {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 16px);
  margin-top: var(--spacing-xl, 24px);
}
.pull-quote-wrapper .pull-quote-card .quote-author .author-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 4px);
}
.pull-quote-wrapper .pull-quote-card .quote-author .author-info .author-name {
  font-family: var(--Font-Family-Body, "Open Sans", sans-serif);
  font-size: var(--Font-Size-md, 16px);
  line-height: var(--Line-Height-md, 1.5);
  font-weight: 600;
  color: var(--Brand-Colors-Primary-Black, #1a1a1a);
}
.pull-quote-wrapper .pull-quote-card .quote-author .author-info .author-title {
  font-family: var(--Font-Family-Body, "Open Sans", sans-serif);
  font-size: var(--Font-Size-sm, 14px);
  line-height: var(--Line-Height-sm, 1.5);
  font-weight: 400;
  color: var(--Brand-Colors-Grays-Gray-600, #666666);
}

.pull-quote-section {
  background: linear-gradient(180deg, #F2FCFF 0%, #F9FEFF 100%);
  padding: var(--spacing-4xl, 80px) 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .pull-quote-section {
    padding: var(--spacing-4xl, 64px) 0;
  }
}
@media (max-width: 767px) {
  .pull-quote-section {
    padding: var(--spacing-4xl, 60px) 0;
  }
}
.pull-quote-section.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .pull-quote-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .pull-quote-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.pull-quote-white {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-4xl, 80px) 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .pull-quote-white {
    padding: var(--spacing-4xl, 64px) 0;
  }
}
@media (max-width: 767px) {
  .pull-quote-white {
    padding: var(--spacing-4xl, 60px) 0;
  }
}
.pull-quote-white.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .pull-quote-white.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .pull-quote-white.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 991px) {
  .pull-quote-wrapper .pull-quote-card {
    padding: var(--spacing-xxl, 32px);
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pull-quote-wrapper .pull-quote-card {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-xl, 24px);
    width: 100%;
  }
}
.hero-grid-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .hero-grid-wrapper {
    padding-top: var(--spacing-4xl, 64px);
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .hero-grid-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}

.hero-grid-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-xl, 24px);
  position: relative;
}
@media (max-width: 1199px) {
  .hero-grid-container {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}

.hero-grid-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  flex: 1;
  max-width: 843px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .hero-grid-content {
    max-width: none;
  }
}

.hero-grid-header {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-xl, 24px);
  flex: 1;
}
@media (max-width: 1199px) {
  .hero-grid-header {
    align-self: auto;
    flex: none;
  }
}

.hero-grid-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.hero-grid-description {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.hero-grid-main {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  width: 832px;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .hero-grid-main {
    width: 100%;
    flex-shrink: initial;
  }
}

.hero-grid-cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxl, 32px);
}
@media (max-width: 991px) {
  .hero-grid-cards {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .hero-grid-cards {
    flex-direction: column;
    gap: var(--spacing-lg, 20px);
  }
}

.contact-card {
  width: calc(50% - 16px);
  border: 1px solid var(--Brand-Colors-Light-Gray, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
@media (max-width: 767px) {
  .contact-card {
    width: 100%;
  }
}
.contact-card:hover .contact-card-button {
  text-decoration: none;
  transform: translateY(-1px);
}
.contact-card:hover .contact-card-button::after {
  height: 3px;
}
.contact-card:hover .contact-card-button .contact-card-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}

.contact-card-content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-2xs, 8px);
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .contact-card-content {
    padding: var(--spacing-xl, 24px) var(--spacing-lg, 20px);
  }
}

.contact-card-text {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-xs, 12px);
}

.contact-card-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.contact-card-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.contact-card-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.contact-card-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.contact-card-button .contact-card-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-card-button .contact-card-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.hero-grid-quote {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-20, 20px);
  padding: var(--spacing-xxl, 32px);
}
@media (max-width: 767px) {
  .hero-grid-quote {
    padding: var(--spacing-xl, 24px);
  }
}
.hero-grid-quote:hover .quote-button {
  text-decoration: none;
  transform: translateY(-1px);
}
.hero-grid-quote:hover .quote-button::after {
  height: 3px;
}
.hero-grid-quote:hover .quote-button .quote-button-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}

.quote-content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-lg, 20px);
}

.quote-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}

.quote-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.quote-text {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.quote-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.quote-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.quote-button .quote-button-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-button .quote-button-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.hero-grid-graphic {
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .hero-grid-graphic {
    display: none;
  }
}
.hero-grid-graphic svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 991px) {
  .hero-grid-main {
    gap: var(--spacing-xxl, 32px);
  }
  .hero-grid-header {
    gap: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .hero-grid-content {
    gap: var(--spacing-xxl, 32px);
  }
  .hero-grid-main {
    gap: var(--spacing-xl, 24px);
  }
  .hero-grid-header {
    gap: var(--spacing-md, 16px);
  }
}
.simple-grid-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .simple-grid-wrapper {
    padding-top: var(--spacing-4xl, 64px);
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .simple-grid-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}

.simple-grid-container {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}

.simple-grid-main-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.simple-grid-sidebar {
  background-color: #f4f9fa;
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px) 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  row-gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .simple-grid-sidebar {
    flex-direction: column;
    padding: var(--spacing-xl, 24px);
    column-gap: var(--spacing-lg, 20px);
    row-gap: 0px;
  }
}

.contact-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 16px);
  padding: 0 var(--spacing-3xl, 40px);
  padding-right: 20px;
  flex: 1;
  min-width: 40%;
  max-width: 50%;
  position: relative;
}
.contact-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e0e0e0;
}
.contact-item:nth-child(2)::after {
  display: none;
}
@media (max-width: 1439px) {
  .contact-item {
    padding: var(--spacing-lg, 20px) var(--spacing-xl, 24px);
  }
  .contact-item:nth-child(odd)::after {
    display: block;
  }
  .contact-item:nth-child(even)::after {
    display: none;
  }
  .contact-item:nth-child(-n+2) {
    padding-bottom: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .contact-item {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: var(--spacing-lg, 20px) 0;
    gap: var(--spacing-md, 16px);
  }
  .contact-item:not(:last-child)::after {
    display: none;
  }
  .contact-item:last-child {
    padding-bottom: 0;
  }
}

.contact-info {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-2xs, 8px);
}

.contact-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: var(--spacing-xs, 12px);
}

.contact-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.contact-icon svg {
  width: 100%;
  height: 100%;
  fill: var(--Brand-Colors-Primary-Black, #000000);
}

.contact-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.contact-description {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.contact-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  gap: 10px;
}

.contact-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.contact-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.contact-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.contact-button:hover::after {
  height: 3px;
}
.contact-button:hover .contact-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.contact-button .contact-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-button .contact-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}
.contact-button:has(span:only-child) .contact-arrow {
  display: none;
}

.other-contact-link .simple-grid-wrapper {
  padding-top: 0;
}

.hero-form-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: 112px;
  padding-bottom: 80px;
  width: 100%;
}
@media (max-width: 991px) {
  .hero-form-wrapper {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .hero-form-wrapper {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

.hero-form-main {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-6xl, 80px);
}
@media (max-width: 1199px) {
  .hero-form-main {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}

.hero-form-main-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  max-width: 855px;
}

.hero-form-main-right {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6xl, 80px);
  max-width: 453px;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .hero-form-main-right {
    max-width: none;
    width: 100%;
    margin: 0;
  }
}

.hero-form-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}

.hero-form-form-container {
  background-color: #eaeaea;
  border-radius: var(--border-radius-border-radius-sm, 8px);
  padding: var(--spacing-xxl, 32px);
  max-width: 652px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
@media (max-width: 767px) {
  .hero-form-form-container {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-xl, 24px);
  }
}

.hero-form-main-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.hero-form-description {
  margin: 0;
}

.hero-form-graphic {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .hero-form-graphic {
    display: none;
  }
}
.hero-form-graphic svg,
.hero-form-graphic img {
  width: 100%;
  height: auto;
  max-width: 376px;
}

.hero-form-title {
  color: var(--Heading-Color-1);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}

.hero-form-hubspot .grecaptcha-badge {
  visibility: hidden !important;
  height: 0 !important;
}
.hero-form-hubspot ul,
.hero-form-hubspot ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.hero-form-hubspot li {
  list-style-type: none;
}
.hero-form-hubspot .hs-form,
.hero-form-hubspot form[class^=hs-form] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
.hero-form-hubspot .hs-form fieldset,
.hero-form-hubspot form[class^=hs-form] fieldset {
  max-width: none;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
}
.hero-form-hubspot .hs-form .hs-form-field fieldset,
.hero-form-hubspot .hs-form .hs-fieldset,
.hero-form-hubspot .hs-form fieldset.form-columns-1,
.hero-form-hubspot .hs-form fieldset.form-columns-2,
.hero-form-hubspot form[class^=hs-form] .hs-form-field fieldset,
.hero-form-hubspot form[class^=hs-form] .hs-fieldset,
.hero-form-hubspot form[class^=hs-form] fieldset.form-columns-1,
.hero-form-hubspot form[class^=hs-form] fieldset.form-columns-2 {
  max-width: none;
  width: 100%;
}
.hero-form-hubspot .hs-form .hs-form-field,
.hero-form-hubspot form[class^=hs-form] .hs-form-field {
  margin-bottom: 0;
  width: 100%;
}
.hero-form-hubspot .hs-form .hs-form-field label,
.hero-form-hubspot form[class^=hs-form] .hs-form-field label {
  display: flex;
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-xs, 8px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
}
.hero-form-hubspot .hs-form .hs-form-field span,
.hero-form-hubspot form[class^=hs-form] .hs-form-field span {
  margin-left: 8px;
}
.hero-form-hubspot .hs-form .hs-form-field input[type=text],
.hero-form-hubspot .hs-form .hs-form-field input[type=email],
.hero-form-hubspot .hs-form .hs-form-field input[type=tel],
.hero-form-hubspot .hs-form .hs-form-field textarea,
.hero-form-hubspot .hs-form .hs-form-field select,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=text],
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=email],
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel],
.hero-form-hubspot form[class^=hs-form] .hs-form-field textarea,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select {
  width: 100%;
  padding: 8px;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  color: var(--Heading-Color-1, #262626);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  transition: border-color 0.3s ease;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  box-sizing: border-box;
  height: 44px;
}
.hero-form-hubspot .hs-form .hs-form-field input[type=text]:focus,
.hero-form-hubspot .hs-form .hs-form-field input[type=email]:focus,
.hero-form-hubspot .hs-form .hs-form-field input[type=tel]:focus,
.hero-form-hubspot .hs-form .hs-form-field textarea:focus,
.hero-form-hubspot .hs-form .hs-form-field select:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=text]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=email]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field textarea:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select:focus {
  outline: none;
  border-color: var(--Brand-Colors-Primary-Green, #20d340);
}
.hero-form-hubspot .hs-form .hs-form-field input[type=text]::placeholder,
.hero-form-hubspot .hs-form .hs-form-field input[type=email]::placeholder,
.hero-form-hubspot .hs-form .hs-form-field input[type=tel]::placeholder,
.hero-form-hubspot .hs-form .hs-form-field textarea::placeholder,
.hero-form-hubspot .hs-form .hs-form-field select::placeholder,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=text]::placeholder,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=email]::placeholder,
.hero-form-hubspot form[class^=hs-form] .hs-form-field input[type=tel]::placeholder,
.hero-form-hubspot form[class^=hs-form] .hs-form-field textarea::placeholder,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select::placeholder {
  color: var(--Brand-Colors-Neutrals-Gray-400, #5f5d5d);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
}
.hero-form-hubspot .hs-form .hs-form-field select,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%235F5D5D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px 7px;
  cursor: pointer;
}
.hero-form-hubspot .hs-form .hs-form-field select option:first-child,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select option:first-child {
  color: var(--Brand-Colors-Neutrals-Gray-400, #5f5d5d);
}
.hero-form-hubspot .hs-form .hs-form-field select option,
.hero-form-hubspot form[class^=hs-form] .hs-form-field select option {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
}
.hero-form-hubspot .hs-form .hs-form-field textarea,
.hero-form-hubspot form[class^=hs-form] .hs-form-field textarea {
  min-height: 118px;
  height: auto;
  resize: vertical;
}
.hero-form-hubspot .hs-form .hs-form-field .hs-error-msgs,
.hero-form-hubspot form[class^=hs-form] .hs-form-field .hs-error-msgs {
  margin-top: var(--spacing-xs, 8px);
}
.hero-form-hubspot .hs-form .hs-form-field .hs-error-msgs label,
.hero-form-hubspot form[class^=hs-form] .hs-form-field .hs-error-msgs label {
  color: #dc3545;
  margin-bottom: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox ul, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox ul,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox ul,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox ul {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: center;
  gap: 8px !important;
  cursor: pointer;
  margin-bottom: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  color: var(--Heading-Color-1, #262626);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label span,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display span, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label span,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label span,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display span,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label span,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-sm, 1.5555555556em);
  color: var(--Heading-Color-1, #262626);
  margin-left: 0 !important;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox], .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border: 1px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  border-radius: 4px;
  margin: 0;
  margin-right: 8px !important;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10.56px;
  height: 8.09px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L3.5 7L9.5 1' stroke='%231F509A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:hover {
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input.hs-input[type=checkbox]:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  outline-offset: 2px;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox], .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox],
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox],
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border: 1px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  border-radius: 4px;
  margin: 0;
  margin-right: 8px !important;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked::after, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked::after,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:checked::after,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10.56px;
  height: 8.09px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L3.5 7L9.5 1' stroke='%231F509A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:hover, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:hover,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:hover {
  border-color: var(--Brand-Colors-Primary-Blue, #1f509a);
}
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:focus, .hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:focus,
.hero-form-hubspot .hs-form .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-checkbox input.hs-input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input[type=checkbox]:focus,
.hero-form-hubspot form[class^=hs-form] .hs-form-field.hs-form-booleancheckbox input.hs-input[type=checkbox]:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Blue, #1f509a);
  outline-offset: 2px;
}
.hero-form-hubspot .hs-form .hs-form-field-group,
.hero-form-hubspot form[class^=hs-form] .hs-form-field-group {
  display: flex;
  gap: 12px;
}
.hero-form-hubspot .hs-form .hs-form-field-group .hs-form-field,
.hero-form-hubspot form[class^=hs-form] .hs-form-field-group .hs-form-field {
  flex: 1;
}
.hero-form-hubspot .hs-form .form-columns-1 .hs-form-field,
.hero-form-hubspot form[class^=hs-form] .form-columns-1 .hs-form-field {
  width: 100%;
}
.hero-form-hubspot .hs-form .form-columns-2,
.hero-form-hubspot form[class^=hs-form] .form-columns-2 {
  display: flex;
  gap: 12px;
}
.hero-form-hubspot .hs-form .form-columns-2 .hs-form-field,
.hero-form-hubspot form[class^=hs-form] .form-columns-2 .hs-form-field {
  flex: 1;
  width: calc(50% - 6px);
}
.hero-form-hubspot .hs-form .hs-submit,
.hero-form-hubspot form[class^=hs-form] .hs-submit {
  margin-top: var(--spacing-lg, 20px);
}
.hero-form-hubspot .hs-form .hs-submit input[type=submit],
.hero-form-hubspot form[class^=hs-form] .hs-submit input[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  background-color: #000000;
  border: 3px solid #000000;
  border-radius: 10px;
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.5em;
  color: var(--Brand-Colors-Primary-White, #ffffff);
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 588px;
}
.hero-form-hubspot .hs-form .hs-submit input[type=submit]:hover,
.hero-form-hubspot form[class^=hs-form] .hs-submit input[type=submit]:hover {
  background-color: transparent;
  color: #000000;
}
.hero-form-hubspot .hs-form .hs-submit input[type=submit]:active,
.hero-form-hubspot form[class^=hs-form] .hs-submit input[type=submit]:active {
  transform: translateY(1px);
}
@media (max-width: 767px) {
  .hero-form-hubspot .hs-form .hs-submit input[type=submit],
  .hero-form-hubspot form[class^=hs-form] .hs-submit input[type=submit] {
    min-width: 100%;
    width: 100%;
  }
}

.hero-form-placeholder {
  padding: var(--spacing-xl, 24px);
  background-color: #f5f5f5;
  border-radius: var(--border-radius-border-radius-sm, 8px);
  text-align: center;
}
.hero-form-placeholder p {
  margin: 0;
  color: #666666;
}

.hero-form-sidebar {
  background-color: #f4f9fa;
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .hero-form-sidebar {
    padding: var(--spacing-xl, 24px);
  }
}

.hero-form-sidebar-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .hero-form-sidebar-container {
    gap: var(--spacing-3xl, 34px);
  }
}

.hero-form-sidebar-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 var(--spacing-3xl, 40px);
  position: relative;
}
@media (max-width: 767px) {
  .hero-form-sidebar-item {
    padding: 0;
    gap: var(--spacing-md, 16px);
  }
}

.hero-form-sidebar-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hero-form-sidebar-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.hero-form-sidebar-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
  color: #000000;
}

.hero-form-sidebar-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.hero-form-sidebar-description {
  margin: 0;
  margin-top: -4px;
}

.hero-form-sidebar-button {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 3px 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.hero-form-sidebar-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.hero-form-sidebar-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.hero-form-sidebar-button:hover::after {
  height: 3px;
}
.hero-form-sidebar-button:hover .hero-form-sidebar-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.hero-form-sidebar-button .hero-form-sidebar-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-form-sidebar-button .hero-form-sidebar-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.hero-text-sidebar-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: 112px;
  padding-bottom: 80px;
  width: 100%;
}
@media (max-width: 991px) {
  .hero-text-sidebar-wrapper {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .hero-text-sidebar-wrapper {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

.hero-text-sidebar-main {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-6xl, 80px);
}
@media (max-width: 1199px) {
  .hero-text-sidebar-main {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}

.hero-text-sidebar-main-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  max-width: 855px;
}

.supreme-element .hero-text-sidebar-main-left p {
  margin-top: 0px;
}
.supreme-element .hero-text-sidebar-content h3:not([class*=headline-]) + h4 {
  margin-top: var(--spacing-3xl, 24px);
}
.supreme-element .hero-text-sidebar-content h4:not([class*=headline-]) {
  margin-top: 40px;
}
.supreme-element .hero-text-sidebar-content h4:not([class*=headline-]) + p {
  margin-top: var(--spacing-md, 16px);
}

.hero-text-sidebar-main-right {
  max-width: 453px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .hero-text-sidebar-main-right {
    max-width: none;
    width: 100%;
    margin: 0;
  }
}

.hero-text-sidebar-graphic {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-text-sidebar-graphic img {
  width: 100%;
  height: auto;
  max-width: 377px;
  display: block;
}
.hero-text-sidebar-graphic svg {
  width: 100%;
  height: auto;
  max-width: 377px;
}
@media (max-width: 767px) {
  .hero-text-sidebar-graphic svg {
    width: 230px;
  }
}

.hero-text-sidebar-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}

.hero-text-sidebar-main-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.hero-text-sidebar-description {
  margin: 0;
}

.hero-text-sidebar-contact-info .hero-text-sidebar-contact-heading {
  color: var(--Heading-Color-1);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.hero-text-sidebar-contact-info p {
  margin: 0 0 var(--spacing-md, 16px) 0;
  color: var(--Paragraph-Color-1);
}
.hero-text-sidebar-contact-info p strong {
  font-weight: 700;
  color: var(--Heading-Color-1);
}

.hero-text-sidebar-content p {
  margin-bottom: var(--spacing-md, 16px);
  color: var(--Paragraph-Color-1);
}
.hero-text-sidebar-content p:last-child {
  margin-bottom: 0;
}
.hero-text-sidebar-content h3 {
  color: var(--Heading-Color-1);
  margin-top: var(--spacing-3xl, 40px);
  margin-bottom: var(--spacing-xl, 24px);
}
.hero-text-sidebar-content h3 strong {
  font-weight: inherit;
}
.hero-text-sidebar-content h4 {
  color: var(--Heading-Color-1);
  margin-top: var(--spacing-2xl, 32px);
  margin-bottom: var(--spacing-md, 16px);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-weight: var(--Font-Weight-Semibold, 600);
  line-height: var(--Line-Height-Line-height-f-size-sm, 28px);
}
.hero-text-sidebar-content h4 strong {
  font-weight: inherit;
}
.hero-text-sidebar-content hr {
  margin: var(--spacing-3xl, 40px) 0;
  border: none;
  height: 1px;
  background-color: #e0e0e0;
}
.hero-text-sidebar-content a {
  color: var(--Brand-Colors-Primary-Green, #20d340);
  text-decoration: none;
  transition: all 0.3s ease;
}
.hero-text-sidebar-content a:hover {
  text-decoration: underline;
}
.hero-text-sidebar-content em {
  font-style: italic;
  color: var(--Heading-Color-1);
  font-weight: 500;
}
.hero-text-sidebar-content strong {
  font-weight: 700;
  color: var(--Heading-Color-1);
}

.hero-text-sidebar-sidebar {
  background-color: #f4f9fa;
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .hero-text-sidebar-sidebar {
    padding: var(--spacing-xl, 24px);
  }
}

.hero-text-sidebar-sidebar-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .hero-text-sidebar-sidebar-container {
    gap: var(--spacing-3xl, 34px);
  }
}

.hero-text-sidebar-sidebar-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 var(--spacing-3xl, 40px);
  position: relative;
}
@media (max-width: 767px) {
  .hero-text-sidebar-sidebar-item {
    padding: 0;
    gap: var(--spacing-md, 16px);
  }
}

.hero-text-sidebar-sidebar-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hero-text-sidebar-sidebar-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.hero-text-sidebar-sidebar-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
  color: #000000;
}

.hero-text-sidebar-sidebar-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.hero-text-sidebar-sidebar-description {
  margin: 0;
  margin-top: -4px;
}

.hero-text-sidebar-sidebar-button {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 3px 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.hero-text-sidebar-sidebar-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.hero-text-sidebar-sidebar-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.hero-text-sidebar-sidebar-button:hover::after {
  height: 3px;
}
.hero-text-sidebar-sidebar-button:hover .hero-text-sidebar-sidebar-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.hero-text-sidebar-sidebar-button .hero-text-sidebar-sidebar-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-text-sidebar-sidebar-button .hero-text-sidebar-sidebar-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.simple-column-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-3xl, 40px);
  padding-bottom: var(--spacing-3xl, 40px);
  width: 100%;
}
@media (max-width: 991px) {
  .simple-column-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}
@media (max-width: 767px) {
  .simple-column-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}

.simple-column-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 991px) {
  .simple-column-content {
    gap: var(--spacing-2xl, 32px);
  }
}

.simple-column-heading {
  color: var(--Heading-Color-1);
  margin: 0 !important;
  text-align: left !important;
}

.simple-column-cards {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}

.simple-column-card {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px);
  position: relative;
  width: 100%;
}
.simple-column-card:after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.5px 1px 1px 0.5px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.simple-column-card:hover:after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}

.simple-column-card-image {
  width: fit-content;
}
.simple-column-card-image img {
  width: 250px;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .simple-column-card-image img {
    width: 150px;
  }
}

.simple-column-card-text {
  color: var(--Heading-Color-1);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
}

.simple-flex-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
}
@media (max-width: 1024px) {
  .simple-flex-wrapper {
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .simple-flex-wrapper {
    padding-bottom: var(--spacing-4xl, 60px);
  }
}

.simple-flex-container {
  padding: 0;
}

.simple-flex-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0 0 var(--spacing-3xl, 40px) 0;
}
@media (max-width: 767px) {
  .simple-flex-title {
    margin-bottom: var(--spacing-xxl, 32px);
  }
}

.simple-flex-main {
  width: 100%;
}

.simple-flex-cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
.simple-flex-cards.simple-flex-cards-1 .contact-card {
  width: 100%;
  max-width: 600px;
}
.simple-flex-cards.simple-flex-cards-1 .contact-card:first-child {
  width: 100%;
}
.simple-flex-cards.simple-flex-cards-2 .contact-card, .simple-flex-cards.simple-flex-cards-3 .contact-card, .simple-flex-cards.simple-flex-cards-4 .contact-card {
  width: auto;
}
.simple-flex-cards.simple-flex-cards-2 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-3 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-4 .contact-card:first-child {
  width: 37%;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .simple-flex-cards.simple-flex-cards-2 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-3 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-4 .contact-card:first-child {
    width: 100%;
  }
}
.simple-flex-cards.simple-flex-cards-2 .contact-card:not(:first-child), .simple-flex-cards.simple-flex-cards-3 .contact-card:not(:first-child), .simple-flex-cards.simple-flex-cards-4 .contact-card:not(:first-child) {
  flex: 1;
}
@media (max-width: 991px) {
  .simple-flex-cards {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .simple-flex-cards {
    flex-direction: column;
    gap: var(--spacing-lg, 20px);
  }
}
.simple-flex-cards .contact-card {
  border: 1px solid var(--Brand-Colors-Light-Gray, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.simple-flex-cards .contact-card:first-child {
  width: 37%;
  flex-shrink: 0;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-full, 20px);
  border: none;
}
@media (max-width: 991px) {
  .simple-flex-cards .contact-card:first-child {
    width: 100%;
  }
}
.simple-flex-cards .contact-card:not(:first-child) {
  flex: 1;
}
.simple-flex-cards .contact-card:hover .contact-card-button {
  text-decoration: none;
  transform: translateY(-1px);
}
.simple-flex-cards .contact-card:hover .contact-card-button::after {
  height: 3px;
}
.simple-flex-cards .contact-card:hover .contact-card-button .contact-card-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.simple-flex-cards .contact-card-content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-2xs, 8px);
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .simple-flex-cards .contact-card-content {
    padding: var(--spacing-xl, 24px) var(--spacing-lg, 20px);
  }
}
.simple-flex-cards .contact-card-text {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-xs, 12px);
}
.simple-flex-cards .contact-card-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.simple-flex-cards .contact-card-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.simple-flex-cards .contact-card-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.simple-flex-cards .contact-card-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.simple-flex-cards .contact-card-button .contact-card-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.simple-flex-cards .contact-card-button .contact-card-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.worldwide-distributors-tech .simple-flex-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-template-rows: auto auto;
}
.worldwide-distributors-tech .simple-flex-cards.simple-flex-cards-4 .contact-card {
  width: 100%;
}

.supreme-element.post-content-container {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  --block-spacing: 60px;
}
.supreme-element.post-content-container .post-content-container__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.supreme-element.post-content-container .post-content-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
.supreme-element.post-content-container .post-content-wrapper--narrow {
  max-width: 900px;
  margin: 0 auto;
}
.supreme-element.post-content-container .post-content-wrapper--full {
  max-width: 100%;
}
.supreme-element.post-content-container .content-block {
  width: 100%;
}
.supreme-element.post-content-container .content-block--first {
  margin-top: 0;
}
.supreme-element.post-content-container .content-block--last {
  margin-bottom: 0;
}
.supreme-element.post-content-container .content-block--paragraph {
  padding: 0;
}
.supreme-element.post-content-container .content-block table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--spacing-lg, 20px) 0;
}
.supreme-element.post-content-container .content-block table th,
.supreme-element.post-content-container .content-block table td {
  padding: var(--spacing-sm, 12px);
  text-align: left;
  border-bottom: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 16px);
}
.supreme-element.post-content-container .content-block table th {
  font-weight: var(--Font-Weight-Bold, 700);
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
}
.supreme-element.post-content-container .content-block hr {
  border: none;
  border-top: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  margin: var(--spacing-xxl, 32px) 0;
}
.supreme-element.post-content-container .content-block img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 16px auto 24px auto;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .content-block img.alignleft {
  float: left;
  margin: var(--spacing-md, 12px) var(--spacing-lg, 20px) var(--spacing-md, 12px) 0;
}
.supreme-element.post-content-container .content-block img.alignright {
  float: right;
  margin: var(--spacing-md, 12px) 0 var(--spacing-md, 12px) var(--spacing-lg, 20px);
}
.supreme-element.post-content-container .content-block img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.supreme-element.post-content-container .paragraph-block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  text-align: left;
}
.supreme-element.post-content-container .subparagraph-block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  text-align: left;
}
.supreme-element.post-content-container .post-image-block {
  width: 100%;
}
.supreme-element.post-content-container .post-image-block__figure {
  margin: 0;
  width: 100%;
}
.supreme-element.post-content-container .post-image-block__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .post-image-block__caption {
  margin-top: var(--spacing-xs, 8px);
  padding-left: var(--spacing-xs, 8px);
  border-left: 2px solid var(--Brand-Colors-Neutrals-Gray-300, #aaa);
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-align: left;
}
.supreme-element.post-content-container .post-testimonial-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}
.supreme-element.post-content-container .post-testimonial-block__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-content-container .post-testimonial-block__card {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 10px);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-testimonial-block__card {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-sm, 10px);
  }
}
.supreme-element.post-content-container .post-testimonial-block__icon {
  width: 60px;
  height: 44px;
}
.supreme-element.post-content-container .post-testimonial-block__icon svg {
  width: 100%;
  height: 100%;
}
.supreme-element.post-content-container .post-testimonial-block__content {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-content-container .post-testimonial-block__content p {
  margin: 0 0 var(--spacing-md, 16px) 0;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
}
.supreme-element.post-content-container .post-testimonial-block__content p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .post-testimonial-block__content > *:first-child {
  margin-top: 0;
}
.supreme-element.post-content-container .post-testimonial-block__content > *:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .post-testimonial-block__author {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-testimonial-block__author {
    gap: var(--spacing-sm, 12px);
  }
}
.supreme-element.post-content-container .post-testimonial-block__author-image {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
}
.supreme-element.post-content-container .post-testimonial-block__author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-testimonial-block__author-image {
    width: 50px;
    height: 50px;
  }
}
.supreme-element.post-content-container .post-testimonial-block__author-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  text-align: left;
}
.supreme-element.post-content-container .post-cta-block {
  width: 100%;
}
.supreme-element.post-content-container .post-cta-block__container {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.post-content-container .post-cta-block__container--with-image {
  justify-content: space-between;
}
.supreme-element.post-content-container .post-cta-block__container--no-image {
  justify-content: center;
  text-align: center;
}
.supreme-element.post-content-container .post-cta-block__container--no-image .post-cta-block__content {
  align-items: center;
  max-width: 600px;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-cta-block__container {
    flex-direction: column;
  }
  .supreme-element.post-content-container .post-cta-block__container--with-image {
    text-align: center;
  }
  .supreme-element.post-content-container .post-cta-block__container--with-image .post-cta-block__content {
    align-items: center;
  }
}
.supreme-element.post-content-container .post-cta-block__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  flex: 1;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-cta-block__content {
    width: 100%;
  }
}
.supreme-element.post-content-container .post-cta-block__heading {
  margin: 0;
}
.supreme-element.post-content-container .post-cta-block__text {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
}
.supreme-element.post-content-container .post-cta-block__text p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.post-content-container .post-cta-block__text p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .post-cta-block__text strong,
.supreme-element.post-content-container .post-cta-block__text b {
  font-weight: 700;
}
.supreme-element.post-content-container .post-cta-block__text em,
.supreme-element.post-content-container .post-cta-block__text i {
  font-style: italic;
}
.supreme-element.post-content-container .post-cta-block__text a {
  color: var(--text, #262626);
  text-decoration: underline;
}
.supreme-element.post-content-container .post-cta-block__text a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-cta-block__text {
    font-size: var(--Font-Size-f-size-base, 16px);
  }
}
.supreme-element.post-content-container .post-cta-block__buttons {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-cta-block__buttons {
    flex-direction: column;
    width: 100%;
  }
  .supreme-element.post-content-container .post-cta-block__buttons .post-cta-block__button {
    width: 100%;
    justify-content: center;
  }
}
.supreme-element.post-content-container .post-cta-block__image {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-cta-block__image {
    display: none;
  }
}
.supreme-element.post-content-container .post-cta-block__image img {
  width: 260px;
  height: auto;
  display: block;
}
.supreme-element.post-content-container .gradient-cta-block {
  display: flex;
  padding: 0 var(--spacing-xxl, 32px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  border-radius: var(--border-radius-border-radius-mid, 8px);
  background: linear-gradient(91deg, #19d368 11.47%, #00d1ed 92.63%);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .gradient-cta-block {
    padding: 0 var(--spacing-xl, 24px);
  }
}
.supreme-element.post-content-container .gradient-cta-block__content {
  width: 100%;
  max-width: 100%;
  padding: var(--spacing-3xl, 40px) 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xl, 24px);
  text-align: left;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .gradient-cta-block__content {
    padding: var(--spacing-xxl, 32px) 0;
    gap: var(--spacing-lg, 20px);
    align-items: center;
    text-align: center;
  }
}
.supreme-element.post-content-container .gradient-cta-block__heading {
  margin: 0;
}
.supreme-element.post-content-container .gradient-cta-block__text {
  margin: 0;
}
.supreme-element.post-content-container .gradient-cta-block__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .gradient-cta-block__buttons {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .supreme-element.post-content-container .gradient-cta-block__buttons .button-primary, .supreme-element.post-content-container .gradient-cta-block__buttons .oxy-button,
  .supreme-element.post-content-container .gradient-cta-block__buttons .ct-link-button, .supreme-element.post-content-container .gradient-cta-block__buttons .synthego-load-more, .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.synthego-hero .btn-primary, .supreme-element.synthego-hero .supreme-element.post-content-container .gradient-cta-block__buttons .btn-primary, .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.title-text-button-hero .hero-button, .supreme-element.title-text-button-hero .supreme-element.post-content-container .gradient-cta-block__buttons .hero-button, .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.fifty-fifty-hero .supreme-element.post-content-container .gradient-cta-block__buttons .hero-button, .supreme-element.post-content-container .gradient-cta-block__buttons .subscribe-cta .subscribe-button, .subscribe-cta .supreme-element.post-content-container .gradient-cta-block__buttons .subscribe-button, .supreme-element.post-content-container .gradient-cta-block__buttons .resources-section .resources-footer .resources-load-more, .resources-section .resources-footer .supreme-element.post-content-container .gradient-cta-block__buttons .resources-load-more, .supreme-element.post-content-container .gradient-cta-block__buttons .contact-experts__button, .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.guide-hero .hero-button, .supreme-element.guide-hero .supreme-element.post-content-container .gradient-cta-block__buttons .hero-button, .supreme-element.post-content-container .gradient-cta-block__buttons .synthego-press-grid__load-more, .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.product-search-results-wrapper .load-more-btn, .supreme-element.product-search-results-wrapper .supreme-element.post-content-container .gradient-cta-block__buttons .load-more-btn,
  .supreme-element.post-content-container .gradient-cta-block__buttons #search-results-container .load-more-btn,
  #search-results-container .supreme-element.post-content-container .gradient-cta-block__buttons .load-more-btn,
  .supreme-element.post-content-container .gradient-cta-block__buttons .button-secondary,
  .supreme-element.post-content-container .gradient-cta-block__buttons .supreme-element.title-text-button-hero .hero-button-secondary,
  .supreme-element.title-text-button-hero .supreme-element.post-content-container .gradient-cta-block__buttons .hero-button-secondary,
  .supreme-element.post-content-container .gradient-cta-block__buttons .cta-button {
    width: 100%;
    justify-content: center;
  }
}
.supreme-element.post-content-container .text-block {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-content-container .text-block h1,
.supreme-element.post-content-container .text-block h2,
.supreme-element.post-content-container .text-block h3,
.supreme-element.post-content-container .text-block h4,
.supreme-element.post-content-container .text-block h5,
.supreme-element.post-content-container .text-block h6 {
  margin-top: var(--spacing-3xl, 40px);
  margin-bottom: var(--spacing-xl, 24px);
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, "Runda");
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.2;
}
.supreme-element.post-content-container .text-block h1 {
  font-size: var(--Font-Size-f-size-6xl, 4.5rem);
}
.supreme-element.post-content-container .text-block h2 {
  font-size: var(--Font-Size-f-size-5xl, 3.75rem);
}
.supreme-element.post-content-container .text-block h3 {
  font-size: var(--Font-Size-f-size-4xl, 3rem);
}
.supreme-element.post-content-container .text-block h4 {
  font-size: var(--Font-Size-f-size-3xl, 2.25rem);
}
.supreme-element.post-content-container .text-block h5 {
  font-size: var(--Font-Size-f-size-2xl, 1.875rem);
}
.supreme-element.post-content-container .text-block h6 {
  font-size: var(--Font-Size-f-size-xl, 1.5rem);
}
.supreme-element.post-content-container .text-block p {
  margin-bottom: var(--Paragraph-Spacing-paragraph-spacing, 15px);
}
.supreme-element.post-content-container .text-block p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .text-block ul,
.supreme-element.post-content-container .text-block ol {
  margin: var(--spacing-lg, 20px) 0;
  padding-left: var(--spacing-xl, 30px);
}
.supreme-element.post-content-container .text-block li {
  margin-bottom: var(--spacing-sm, 10px);
}
.supreme-element.post-content-container .text-block a {
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
}
.supreme-element.post-content-container .text-block blockquote {
  margin: var(--spacing-xl, 30px) 0;
  padding-left: var(--spacing-xl, 30px);
  border-left: 4px solid var(--Brand-Colors-Primary-Green, #59ed9f);
  font-style: italic;
}
.supreme-element.post-content-container .image-block {
  text-align: center;
}
.supreme-element.post-content-container .image-block__img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .image-block__caption {
  margin-top: var(--spacing-md, 16px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 14px);
  color: var(--Base-Colors-Gray, #707070);
  font-style: italic;
}
.supreme-element.post-content-container .quote-block {
  margin: var(--spacing-3xl, 40px) 0;
  padding: var(--spacing-xl, 30px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-left: 4px solid var(--Brand-Colors-Primary-Green, #59ed9f);
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .quote-block__text {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xl, 24px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: 1.4;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.supreme-element.post-content-container .quote-block__author {
  display: block;
  margin-top: var(--spacing-md, 16px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Base-Colors-Gray, #707070);
  font-style: normal;
}
.supreme-element.post-content-container .quote-block__author:before {
  content: "— ";
}
.supreme-element.post-content-container .video-block {
  position: relative;
  margin: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-content-container .video-block iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .code-block {
  margin: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-content-container .code-block pre {
  background-color: var(--Base-Colors-Nero, #1e1e1e);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-xl, 30px);
  border-radius: var(--border-radius-border-radius-md, 8px);
  overflow-x: auto;
  font-family: var(--Font-Family-Tertiary, "roboto-mono");
  font-size: var(--Font-Size-f-size-sm, 14px);
  line-height: 1.6;
}
.supreme-element.post-content-container .code-block code {
  font-family: inherit;
  font-size: inherit;
  background: none;
  padding: 0;
}
.supreme-element.post-content-container .gallery-block {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-lg, 20px);
  margin: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-content-container .gallery-block__item {
  overflow: hidden;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .gallery-block__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .gallery-block {
    grid-template-columns: 1fr;
  }
}
.supreme-element.post-content-container .cta-block {
  margin: var(--spacing-3xl, 40px) 0;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-content-container .cta-block__title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-3xl, 2.25rem);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.2;
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.post-content-container .cta-block__text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.supreme-element.post-content-container .cta-block__button {
  display: inline-block;
  padding: 12px 24px;
  background-color: var(--Brand-Colors-Primary-Green, #59ed9f);
  color: var(--Brand-Colors-Primary-Black, #000000);
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-base, 16px);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: none;
  border-radius: var(--border-radius-border-radius-full, 100px);
  transition: all 0.3s ease;
}
.supreme-element.post-content-container .cta-block__button:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .content-block--wysiwyg {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-content-container .content-block--wysiwyg h1,
.supreme-element.post-content-container .content-block--wysiwyg h2,
.supreme-element.post-content-container .content-block--wysiwyg h3,
.supreme-element.post-content-container .content-block--wysiwyg h4,
.supreme-element.post-content-container .content-block--wysiwyg h5,
.supreme-element.post-content-container .content-block--wysiwyg h6 {
  margin-top: var(--spacing-3xl, 40px);
  margin-bottom: var(--spacing-xl, 24px);
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-content-container .content-block--wysiwyg p {
  margin-bottom: var(--Paragraph-Spacing-paragraph-spacing, 15px);
}
.supreme-element.post-content-container .content-block--wysiwyg p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .content-block--wysiwyg img {
  max-width: 100%;
  height: auto;
  margin: var(--spacing-xl, 30px) 0;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .debug-info {
  font-family: var(--Font-Family-Tertiary, "roboto-mono");
  font-size: var(--Font-Size-f-size-xs, 12px);
  line-height: 1.4;
}
.supreme-element.post-content-container .debug-info h4 {
  margin: 0 0 10px 0;
  font-size: var(--Font-Size-f-size-sm, 14px);
}
.supreme-element.post-content-container .debug-info pre {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.supreme-element.post-content-container .post-meta-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-xxl, 32px) 0;
  border-top: 1px solid var(--Base-Colors-Gainsboro-Light, #e0e0e0);
  border-bottom: 1px solid var(--Base-Colors-Gainsboro-Light, #e0e0e0);
  margin-top: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-meta-data {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md, 16px);
    padding: var(--spacing-xl, 24px) 0;
  }
}
.supreme-element.post-content-container .post-meta-data__filed-in {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.supreme-element.post-content-container .post-meta-data__label {
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-transform: uppercase;
  color: var(--text, #262626);
}
.supreme-element.post-content-container .post-meta-data__categories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs, 8px);
}
.supreme-element.post-content-container .post-meta-data__category-tag {
  display: inline-block;
  padding: 2px 12px;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: 20px;
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.3188476563;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000000);
  transition: all 0.3s ease;
}
.supreme-element.post-content-container .post-meta-data__category-tag:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.post-content-container .post-meta-data__date {
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-transform: uppercase;
  color: var(--text, #262626);
}
.supreme-element.post-content-container .post-author {
  width: 100%;
  display: flex;
  gap: var(--spacing-xl, 24px);
  align-items: center;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  margin-top: var(--spacing-3xl, 40px);
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-author {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-author {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-content-container .post-author__avatar {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-author__avatar {
    margin: 0 auto;
  }
}
.supreme-element.post-content-container .post-author__avatar-image {
  width: 172px;
  height: 172px;
  border-radius: 50%;
  border: 3px solid transparent;
  background: linear-gradient(var(--Brand-Colors-Primary-Black, #000000), var(--Brand-Colors-Primary-Black, #000000)) padding-box, linear-gradient(180deg, #20d340 0%, #00d1ed 100%) border-box;
  object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-author__avatar-image {
    width: 120px;
    height: 120px;
  }
}
.supreme-element.post-content-container .post-author__wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.supreme-element.post-content-container .post-author__label {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-author__name {
  margin: 0;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-author__bio {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-author__bio * {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-author__bio p {
  margin: 0;
  color: inherit;
}
.supreme-element.post-content-container .post-author__bio p:not(:last-child) {
  margin-bottom: var(--spacing-md, 16px);
}
.supreme-element.post-content-container .post-author__bio a {
  color: var(--Brand-Colors-Primary-Green, #59ed9f);
  text-decoration: underline;
}
.supreme-element.post-content-container .post-author__bio a:hover {
  text-decoration: none;
}
.supreme-element.post-content-container .contact-experts {
  width: 100%;
  margin-top: var(--spacing-3xl, 40px);
}
.supreme-element.post-content-container .contact-experts__container {
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: var(--border-radius-border-radius-md, 8px);
  overflow: hidden;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .contact-experts__container {
    flex-direction: column;
    align-items: stretch;
  }
}
.supreme-element.post-content-container .contact-experts__image-wrapper {
  flex: 0 0 20%;
  position: relative;
  aspect-ratio: 299/224;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .contact-experts__image-wrapper {
    flex: 0 0 auto;
    width: 100%;
    aspect-ratio: 299/224;
  }
}
.supreme-element.post-content-container .contact-experts__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.supreme-element.post-content-container .contact-experts__content {
  flex: 1;
  padding: var(--spacing-xxl, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  justify-content: center;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .contact-experts__content {
    padding: var(--spacing-xl, 24px);
  }
}
.supreme-element.post-content-container .contact-experts__title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-content-container .contact-experts__text {
  margin: 0;
  color: var(--text, #262626);
}
.supreme-element.post-content-container .contact-experts__cta {
  margin-top: var(--spacing-sm, 8px);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .contact-experts__button {
    width: 100%;
    justify-content: center;
  }
}
.supreme-element.post-content-container .toc-block {
  padding-bottom: var(--spacing-3xl, 40px) 0;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 12px;
  margin: 0;
  max-width: 100%;
}
.supreme-element.post-content-container .toc-block__title {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  letter-spacing: 0.05em;
  margin: 0 0 var(--spacing-xl, 24px) 0;
  text-transform: capitalize;
}
.supreme-element.post-content-container .toc-block__nav {
  width: 100%;
  display: flex;
  gap: var(--spacing-xl, 24px);
}
.supreme-element.post-content-container .toc-block__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px) var(--spacing-3xl, 40px);
}
@media (max-width: 768px) {
  .supreme-element.post-content-container .toc-block__list {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm, 12px);
  }
}
.supreme-element.post-content-container .toc-block__item {
  margin: 0;
}
.supreme-element.post-content-container .toc-block__item--h4 {
  padding-left: var(--spacing-xl, 24px);
}
.supreme-element.post-content-container .toc-block__link {
  color: var(--text, #1a1a1a);
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 12px);
  font-size: 15px;
  line-height: 1.6;
  transition: color 0.2s ease;
}
.supreme-element.post-content-container .toc-block__link:hover .toc-block__number {
  color: var(--link, #f94f01);
}
.supreme-element.post-content-container .toc-block__link:hover .toc-block__text {
  color: var(--link, #f94f01);
}
.supreme-element.post-content-container .toc-block__number {
  color: #999999;
  font-size: 13px;
  font-weight: 500;
  flex-shrink: 0;
  margin-top: 1px;
  transition: color 0.3s ease;
}
.supreme-element.post-content-container .toc-block__text {
  flex: 1;
  font-weight: 500;
  transition: color 0.3s ease;
}
.supreme-element.post-content-container .toc-block__empty {
  color: #666666;
  font-style: italic;
}
@media (max-width: 768px) {
  .supreme-element.post-content-container .toc-block {
    padding: var(--spacing-xl, 24px) 0;
  }
}
.supreme-element.post-content-container .embed-block {
  width: 100%;
  margin: var(--spacing-2xl, 32px) 0;
}
.supreme-element.post-content-container .embed-block__wrapper {
  width: 100%;
}
.supreme-element.post-content-container .embed-block__wrapper iframe {
  max-width: 100%;
}
.supreme-element.post-content-container .embed-block__caption {
  margin-top: var(--spacing-md, 16px);
  font-size: 14px;
  color: #666666;
  text-align: center;
}
.supreme-element.post-content-container .pull-quote-block {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-xl, 24px);
  padding: var(--spacing-2xl, 32px);
  background-color: transparent;
}
.supreme-element.post-content-container .pull-quote-block__icon {
  width: 60px;
  height: 44px;
  flex-shrink: 0;
}
.supreme-element.post-content-container .pull-quote-block__icon svg {
  width: 100%;
  height: 100%;
}
.supreme-element.post-content-container .pull-quote-block__figure {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
  margin: 0;
  padding: 0;
}
.supreme-element.post-content-container .pull-quote-block__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-lg, 20px);
  width: 100%;
}
@media (max-width: 768px) {
  .supreme-element.post-content-container .pull-quote-block__content {
    flex-direction: column;
  }
}
.supreme-element.post-content-container .pull-quote-block__text {
  margin: 0;
  flex: 1;
  quotes: none;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
}
.supreme-element.post-content-container .pull-quote-block__text::before, .supreme-element.post-content-container .pull-quote-block__text::after {
  content: none;
}
.supreme-element.post-content-container .pull-quote-block__name {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
@media (max-width: 768px) {
  .supreme-element.post-content-container .pull-quote-block {
    padding: var(--spacing-xl, 24px);
  }
  .supreme-element.post-content-container .pull-quote-block__text {
    font-size: 16px;
  }
}

body .supreme-element.post-content-container .pull-quote-block {
  padding: 0;
}

.supreme-element.post-content-container .pull-quote-block__text {
  margin: 0;
  flex: 1;
  quotes: none;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
}
.supreme-element.post-content-container .pull-quote-block__name {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}

/* Post Sidebar CTA Component */
.supreme-element.post-sidebar-cta {
  position: relative;
  width: 100%;
}
@media (min-width: 1120px) {
  .supreme-element.post-sidebar-cta {
    position: sticky;
    top: 100px;
    padding-right: 10px;
    z-index: 10;
  }
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
  padding-right: var(--spacing-3xl, 40px);
}
@media (min-width: 1440px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: 0;
  }
}
@media (max-width: 1441px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: var(--spacing-xl, 24px);
    padding-left: var(--spacing-xl, 24px);
    margin-top: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: var(--spacing-lg, 20px);
    padding-left: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__inner {
  background-color: #eaeaea;
  border-radius: 20px;
  padding: var(--spacing-xxl, 32px);
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  text-align: center;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__heading {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__heading {
    font-size: 24px;
  }
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__description {
    font-size: 14px;
  }
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__image {
  width: 100%;
  max-width: 200px;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__container {
    gap: 16px;
  }
}
.ct-sidebar .supreme-element.post-sidebar-cta {
  margin-bottom: var(--spacing-xl, 30px);
}

/* Prodcut Sidebar CTA Component */
.supreme-element.product-sidebar-cta {
  position: absolute;
  top: 130px;
  right: 0;
  width: 100%;
  height: calc(100% - 200px);
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 992px) {
  .supreme-element.product-sidebar-cta {
    position: relative;
    top: 0;
  }
}
@media (min-width: 992px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta-main {
    position: sticky;
    top: 100px;
    padding-right: 10px;
    z-index: 10;
  }
}
@media (max-width: 992px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta-main {
    position: relative;
  }
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__inner {
  background-color: #eaeaea;
  border-radius: 20px;
  padding: var(--spacing-xxl, 32px);
  max-width: 35%;
  margin-left: auto;
}
@media (max-width: 992px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta__inner {
    width: 100%;
    max-width: 100%;
    margin-left: unset;
  }
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  pointer-events: all;
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  text-align: center;
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__heading {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta__heading {
    font-size: 24px;
  }
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta__description {
    font-size: 14px;
  }
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__image {
  width: 100%;
  max-width: 200px;
}
.supreme-element.product-sidebar-cta .product-sidebar-cta__image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.product-sidebar-cta .product-sidebar-cta__container {
    gap: 16px;
  }
}
.ct-sidebar .supreme-element.product-sidebar-cta {
  margin-bottom: var(--spacing-xl, 30px);
}

/* Content Spacing Component */
.supreme-element.content-spacing {
  position: relative;
  width: 100%;
}
.supreme-element.content-spacing--xxxs {
  height: var(--spacing-xxxs, 0.125rem);
}
.supreme-element.content-spacing--xxs {
  height: var(--spacing-xxs, 0.25rem);
}
.supreme-element.content-spacing--xs {
  height: var(--spacing-xs, 0.5rem);
}
.supreme-element.content-spacing--sm {
  height: var(--spacing-sm, 0.75rem);
}
.supreme-element.content-spacing--md {
  height: var(--spacing-md, 1rem);
}
.supreme-element.content-spacing--lg {
  height: var(--spacing-lg, 1.25rem);
}
.supreme-element.content-spacing--xl {
  height: var(--spacing-xl, 1.5rem);
}
.supreme-element.content-spacing--xxl {
  height: var(--spacing-xxl, 2rem);
}
.supreme-element.content-spacing--3xl {
  height: var(--spacing-3xl, 2.5rem);
}
.supreme-element.content-spacing--4xl {
  height: var(--spacing-4xl, 5rem);
}
.supreme-element.content-spacing--5xl {
  height: var(--spacing-5xl, 7rem);
}
.supreme-element.content-spacing--7xl {
  height: var(--spacing-7xl, 10rem);
}
@media (max-width: 767px) {
  .supreme-element.content-spacing--4xl {
    height: var(--spacing-4xl, 3.75rem);
  }
  .supreme-element.content-spacing--5xl {
    height: var(--spacing-5xl, 5rem);
  }
}

/* Post Paragraph Component */
.supreme-element.post-paragraph {
  position: relative;
  width: 100%;
  padding: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-paragraph .post-paragraph__container {
  max-width: 816px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.post-paragraph .post-paragraph__heading {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-4xl, 48px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-4xl, 1.2);
  color: var(--Brand-Colors-Primary-Black, #000000);
  margin: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-paragraph .post-paragraph__heading {
    font-size: var(--Font-Size-f-size-3xl, 36px);
    line-height: var(--Line-Height-Line-height-f-size-3xl, 1.3);
  }
}
@media (max-width: 767px) {
  .supreme-element.post-paragraph .post-paragraph__heading {
    font-size: var(--Font-Size-f-size-2xl, 30px);
    line-height: var(--Line-Height-Line-height-f-size-2xl, 1.3);
  }
}
.supreme-element.post-paragraph .post-paragraph__content p {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-md, 1.6);
  color: #4b5563;
}
.supreme-element.post-paragraph .post-paragraph__content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-paragraph .post-paragraph__content p {
    font-size: var(--Font-Size-f-size-base, 18px);
    line-height: var(--Line-Height-Line-height-f-size-base, 1.6);
  }
}
.supreme-element.post-paragraph .post-paragraph__content strong,
.supreme-element.post-paragraph .post-paragraph__content b {
  font-weight: var(--Font-Weight-Bold, 700);
}
.supreme-element.post-paragraph .post-paragraph__content em,
.supreme-element.post-paragraph .post-paragraph__content i {
  font-style: italic;
}
.supreme-element.post-paragraph .post-paragraph__content a {
  color: var(--Brand-Colors-Primary-Green, #59ed9f);
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.supreme-element.post-paragraph .post-paragraph__content a:hover {
  opacity: 0.8;
}
.supreme-element.post-paragraph--align-left .post-paragraph__container {
  text-align: left;
}
.supreme-element.post-paragraph--align-center .post-paragraph__container {
  text-align: center;
}
.supreme-element.post-paragraph--align-right .post-paragraph__container {
  text-align: right;
}
@media (max-width: 991px) {
  .supreme-element.post-paragraph {
    padding: var(--spacing-xxl, 32px) 0;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-paragraph {
    padding: var(--spacing-xl, 24px) 0;
  }
  .supreme-element.post-paragraph .post-paragraph__container {
    gap: var(--spacing-md, 16px);
  }
}

/* Post Subparagraph Component */
.supreme-element.post-subparagraph {
  position: relative;
  width: 100%;
}
.supreme-element.post-subparagraph .post-subparagraph__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  max-width: 816px;
  margin: 0 auto;
}
.post-subparagraph--align-left .supreme-element.post-subparagraph .post-subparagraph__container {
  text-align: left;
  align-items: flex-start;
}
.post-subparagraph--align-center .supreme-element.post-subparagraph .post-subparagraph__container {
  text-align: center;
  align-items: center;
}
.post-subparagraph--align-right .supreme-element.post-subparagraph .post-subparagraph__container {
  text-align: right;
  align-items: flex-end;
}

/* Post Image Component */
.supreme-element.post-image {
  position: relative;
  width: 100%;
  z-index: 2;
}
.supreme-element.post-image .post-image__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md, 16px);
}
.supreme-element.post-image .post-image__heading {
  margin: 0;
  margin-bottom: 0px;
  color: var(--Heading-Color-1, #262626);
  width: 100%;
  text-align: left;
}
.supreme-element.post-image .post-image__figure {
  margin: 0;
  width: 100%;
  max-width: 1400px;
}
.post-image--size-small .supreme-element.post-image .post-image__figure {
  max-width: 600px;
}
.post-image--size-medium .supreme-element.post-image .post-image__figure {
  max-width: 900px;
}
.post-image--size-large .supreme-element.post-image .post-image__figure {
  max-width: 1200px;
}
.post-image--size-full .supreme-element.post-image .post-image__figure {
  max-width: 100%;
}
.supreme-element.post-image .post-image__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
  margin: 0 auto;
}
.supreme-element.post-image .post-image__caption {
  margin-top: var(--spacing-lg, 24px);
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-align: left;
  border-left: 4px solid var(--Brand-Colors-Neutrals-Gray-300, #aaa);
  padding-left: 8px;
}
.supreme-element.post-image .post-image__placeholder {
  width: 100%;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-image .post-image__placeholder p {
  margin: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Base-Colors-Gray, #707070);
}

/* Post Testimonial Component */
.supreme-element.post-testimonial {
  position: relative;
  width: 100%;
}
.supreme-element.post-testimonial .post-testimonial__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  max-width: 900px;
  margin: 0 auto;
}
.post-testimonial--align-left .supreme-element.post-testimonial .post-testimonial__container {
  align-items: flex-start;
  text-align: left;
}
.post-testimonial--align-center .supreme-element.post-testimonial .post-testimonial__container {
  align-items: center;
  text-align: center;
}
.post-testimonial--align-right .supreme-element.post-testimonial .post-testimonial__container {
  align-items: flex-end;
  text-align: right;
}
.supreme-element.post-testimonial .post-testimonial__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-testimonial .post-testimonial__card {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
  width: 100%;
}
@media (max-width: 767px) {
  .supreme-element.post-testimonial .post-testimonial__card {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-testimonial.post-testimonial--bg-white .post-testimonial__card {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-left: 1px solid var(--Brand-Colors-Light-Gray, #E0E0E0);
  border-radius: 0;
}
.supreme-element.post-testimonial.post-testimonial--bg-grayish_cyan .post-testimonial__card {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-element.post-testimonial .post-testimonial__icon {
  width: 60px;
  height: 44px;
}
.supreme-element.post-testimonial .post-testimonial__icon svg {
  width: 100%;
  height: 100%;
}
.supreme-element.post-testimonial .post-testimonial__content {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-testimonial .post-testimonial__content p {
  margin: 0 0 var(--spacing-md, 16px) 0;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
}
.supreme-element.post-testimonial .post-testimonial__content p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-testimonial .post-testimonial__content > *:first-child {
  margin-top: 0;
}
.supreme-element.post-testimonial .post-testimonial__content > *:last-child {
  margin-bottom: 0;
}
.supreme-element.post-testimonial .post-testimonial__author {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
}
@media (max-width: 767px) {
  .supreme-element.post-testimonial .post-testimonial__author {
    gap: var(--spacing-sm, 12px);
  }
}
.supreme-element.post-testimonial .post-testimonial__author-image {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
}
.supreme-element.post-testimonial .post-testimonial__author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-testimonial .post-testimonial__author-image {
    width: 50px;
    height: 50px;
  }
}
.supreme-element.post-testimonial .post-testimonial__author-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  text-align: left;
}
.supreme-element.post-testimonial .post-testimonial__author-name {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xs);
}
.supreme-element.post-testimonial .post-testimonial__author-title {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxxs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxxs, 20px); /* 166.667% */
  text-transform: uppercase;
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-image {
  position: relative;
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-image::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: linear-gradient(135deg, #20D340 0%, #00D1ED 100%);
  border-radius: 50%;
  z-index: -1;
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-image img {
  position: relative;
  z-index: 1;
  border: 4px solid var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-name {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
}
.supreme-element.post-testimonial .post-testimonial__placeholder {
  width: 100%;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-testimonial .post-testimonial__placeholder p {
  margin: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Base-Colors-Gray, #707070);
}
.supreme-element.post-testimonial.post-testimonial--bg-white .post-testimonial__placeholder {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-testimonial.post-testimonial--bg-grayish_cyan .post-testimonial__placeholder {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-element.post-testimonial.post-testimonial--bg-grayish_cyan .post-testimonial__author-title {
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xs);
}
.supreme-element.post-testimonial.post-testimonial--bg-white .post-testimonial__content p {
  line-height: var(--Line-Height-Line-height-f-size-md);
  font-size: var(--Font-Size-f-size-md);
  font-weight: 500;
}

/* Post CTA Component */
.supreme-element.post-cta {
  position: relative;
  width: 100%;
}
.supreme-element.post-cta .post-cta__container {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.supreme-element.post-cta .post-cta__container--with-image {
  justify-content: space-between;
  align-items: flex-start;
}
.supreme-element.post-cta .post-cta__container--no-image {
  justify-content: center;
  text-align: center;
}
.supreme-element.post-cta .post-cta__container--no-image .post-cta__content {
  align-items: center;
  max-width: 600px;
}
@media (max-width: 991px) {
  .supreme-element.post-cta .post-cta__container {
    flex-direction: column;
  }
  .supreme-element.post-cta .post-cta__container--with-image {
    text-align: center;
  }
  .supreme-element.post-cta .post-cta__container--with-image .post-cta__content {
    align-items: center;
  }
}
.supreme-element.post-cta .post-cta__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  flex: 1;
}
@media (max-width: 991px) {
  .supreme-element.post-cta .post-cta__content {
    width: 100%;
  }
}
.supreme-element.post-cta .post-cta__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-cta .post-cta__text {
  color: var(--text, #262626);
}
.supreme-element.post-cta .post-cta__text p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.post-cta .post-cta__text p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-cta .post-cta__text strong,
.supreme-element.post-cta .post-cta__text b {
  font-weight: 700;
}
.supreme-element.post-cta .post-cta__text em,
.supreme-element.post-cta .post-cta__text i {
  font-style: italic;
}
.supreme-element.post-cta .post-cta__text a {
  color: var(--text, #262626);
  text-decoration: underline;
}
.supreme-element.post-cta .post-cta__text a:hover {
  text-decoration: none;
}
.supreme-element.post-cta .post-cta__buttons {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__buttons {
    flex-direction: column;
    width: 100%;
  }
  .supreme-element.post-cta .post-cta__buttons .post-cta__button {
    width: 100%;
    justify-content: center;
  }
}
.supreme-element.post-cta .post-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  font-family: var(--Font-Family-Primary, "Runda");
  text-decoration: none;
  border-radius: 10px;
  position: relative;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.post-cta .post-cta__button--primary {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: none;
}
.supreme-element.post-cta .post-cta__button--primary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Black, #000000);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.supreme-element.post-cta .post-cta__button--primary::before {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: 7px;
  z-index: -1;
  transition: all 0.3s ease;
}
.supreme-element.post-cta .post-cta__button--primary:hover {
  background-color: transparent;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.supreme-element.post-cta .post-cta__button--primary:hover::before {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-cta .post-cta__button--primary:hover::after {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  z-index: 1;
}
.supreme-element.post-cta .post-cta__button--primary:hover .post-cta__button-icon {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.post-cta .post-cta__button--secondary {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  border: none;
}
.supreme-element.post-cta .post-cta__button--secondary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.supreme-element.post-cta .post-cta__button--secondary::before {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 7px;
  z-index: -1;
  transition: all 0.3s ease;
}
.supreme-element.post-cta .post-cta__button--secondary:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.supreme-element.post-cta .post-cta__button--secondary:hover::before {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__button {
    padding: var(--spacing-xs, 10px) var(--spacing-xl, 24px);
  }
}
.supreme-element.post-cta .post-cta__button-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__button-icon {
    width: 20px;
    height: 20px;
  }
}
.supreme-element.post-cta .post-cta__image {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-cta .post-cta__image {
    display: none;
  }
}
.supreme-element.post-cta .post-cta__image img {
  width: 143px;
  height: auto;
  display: block;
}
.supreme-element.post-cta .post-cta__placeholder {
  width: 100%;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-cta .post-cta__placeholder p {
  margin: 0;
  color: var(--Base-Colors-Gray, #707070);
}

/* Post Contact CTA Component */
.supreme-element.post-contact-cta .contact-experts {
  width: 100%;
  margin-top: var(--spacing-3xl, 40px);
}
.supreme-element.post-contact-cta .contact-experts--standard {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--spacing-md, 16px);
}
.supreme-element.post-contact-cta .contact-experts--narrow {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--spacing-md, 16px);
}
.supreme-element.post-contact-cta .contact-experts--full {
  max-width: 100%;
  padding: 0 var(--spacing-md, 16px);
}
.supreme-element.post-contact-cta .contact-experts__container {
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: var(--border-radius-border-radius-md, 8px);
  overflow: hidden;
}
@media (max-width: 767px) {
  .supreme-element.post-contact-cta .contact-experts__container {
    flex-direction: column;
    align-items: stretch;
  }
}
.supreme-element.post-contact-cta .contact-experts__image-wrapper {
  flex: 0 0 50%;
  max-width: 50%;
  height: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .supreme-element.post-contact-cta .contact-experts__image-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    height: 240px;
  }
}
.supreme-element.post-contact-cta .contact-experts__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.supreme-element.post-contact-cta .contact-experts__content {
  flex: 1;
  padding: var(--spacing-4xl, 48px);
  background: linear-gradient(252deg, var(--Brand-Colors-Primary-Adenine-Green) -2.88%, var(--Brand-Colors-Primary-Cytosine-Blue) 18.59%, #18d36b 44.56%, #01abf9 66.03%, #10d297 84.51%, #aebbfa 100.99%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 360px;
}
@media (max-width: 767px) {
  .supreme-element.post-contact-cta .contact-experts__content {
    padding: var(--spacing-2xl, 32px) var(--spacing-lg, 20px);
    min-height: auto;
  }
}
.supreme-element.post-contact-cta .contact-experts__title {
  color: var(--Brand-Colors-Primary-White, #ffffff);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.post-contact-cta .contact-experts__text {
  color: var(--Brand-Colors-Primary-White, #ffffff);
  margin: 0 0 var(--spacing-xl, 24px) 0;
  max-width: 500px;
}
.supreme-element.post-contact-cta .contact-experts__cta {
  display: inline-block;
}
.supreme-element.post-contact-cta .contact-experts__button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.supreme-element.post-contact-cta .contact-experts__button span {
  display: inline-block;
}
.supreme-element.post-contact-cta .contact-experts__button:hover {
  text-decoration: none;
}

/* Block Full Width Text Component */
.supreme-element.block-full-width-text {
  position: relative;
  width: 100%;
  z-index: 2;
}
.supreme-element.block-full-width-text .block-full-width-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.supreme-element.block-full-width-text .anchor-target {
  position: absolute;
  top: -100px;
  visibility: hidden;
  height: 0;
  width: 0;
}
.supreme-element.block-full-width-text .anchor-target#overview {
  top: -150px;
}
.supreme-element.block-full-width-text .block-full-width-text-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
.supreme-element.block-full-width-text .text-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.supreme-element.block-full-width-text .text-section.sub-section .section-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
}
.supreme-element.block-full-width-text .section-eyebrow {
  font-family: "Roboto Mono", monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.319em;
  text-transform: uppercase;
  color: #707070;
  letter-spacing: 0.05em;
  margin: 0 0 -4px 0;
}
.supreme-element.block-full-width-text .section-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.block-full-width-text .section-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.block-full-width-text .section-text p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.supreme-element.block-full-width-text .section-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.block-full-width-text .section-text ul,
.supreme-element.block-full-width-text .section-text ol {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
  padding-left: 1.5em;
}
.supreme-element.block-full-width-text .section-text ul:last-child,
.supreme-element.block-full-width-text .section-text ol:last-child {
  margin-bottom: 0;
}
.supreme-element.block-full-width-text .section-text ul li,
.supreme-element.block-full-width-text .section-text ol li {
  margin-bottom: 0.5em;
}
.supreme-element.block-full-width-text .section-text ul li:last-child,
.supreme-element.block-full-width-text .section-text ol li:last-child {
  margin-bottom: 0;
}
.supreme-element.block-full-width-text .section-text td {
  vertical-align: top;
}
.supreme-element.block-full-width-text .section-text a {
  width: fit-content;
  display: inline;
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
  transition: color 0.3s ease-in-out;
}
.supreme-element.block-full-width-text .section-text a:hover {
  color: var(--link, #f94f01);
}
.supreme-element.block-full-width-text .section-text a.headline-lg, .supreme-element.block-full-width-text .section-text a.oxy-heading[data-tag=h4],
.supreme-element.block-full-width-text .section-text a.ct-headline[data-tag=h4], .supreme-element.block-full-width-text .section-text .supreme-element.about-section .about-inner-container a.section-subtitle, .supreme-element.about-section .about-inner-container .supreme-element.block-full-width-text .section-text a.section-subtitle, .supreme-element.block-full-width-text .section-text .supreme-element.popular-products a.product-title-small, .supreme-element.popular-products .supreme-element.block-full-width-text .section-text a.product-title-small, .supreme-element.block-full-width-text .section-text a.blog-card-title, .supreme-element.block-full-width-text .section-text a.product-heading {
  font-weight: var(--Font-Weight-Medium, 500);
  margin-bottom: var(--spacing-xs);
  display: block;
}

.support-section h3.headline-lg, .support-section h3.oxy-heading[data-tag=h4],
.support-section h3.ct-headline[data-tag=h4], .support-section .supreme-element.about-section .about-inner-container h3.section-subtitle, .supreme-element.about-section .about-inner-container .support-section h3.section-subtitle, .support-section .supreme-element.popular-products h3.product-title-small, .supreme-element.popular-products .support-section h3.product-title-small, .support-section h3.blog-card-title, .support-section .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap h3, .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap .support-section h3, .support-section .hero-text-sidebar-content h3, .hero-text-sidebar-content .support-section h3, .support-section h3.product-heading {
  margin-top: 0px;
  margin-bottom: var(--spacing-xs);
}

.benefit-table.block-full-width-text .section-text td {
  padding: 4px;
  border-bottom: 1px solid #d1d1d1;
}

/* Block Fifty Fifty Component */
.supreme-element.block-fifty-fifty {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-xxl, 32px);
  align-items: stretch;
  overflow: visible;
}
@media (max-width: 991px) {
  .supreme-element.block-fifty-fifty .block-fifty-fifty-container {
    grid-template-columns: 1fr !important;
    gap: var(--spacing-3xl, 40px);
  }
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-content {
  order: 2;
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-image {
  order: 1;
}
@media (max-width: 991px) {
  .supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-content {
    order: 1;
  }
  .supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-image {
    order: 2;
  }
}
.supreme-element.block-fifty-fifty .block-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  padding: 0;
}
.supreme-element.block-fifty-fifty .block-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.block-fifty-fifty .block-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.block-fifty-fifty .block-text p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.supreme-element.block-fifty-fifty .block-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.block-fifty-fifty .block-text a {
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
}
.supreme-element.block-fifty-fifty .block-text a:hover {
  color: var(--link, #f94f01);
  transition: color 0.3s ease-in-out;
}
.supreme-element.block-fifty-fifty .block-image {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: auto;
}
@media (max-width: 991px) {
  .supreme-element.block-fifty-fifty .block-image {
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  .supreme-element.block-fifty-fifty .block-image {
    min-height: 250px;
  }
}
.supreme-element.block-fifty-fifty .block-image .image-figure {
  width: 100%;
  height: auto;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.supreme-element.block-fifty-fifty .block-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.block-fifty-fifty .block-image .image-caption {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  position: relative;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571428571em;
  color: #262626;
  text-align: left;
  margin: 0;
}
.supreme-element.block-fifty-fifty .block-image .image-caption::before {
  content: "";
  width: 2px;
  background-color: #aaaaaa;
  align-self: stretch;
  flex-shrink: 0;
}
.supreme-element.block-fifty-fifty .block-image .image-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #e5e5e5);
  border-radius: var(--border-radius-border-radius-md, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.block-fifty-fifty .block-image .image-placeholder .placeholder-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  text-align: center;
}

.oxy-supreme-elements-block-fifty-fifty-images {
  margin-top: var(--spacing-3xl, 40px);
}

.block-section.supreme-element.block-fifty-fifty .block-fifty-fifty-container {
  display: flex;
  flex-direction: column-reverse;
}

.block-column.supreme-element.block-fifty-fifty .block-fifty-fifty-container {
  display: flex;
  flex-direction: column;
}

.supreme-element.block-fifty-fifty .block-fifty-fifty-container {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 767px) {
  .block-section.supreme-element.block-fifty-fifty .block-fifty-fifty-container {
    flex-direction: column;
  }
}
/* Post Driver Component */
.supreme-element.post-driver {
  position: relative;
  width: 100%;
}
.supreme-element.post-driver .post-driver-wrapper {
  padding: var(--spacing-4xl, 80px) 20px;
  width: 100%;
}
@media (min-width: 1440px) {
  .supreme-element.post-driver .post-driver-wrapper {
    padding: var(--spacing-4xl, 80px) 64px;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-driver .post-driver-wrapper {
    padding: var(--spacing-3xl, 40px) 12px;
  }
}
.supreme-element.post-driver .post-driver-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}
.supreme-element.post-driver .post-driver-heading {
  margin: 0;
  text-align: left;
}
.supreme-element.post-driver .post-driver-link {
  text-decoration: none;
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.supreme-element.post-driver .post-driver-link:hover .post-driver-card {
  transform: translateY(-2px);
}
.supreme-element.post-driver .post-driver-card {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Gray-200);
  border-radius: 20px;
  overflow: visible;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1px;
  position: relative;
  width: 100%;
  max-width: 998.67px;
}
@media (max-width: 991px) {
  .supreme-element.post-driver .post-driver-card {
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
  }
}
.supreme-element.post-driver .post-thumbnail {
  width: 411.67px;
  height: 332.08px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  border-radius: 20px 0 0 20px;
}
.supreme-element.post-driver .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.supreme-element.post-driver .post-thumbnail.placeholder {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #E5E5E5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.post-driver .post-thumbnail.placeholder span {
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
}
@media (max-width: 991px) {
  .supreme-element.post-driver .post-thumbnail {
    width: 100%;
    height: 250px;
    border-radius: 20px 20px 0 0;
  }
}
.supreme-element.post-driver .post-content {
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  justify-content: center;
  flex: 1;
}
@media (max-width: 991px) {
  .supreme-element.post-driver .post-content {
    width: 100%;
  }
}
.supreme-element.post-driver .post-category {
  position: absolute;
  top: 24px;
  left: 23px;
  display: inline-block;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  padding: 2px 12px;
  border: 1px solid var(--Brand-Colors-Light-Gray, #D1D1D1);
  border-radius: 20px;
  z-index: 1;
}
.supreme-element.post-driver .post-title {
  margin: 0;
}
.supreme-element.post-driver .post-excerpt {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.supreme-element.post-driver .post-button {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  position: relative;
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  padding: 5px 0;
  transition: all 0.3s ease;
  cursor: pointer;
  width: auto;
}
@media (max-width: 767px) {
  .supreme-element.post-driver .post-button {
    font-size: 18px;
    line-height: 26px;
  }
}
.supreme-element.post-driver .post-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
}
.supreme-element.post-driver .post-button .button-arrow {
  width: 0;
  height: 24px;
  margin-left: 0;
  opacity: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
.supreme-element.post-driver .post-button .button-arrow svg {
  width: 24px;
  height: 100%;
}
.supreme-element.post-driver .post-button .button-arrow svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.post-driver .post-button:hover {
  text-decoration: none;
}
.supreme-element.post-driver .post-button:hover::after {
  height: 3px;
}
.supreme-element.post-driver .post-button:hover .button-arrow {
  width: 24px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.supreme-element.post-driver .post-driver-placeholder {
  padding: var(--spacing-4xl, 80px) var(--spacing-xl, 24px);
  text-align: center;
  background-color: var(--Brand-Colors-Neutral-Background-Color-2, #F4F9FA);
  border-radius: 8px;
}
.supreme-element.post-driver .post-driver-placeholder p {
  margin: 0;
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
}

/* Block Table Component */
.supreme-element.block-table {
  position: relative;
  width: 100%;
}
.supreme-element.block-table .block-table__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}
.supreme-element.block-table .block-table__title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.block-table .block-table__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.block-table .block-table__description p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.block-table .block-table__description p:last-child {
  margin-bottom: 0;
}
.supreme-element.block-table .block-table__wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__wrapper {
    position: relative;
  }
  .supreme-element.block-table .block-table__wrapper::before, .supreme-element.block-table .block-table__wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .supreme-element.block-table .block-table__wrapper::before {
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
  }
  .supreme-element.block-table .block-table__wrapper::after {
    right: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
  }
  .supreme-element.block-table .block-table__wrapper.is-scrollable-left::before {
    opacity: 1;
  }
  .supreme-element.block-table .block-table__wrapper.is-scrollable-right::after {
    opacity: 1;
  }
}
.supreme-element.block-table .block-table__table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  min-width: 800px;
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__table {
    min-width: 700px;
  }
}
@media (max-width: 991px) {
  .supreme-element.block-table .block-table__table {
    min-width: 600px;
  }
}
.supreme-element.block-table .block-table__header-row {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
.block-table--header-light .supreme-element.block-table .block-table__header-row {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-element.block-table .block-table__header {
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  text-align: left;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-bottom: 1px solid var(--Base-Colors-Silver, #e0e0e0);
}
.block-table--header-light .supreme-element.block-table .block-table__header {
  color: var(--text, #262626);
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__header {
    font-size: var(--Font-Size-f-size-base, 16px);
    padding: var(--spacing-xs, 8px);
  }
}
.supreme-element.block-table .block-table__table--more-than-2-cols .block-table__header:first-child,
.supreme-element.block-table .block-table__table--more-than-2-cols .block-table__cell:first-child {
  width: 160px;
}
.supreme-element.block-table .block-table__table--more-than-2-cols .block-table__header:not(:first-child),
.supreme-element.block-table .block-table__table--more-than-2-cols .block-table__cell:not(:first-child) {
  width: auto;
}
.supreme-element.block-table .block-table__table--2-cols .block-table__header,
.supreme-element.block-table .block-table__table--2-cols .block-table__cell {
  width: auto;
}
.supreme-element.block-table .block-table__row {
  border-bottom: 1px solid var(--Base-Colors-Silver, #e0e0e0);
  transition: background-color 0.2s ease;
}
.supreme-element.block-table .block-table__row:hover {
  background-color: rgba(244, 249, 250, 0.5);
}
.block-table--striped .supreme-element.block-table .block-table__row--alt {
  background-color: rgba(244, 249, 250, 0.5);
}
.block-table--striped .supreme-element.block-table .block-table__row--alt:hover {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-element.block-table .block-table__row--empty:hover {
  background-color: transparent;
}
.supreme-element.block-table .block-table__cell {
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
  vertical-align: top;
}
.supreme-element.block-table .block-table__cell--empty {
  text-align: center;
  padding: var(--spacing-3xl, 40px) var(--spacing-xl, 24px);
}
.supreme-element.block-table .block-table__cell--empty p {
  margin: 0;
  color: var(--Base-Colors-Gray, #707070);
  font-style: italic;
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__cell {
    font-size: var(--Font-Size-f-size-base, 16px);
    padding: var(--spacing-xs, 8px);
  }
}
@media (max-width: 991px) {
  .supreme-element.block-table .block-table__cell {
    font-size: var(--Font-Size-f-size-xxs, 14px);
    line-height: 1.4;
  }
}
@media (max-width: 991px) {
  .supreme-element.block-table .block-table__container {
    gap: var(--spacing-sm, 12px);
  }
}
.supreme-element.block-table table .block-table__row--alt {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #F4F9FA);
}
.supreme-element.block-table table .block-table__row,
.supreme-element.block-table table .block-table__row:hover {
  background-color: var(--Brand-Colors-Primary-White);
}

/* Custom Driver Component */
.supreme-element.custom-driver {
  width: 100%;
}

.custom-driver-wrapper {
  width: 100%;
}

.custom-driver-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  max-width: 1000px;
  margin: 0 auto;
}

.custom-driver-link {
  text-decoration: none;
  color: inherit;
  display: block;
}
.custom-driver-link:hover, .custom-driver-link:focus {
  text-decoration: none;
  color: inherit;
}

.custom-driver-card {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  overflow: hidden;
  position: relative;
}
.custom-driver-card.custom-driver-card--horizontal {
  display: flex;
  align-items: stretch;
  min-height: 280px;
  height: 100%;
}
.custom-driver-card.custom-driver-card--horizontal .custom-driver-image {
  flex-shrink: 0;
  width: 290px;
  height: auto;
}
.custom-driver-card.custom-driver-card--horizontal .custom-driver-content {
  flex: 1;
  padding: var(--spacing-xxl, 32px);
  gap: var(--spacing-md, 16px);
}
.custom-driver-card.custom-driver-card--horizontal.custom-driver-card--image-right {
  flex-direction: row-reverse;
}
.custom-driver-card.custom-driver-card--vertical {
  display: flex;
  flex-direction: column;
}
.custom-driver-card.custom-driver-card--vertical .custom-driver-image {
  width: 100%;
  height: 300px;
}
.custom-driver-card.custom-driver-card--vertical .custom-driver-content {
  padding: var(--spacing-xxl, 32px);
}

.custom-driver-image {
  position: relative;
  overflow: hidden;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.custom-driver-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.custom-driver-image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.custom-driver-image-placeholder span {
  color: var(--Base-Colors-Gray, #707070);
  font-style: italic;
}

.custom-driver-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}

.custom-driver-title {
  margin: 0;
  color: var(--text, #262626);
}

.custom-driver-description {
  margin: 0;
  color: var(--text, #262626);
}

.custom-driver-arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.custom-driver-arrow svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 1199px) {
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-image {
    width: 250px;
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-content {
    padding: var(--spacing-xl, 24px);
  }
}
@media (max-width: 991px) {
  .custom-driver-container {
    gap: var(--spacing-sm, 12px);
  }
  .custom-driver-card.custom-driver-card--horizontal {
    flex-direction: column;
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-image {
    width: 100%;
    height: 200px;
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-content {
    padding: var(--spacing-lg, 20px);
  }
  .custom-driver-card.custom-driver-card--horizontal.custom-driver-card--image-right {
    flex-direction: column;
  }
  .custom-driver-card.custom-driver-card--vertical .custom-driver-image {
    height: 200px;
  }
  .custom-driver-card.custom-driver-card--vertical .custom-driver-content {
    padding: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .custom-driver-card {
    border-radius: var(--border-radius-border-radius-md, 12px);
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-content, .custom-driver-card.custom-driver-card--vertical .custom-driver-content {
    padding: var(--spacing-md, 16px);
  }
}
.supreme-element .custom-driver-description.paragraph-small, .supreme-element.popular-products .custom-driver-description.product-description, .supreme-element .custom-driver-description.blog-card-excerpt, .supreme-element .blog-card-empty .custom-driver-description.blog-card-empty-text, .blog-card-empty .supreme-element .custom-driver-description.blog-card-empty-text, .supreme-element .resources-section .resources-header .resources-filter-row .resources-tabs-mobile .custom-driver-description.resources-dropdown, .resources-section .resources-header .resources-filter-row .resources-tabs-mobile .supreme-element .custom-driver-description.resources-dropdown, .supreme-element .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap p.custom-driver-description, .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap .supreme-element p.custom-driver-description {
  font-size: var(--Font-Size-Paragraph-f-size);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}

.custom-driver-button {
  position: relative;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  width: fit-content;
  margin: 0 !important;
  transition: 0.3s ease-in-out;
}
.custom-driver-button::after {
  position: absolute;
  content: "";
  height: 2px;
  background: #20D340;
  width: 100%;
  left: 0;
  bottom: -2px;
  transition: 0.3s ease-in-out;
}

.custom-driver-card:hover .custom-driver-button::after {
  height: 3px;
  transition: 0.3s ease-in-out;
}

.custom-driver-card.custom-driver-card--horizontal {
  min-height: 280px;
  height: 100%;
}

.case-study-sec .custom-driver-content {
  justify-content: center;
}
.case-study-sec .custom-driver-image {
  width: 411px;
}
.case-study-sec p.custom-driver-description {
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: 700;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  position: relative;
}
.case-study-sec p.custom-driver-description::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 211px;
  height: 2px;
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
}
.case-study-sec p.custom-driver-description:hover::after {
  height: 3px;
}

.syn-experts-sec h3.custom-driver-title {
  font-size: 28px;
}

@media (max-width: 991px) {
  .case-study-sec .custom-driver-image {
    width: 100%;
  }
}
/* Block References Component */
.supreme-element.block-references {
  width: 100%;
}

.block-references__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  max-width: 1000px;
  margin: 0 auto;
}

.block-references__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.block-references__content {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  line-height: var(--Line-Height-Line-height-f-size-base, 26px);
}
.block-references__content ol, .block-references__content ul {
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-xl, 24px);
}
.block-references__content ol:last-child, .block-references__content ul:last-child {
  margin-bottom: 0;
}
.block-references__content ol li, .block-references__content ul li {
  padding-left: var(--spacing-xs, 8px);
}
.block-references__content ol li:last-child, .block-references__content ul li:last-child {
  margin-bottom: 0;
}
.block-references__content ol li {
  font-size: var(--Font-Size-f-size-xs, 16px);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
}
.block-references__content p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.block-references__content p:last-child {
  margin-bottom: 0;
}
.block-references__content a {
  color: var(--Brand-Colors-Link-Color, #0066cc);
  text-decoration: underline;
}
.block-references__content a:hover {
  text-decoration: none;
}
.block-references__content blockquote {
  margin: var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-lg, 20px);
  border-left: 3px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  font-style: italic;
}

.block-references__empty {
  padding: var(--spacing-xxl, 32px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
  color: var(--Base-Colors-Gray, #707070);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  margin: 0;
}

@media (max-width: 991px) {
  .block-references__container {
    gap: var(--spacing-sm, 12px);
  }
  .block-references__content ol, .block-references__content ul {
    padding-left: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .block-references__content ol, .block-references__content ul {
    padding-left: var(--spacing-md, 16px);
  }
  .block-references__content ol li, .block-references__content ul li {
    padding-left: var(--spacing-xxs, 4px);
  }
  .block-references__content blockquote {
    padding-left: var(--spacing-md, 16px);
  }
}
.chapters-section {
  width: 100%;
}
.chapters-section.has-chapters {
  padding-top: var(--spacing-3xl, 40px);
  padding-bottom: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
}
.chapters-section:not(.has-chapters) {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  background: none !important;
}
.chapters-section .chapters-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}
.chapters-section .chapters-grid.chapters-grid-2 .chapter-card {
  width: calc(50% - 6px);
  max-width: 834px;
}
.chapters-section .chapters-grid.chapters-grid-3 .chapter-card {
  width: calc(33.333% - 8px);
  max-width: 552px;
}
.chapters-section .chapters-grid.chapters-grid-4 .chapter-card {
  width: calc(25% - 9px);
  max-width: 411px;
}
.chapters-section .chapter-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 8px;
  padding: 12px;
  min-height: 106px;
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  overflow: visible;
}
.chapters-section .chapter-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 8px;
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.chapters-section .chapter-card > * {
  position: relative;
  z-index: 2;
}
.chapters-section .chapter-card:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.chapters-section .chapter-card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.chapters-section .chapter-card:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Color, #007cba);
  outline-offset: 2px;
}
.chapters-section .chapter-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
}
.chapters-section .chapter-number {
  color: var(--text, #262626);
}
.chapters-section .chapter-title {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  font-weight: var(--Font-Weight-Semibold, 600);
  line-height: var(--Line-Height-Line-height-body-small, 22px);
  color: var(--text, #262626);
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1200px) {
  .chapters-section .chapters-grid.chapters-grid-4 .chapter-card {
    width: calc(33.333% - 8px);
  }
}
@media (max-width: 768px) {
  .chapters-section.has-chapters {
    padding-top: var(--spacing-2xl, 32px);
    padding-bottom: var(--spacing-2xl, 32px);
  }
  .chapters-section .chapters-grid {
    gap: 10px;
  }
  .chapters-section .chapters-grid.chapters-grid-2 .chapter-card, .chapters-section .chapters-grid.chapters-grid-3 .chapter-card, .chapters-section .chapters-grid.chapters-grid-4 .chapter-card {
    width: calc(50% - 5px);
    max-width: none;
  }
  .chapters-section .chapter-card {
    min-height: 90px;
  }
}
@media (max-width: 480px) {
  .chapters-section .chapters-grid.chapters-grid-2 .chapter-card, .chapters-section .chapters-grid.chapters-grid-3 .chapter-card, .chapters-section .chapters-grid.chapters-grid-4 .chapter-card {
    width: 100%;
  }
}

.chapter-card.chapter-empty {
  background: var(--Brand-Colors-Neutral-Background-Color-3, #f5f5f5);
  cursor: default;
}
.chapter-card.chapter-empty:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
.chapter-card.chapter-empty .chapter-content {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.chapter-card.chapter-empty .chapter-empty-text {
  color: var(--Brand-Colors-Neutral-Text-Color-2, #999999);
  font-style: italic;
}

/* Guide Hero Component */
.supreme-element.guide-hero {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-2, #f4f9fa);
  overflow-x: hidden;
}
.supreme-element.guide-hero .guide-hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-lxl, 20px);
}
@media (max-width: 991px) {
  .supreme-element.guide-hero .guide-hero-wrapper {
    padding-top: var(--spacing-4xl, 80px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.guide-hero .guide-hero-wrapper {
    padding-bottom: var(--spacing-5xl, 80px);
  }
}
.supreme-element.guide-hero .guide-hero-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: var(--spacing-3xl, 40px);
  align-items: flex-start;
}
.supreme-element.guide-hero .guide-hero-container.reverse-layout {
  flex-direction: row-reverse;
}
.supreme-element.guide-hero .hero-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}
@media (max-width: 767px) {
  .supreme-element.guide-hero .hero-content {
    text-align: left;
    align-items: flex-start;
  }
}
.supreme-element.guide-hero .hero-eyebrow {
  text-transform: uppercase;
  margin: 0;
}
.supreme-element.guide-hero .hero-title {
  margin: 0;
}
.supreme-element.guide-hero .hero-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.guide-hero .hero-text p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.supreme-element.guide-hero .hero-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.guide-hero .hero-text h1,
.supreme-element.guide-hero .hero-text h2,
.supreme-element.guide-hero .hero-text h3,
.supreme-element.guide-hero .hero-text h4,
.supreme-element.guide-hero .hero-text h5,
.supreme-element.guide-hero .hero-text h6 {
  margin-top: var(--spacing-lg, 16px);
  margin-bottom: var(--spacing-md, 8px);
}
.supreme-element.guide-hero .hero-text h1:first-child,
.supreme-element.guide-hero .hero-text h2:first-child,
.supreme-element.guide-hero .hero-text h3:first-child,
.supreme-element.guide-hero .hero-text h4:first-child,
.supreme-element.guide-hero .hero-text h5:first-child,
.supreme-element.guide-hero .hero-text h6:first-child {
  margin-top: 0;
}
.supreme-element.guide-hero .hero-text ul,
.supreme-element.guide-hero .hero-text ol {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
  padding-left: var(--spacing-lg, 24px);
}
.supreme-element.guide-hero .hero-text ul:last-child,
.supreme-element.guide-hero .hero-text ol:last-child {
  margin-bottom: 0;
}
.supreme-element.guide-hero .hero-text li {
  margin-bottom: var(--spacing-xs, 4px);
}
.supreme-element.guide-hero .hero-text li:last-child {
  margin-bottom: 0;
}
.supreme-element.guide-hero .hero-text blockquote {
  margin: var(--spacing-lg, 16px) 0;
  padding-left: var(--spacing-lg, 16px);
  border-left: 3px solid var(--Brand-Colors-Primary-Color, #0066cc);
  font-style: italic;
}
.supreme-element.guide-hero .hero-text a {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.supreme-element.guide-hero .hero-text img {
  max-width: 100%;
  height: auto;
  margin: var(--spacing-md, 8px) 0;
}
.supreme-element.guide-hero .hero-text table {
  width: 100%;
  margin: var(--spacing-lg, 16px) 0;
  border-collapse: collapse;
}
.supreme-element.guide-hero .hero-text table th,
.supreme-element.guide-hero .hero-text table td {
  padding: var(--spacing-sm, 8px);
  border: 1px solid var(--Brand-Colors-Neutral-Border-Color, #e5e5e5);
}
.supreme-element.guide-hero .hero-text table th {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #f5f5f5);
  font-weight: var(--Font-Weight-Bold, 700);
}
.supreme-element.guide-hero .hero-text pre {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #f5f5f5);
  padding: var(--spacing-md, 12px);
  border-radius: var(--border-radius-border-radius-sm, 4px);
  overflow-x: auto;
  margin: var(--spacing-lg, 16px) 0;
}
.supreme-element.guide-hero .hero-text code {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #f5f5f5);
  padding: 2px 4px;
  border-radius: var(--border-radius-border-radius-sm, 4px);
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
}
.supreme-element.guide-hero .hero-button {
  align-self: flex-start;
  margin-top: var(--spacing-md, 8px);
}
.supreme-element.guide-hero .hero-button:hover {
  box-shadow: none;
}
@media (max-width: 767px) {
  .supreme-element.guide-hero .hero-button {
    align-self: flex-start;
  }
}
.supreme-element.guide-hero .hero-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40%;
}
@media (max-width: 767px) {
  .supreme-element.guide-hero .hero-image {
    width: 100%;
  }
}
.supreme-element.guide-hero .hero-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.guide-hero .hero-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #e5e5e5);
  border-radius: var(--border-radius-border-radius-md, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.guide-hero .hero-placeholder .placeholder-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  text-align: center;
}

.resource-sec {
  overflow: hidden;
  transition: all 0.3s ease;
}
.resource-sec .blog-card-image {
  background-size: cover;
}
.resource-sec .blog-card-image:hover {
  transform: scale(1.08);
}

@media (max-width: 767px) {
  .supreme-element.guide-hero .guide-hero-wrapper {
    padding-bottom: 0px;
  }
  .supreme-element.guide-hero .guide-hero-wrapper .guide-hero-container {
    width: 100%;
    flex-direction: column-reverse;
  }
  .supreme-element.guide-hero .guide-hero-container.supreme-global-container {
    width: 100%;
    flex-direction: column-reverse;
  }
  .guide-hero .hero-content p {
    font-size: var(--Font-Size-f-size-xxs);
  }
}
.supreme-element.guide-hero .guide-hero-wrapper {
  padding-bottom: var(--spacing-lg, 24px);
}

@media (max-width: 991px) {
  .supreme-element.guide-hero .guide-hero-container {
    flex-direction: row;
    gap: var(--spacing-xl, 40px);
  }
}
@media (max-width: 768px) {
  .supreme-element.guide-hero .hero-text {
    font-size: var(--Font-Size-Paragraph-f-size, 14px);
  }
}
.oxy-guide-hero.supreme-element.guide-hero .guide-hero-wrapper {
  padding-bottom: var(--spacing-4xl, 80px);
}

.guide-content-section {
  width: 100%;
}
.guide-content-section .guide-content-wrapper.guide-content-bg-gradient {
  background: linear-gradient(180deg, #F4F9FA 0%, #FFFFFF 100%);
}
.guide-content-section .guide-content-container {
  width: 100%;
  margin: 0 auto;
}
.guide-content-section .guide-content-inner {
  width: 100%;
  margin: 0 auto;
}
.guide-content-section .guide-content-inner h2:not([class*=headline-]) + p {
  margin-top: 0px;
}
.guide-content-section .guide-content-width-narrow .guide-content-inner {
  max-width: 800px;
}
.guide-content-section .guide-content-width-medium .guide-content-inner {
  max-width: 1000px;
}
.guide-content-section .guide-content-width-wide .guide-content-inner {
  max-width: 1200px;
}
.guide-content-section .guide-content-width-full .guide-content-inner {
  max-width: 100%;
}
.guide-content-section .guide-content-align-left .wysiwyg-content {
  text-align: left;
}
.guide-content-section .guide-content-align-center .wysiwyg-content {
  text-align: center;
}
.guide-content-section .guide-content-align-right .wysiwyg-content {
  text-align: right;
}
.guide-content-section .guide-content-align-justify .wysiwyg-content {
  text-align: justify;
}
.guide-content-section .guide-content-font-small .wysiwyg-content {
  font-size: var(--Font-Size-Body-Small-f-size, 16px);
}
.guide-content-section .guide-content-font-small .wysiwyg-content h1, .guide-content-section .guide-content-font-small .wysiwyg-content h2, .guide-content-section .guide-content-font-small .wysiwyg-content h3, .guide-content-section .guide-content-font-small .wysiwyg-content h4, .guide-content-section .guide-content-font-small .wysiwyg-content h5, .guide-content-section .guide-content-font-small .wysiwyg-content h6 {
  font-size: calc(1em * var(--heading-scale, 1));
}
.guide-content-section .guide-content-font-medium .wysiwyg-content {
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
}
.guide-content-section .guide-content-font-large .wysiwyg-content {
  font-size: var(--Font-Size-Body-Large-f-size, 20px);
}
.guide-content-section .guide-content-font-xlarge .wysiwyg-content {
  font-size: var(--Font-Size-Body-XLarge-f-size, 22px);
}
.guide-content-section .guide-content-line-tight .wysiwyg-content {
  line-height: 1.4;
}
.guide-content-section .guide-content-line-normal .wysiwyg-content {
  line-height: 1.6;
}
.guide-content-section .guide-content-line-relaxed .wysiwyg-content {
  line-height: 1.8;
}
.guide-content-section .guide-content-line-loose .wysiwyg-content {
  line-height: 2;
}
.guide-content-section .wysiwyg-content {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-weight: var(--Font-Weight-Regular, 400);
  color: var(--text, #262626);
}
.guide-content-section .wysiwyg-content > *:first-child {
  margin-top: 0;
}
.guide-content-section .wysiwyg-content > *:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.guide-content-section .wysiwyg-content p:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content h1, .guide-content-section .wysiwyg-content h2, .guide-content-section .wysiwyg-content h3, .guide-content-section .wysiwyg-content h4, .guide-content-section .wysiwyg-content h5, .guide-content-section .wysiwyg-content h6 {
  font-family: var(--Font-Family-Primary, "Roboto");
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.2;
  margin-top: var(--spacing-xxl, 32px);
  margin-bottom: var(--spacing-md, 16px);
  color: var(--text, #262626);
}
.guide-content-section .wysiwyg-content h1:first-child, .guide-content-section .wysiwyg-content h2:first-child, .guide-content-section .wysiwyg-content h3:first-child, .guide-content-section .wysiwyg-content h4:first-child, .guide-content-section .wysiwyg-content h5:first-child, .guide-content-section .wysiwyg-content h6:first-child {
  margin-top: 0;
}
.guide-content-section .wysiwyg-content h1 {
  font-size: var(--Font-Size-Heading-1-f-size, 48px);
}
@media (max-width: 767px) {
  .guide-content-section .wysiwyg-content h1 {
    font-size: var(--Font-Size-Heading-1-Mobile-f-size, 36px);
  }
}
.guide-content-section .wysiwyg-content h2 {
  font-size: var(--Font-Size-f-size-xxl, 40px);
  line-height: var(--Line-Height-Line-height-f-size-xxl, 54px);
}
.guide-content-section .wysiwyg-content h3 {
  font-size: var(--Font-Size-Heading-3-f-size, 32px);
}
@media (max-width: 767px) {
  .guide-content-section .wysiwyg-content h3 {
    font-size: var(--Font-Size-Heading-3-Mobile-f-size, 28px);
  }
}
.guide-content-section .wysiwyg-content h4 {
  font-size: var(--Font-Size-Heading-4-f-size, 24px);
}
@media (max-width: 767px) {
  .guide-content-section .wysiwyg-content h4 {
    font-size: var(--Font-Size-Heading-4-Mobile-f-size, 22px);
  }
}
.guide-content-section .wysiwyg-content h5 {
  font-size: var(--Font-Size-Heading-5-f-size, 20px);
}
.guide-content-section .wysiwyg-content h6 {
  font-size: var(--Font-Size-Heading-6-f-size, 18px);
}
.guide-content-section .wysiwyg-content ul, .guide-content-section .wysiwyg-content ol {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 20px) 0;
  padding-left: var(--spacing-xl, 28px);
}
.guide-content-section .wysiwyg-content ul:last-child, .guide-content-section .wysiwyg-content ol:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content ul li, .guide-content-section .wysiwyg-content ol li {
  margin-bottom: var(--spacing-xxs, 4px);
}
.guide-content-section .wysiwyg-content ul li:last-child, .guide-content-section .wysiwyg-content ol li:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content ul li ul, .guide-content-section .wysiwyg-content ul li ol, .guide-content-section .wysiwyg-content ol li ul, .guide-content-section .wysiwyg-content ol li ol {
  margin-top: var(--spacing-sm, 8px);
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content ul {
  list-style-type: disc;
}
.guide-content-section .wysiwyg-content ul ul {
  list-style-type: circle;
}
.guide-content-section .wysiwyg-content ul ul ul {
  list-style-type: square;
}
.guide-content-section .wysiwyg-content ol {
  list-style-type: decimal;
}
.guide-content-section .wysiwyg-content ol ol {
  list-style-type: lower-alpha;
}
.guide-content-section .wysiwyg-content ol ol ol {
  list-style-type: lower-roman;
}
.guide-content-section .wysiwyg-content blockquote {
  margin: var(--spacing-xl, 24px) 0;
  padding: var(--spacing-lg, 16px) 0 var(--spacing-lg, 16px) var(--spacing-lg, 24px);
  border-left: 4px solid var(--Brand-Colors-Primary-Color, #0066CC);
  font-style: italic;
  color: var(--Brand-Colors-Neutral-Text-Color-2, #666666);
}
.guide-content-section .wysiwyg-content blockquote p:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content blockquote cite {
  display: block;
  margin-top: var(--spacing-md, 12px);
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  font-style: normal;
  color: var(--text, #262626);
}
.guide-content-section .wysiwyg-content blockquote cite:before {
  content: "— ";
}
.guide-content-section .wysiwyg-content a:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Color, #0066CC);
  outline-offset: 2px;
}
.guide-content-section .wysiwyg-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: var(--spacing-xl, 24px) auto;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.guide-content-section .wysiwyg-content img.alignleft {
  float: left;
  margin: var(--spacing-md, 12px) var(--spacing-lg, 20px) var(--spacing-md, 12px) 0;
}
.guide-content-section .wysiwyg-content img.alignright {
  float: right;
  margin: var(--spacing-md, 12px) 0 var(--spacing-md, 12px) var(--spacing-lg, 20px);
}
.guide-content-section .wysiwyg-content img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.guide-content-section .wysiwyg-content figure {
  margin: var(--spacing-xl, 24px) 0;
}
.guide-content-section .wysiwyg-content figure img {
  margin: 0;
}
.guide-content-section .wysiwyg-content figure figcaption {
  margin-top: var(--spacing-sm, 8px);
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  color: var(--Brand-Colors-Neutral-Text-Color-2, #666666);
  text-align: center;
  font-style: italic;
}
.guide-content-section .wysiwyg-content table {
  width: 100%;
  margin: var(--spacing-xl, 24px) 0;
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
}
@media (min-width: 768px) {
  .guide-content-section .wysiwyg-content table {
    display: table;
  }
}
.guide-content-section .wysiwyg-content table th, .guide-content-section .wysiwyg-content table td {
  padding: var(--spacing-md, 12px) var(--spacing-lg, 16px);
  text-align: left;
  border: 1px solid var(--Brand-Colors-Neutral-Border-Color, #E5E5E5);
}
.guide-content-section .wysiwyg-content table th {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #F5F5F5);
  font-weight: var(--Font-Weight-Bold, 700);
  color: var(--text, #262626);
}
.guide-content-section .wysiwyg-content table tr:nth-child(even) {
  background-color: var(--Brand-Colors-Neutral-Background-Color-2, #FAFAFA);
}
.guide-content-section .wysiwyg-content table tr:hover {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #F5F5F5);
}
.guide-content-section .wysiwyg-content pre {
  background-color: var(--Brand-Colors-Neutral-Background-Color-4, #F5F5F5);
  border: 1px solid var(--Brand-Colors-Neutral-Border-Color, #E5E5E5);
  border-radius: var(--border-radius-border-radius-sm, 4px);
  padding: var(--spacing-lg, 16px);
  margin: var(--spacing-xl, 24px) 0;
  overflow-x: auto;
  font-family: var(--Font-Family-Mono, "Courier New", Courier, monospace);
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  line-height: 1.5;
}
.guide-content-section .wysiwyg-content pre code {
  background: none;
  padding: 0;
  font-size: inherit;
  color: inherit;
}
.guide-content-section .wysiwyg-content code {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #F5F5F5);
  padding: 2px 6px;
  border-radius: var(--border-radius-border-radius-sm, 4px);
  font-family: var(--Font-Family-Mono, "Courier New", Courier, monospace);
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  color: var(--Brand-Colors-Secondary-Color, #E91E63);
}
.guide-content-section .wysiwyg-content hr {
  margin: var(--spacing-2xl, 32px) 0;
  border: none;
  border-top: 1px solid var(--Brand-Colors-Neutral-Border-Color, #E5E5E5);
}
.guide-content-section .wysiwyg-content dl {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 20px) 0;
}
.guide-content-section .wysiwyg-content dl dt {
  font-weight: var(--Font-Weight-Bold, 700);
  margin-bottom: var(--spacing-xs, 4px);
}
.guide-content-section .wysiwyg-content dl dd {
  margin-left: var(--spacing-xl, 28px);
  margin-bottom: var(--spacing-md, 12px);
}
.guide-content-section .wysiwyg-content dl dd:last-child {
  margin-bottom: 0;
}
.guide-content-section .wysiwyg-content .wp-block-embed {
  margin: var(--spacing-xl, 24px) 0;
}
.guide-content-section .wysiwyg-content .wp-block-embed iframe {
  max-width: 100%;
}
.guide-content-section .wysiwyg-content .wp-block-gallery {
  margin: var(--spacing-xl, 24px) 0;
}
.guide-content-section .wysiwyg-content::after {
  content: "";
  display: table;
  clear: both;
}

.mobile-block {
  display: grid;
  grid-template-columns: minmax(300px, 70%) minmax(200px, 30%);
  gap: 30px;
  margin-top: 30px;
}
.mobile-block aside a {
  text-decoration: none;
}

.block-box-hover {
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  height: fit-content;
}
.block-box-hover p:empty {
  display: none;
}
.block-box-hover a {
  text-decoration: none;
}

.block-hover a {
  text-decoration: none;
}

.cta-inline-right {
  padding: var(--spacing-3xl, 40px);
}

.img-content-block {
  display: grid;
  grid-template-columns: minmax(300px, 30%) minmax(200px, 70%);
  align-items: center;
}

.guide-content-section .cta-inline-title-bar {
  max-width: 340px;
}

@media (max-width: 767px) {
  .mobile-block,
  .img-content-block {
    grid-template-columns: 1fr;
  }
}
.wp-singular .guide-content-section .wysiwyg-content img {
  height: auto;
}

.single-learn .supreme-element h3:not([class*=headline-]) + p,
.single-learn .supreme-element h4:not([class*=headline-]) + p,
.single-guide .supreme-element h3:not([class*=headline-]) + p,
.single-guide .supreme-element h4:not([class*=headline-]) + p {
  margin-top: var(--spacing-md, 16px);
}

.guide-first-chapter-section {
  width: 100%;
}
.guide-first-chapter-section.has-chapters {
  display: block;
}
.guide-first-chapter-section:not(.has-chapters) {
  display: none !important;
}
.guide-first-chapter-section .guide-first-chapter-wrapper {
  width: 100%;
}
.guide-first-chapter-section .guide-first-chapter-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-left: var(--Container-Padding, 20px);
  padding-right: var(--Container-Padding, 20px);
  background-color: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
}
.guide-first-chapter-section .guide-first-chapter-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: var(--spacing-2xl, 32px) var(--spacing-xxl, 80px);
}
.guide-first-chapter-section .first-chapter-button {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 5px 0;
  text-decoration: none;
  color: var(--text, #000000);
  position: relative;
  transition: all 0.3s ease;
}
.guide-first-chapter-section .first-chapter-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.guide-first-chapter-section .first-chapter-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.guide-first-chapter-section .first-chapter-button:hover::after {
  height: 2px;
}
.guide-first-chapter-section .first-chapter-button:hover .button-icon {
  width: 20px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.guide-first-chapter-section .first-chapter-button:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Color, #007cba);
  outline-offset: 4px;
}
.guide-first-chapter-section .button-icon {
  width: 20px;
  opacity: 1;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guide-first-chapter-section .button-text {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Body-Large-f-size, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-body-large, 28px);
}
@media (max-width: 768px) {
  .guide-first-chapter-section .guide-first-chapter-content {
    padding: var(--spacing-xl, 24px) var(--spacing-xl, 24px);
  }
  .guide-first-chapter-section .button-text {
    font-size: var(--Font-Size-Body-Medium-f-size, 16px);
    line-height: var(--Line-Height-Line-height-body-medium, 24px);
  }
}
@media (max-width: 480px) {
  .guide-first-chapter-section .guide-first-chapter-content {
    justify-content: center;
  }
}

.guide-child-navigation-section {
  width: 100%;
}
.guide-child-navigation-section .guide-child-navigation-wrapper {
  width: 100%;
}
.guide-child-navigation-section .guide-child-navigation-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-left: var(--Container-Padding, 20px);
  padding-right: var(--Container-Padding, 20px);
  background-color: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
  border-radius: 8px;
}
.guide-child-navigation-section .guide-child-navigation-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-2xl, 32px);
  padding: var(--spacing-2xl, 32px) var(--spacing-xxl, 80px);
}
.guide-child-navigation-section .navigation-buttons {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  justify-content: space-between;
  height: 100%;
  min-height: 120px;
}
.guide-child-navigation-section .next-chapter-button {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 5px 0;
  text-decoration: none;
  color: var(--text, #000000);
  position: relative;
  transition: all 0.3s ease;
}
.guide-child-navigation-section .next-chapter-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.guide-child-navigation-section .next-chapter-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.guide-child-navigation-section .next-chapter-button:hover::after {
  height: 3px;
}
.guide-child-navigation-section .next-chapter-button:hover .button-icon {
  width: 20px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.guide-child-navigation-section .beginning-button {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 0;
  padding: 5px 0;
  text-decoration: none;
  color: var(--text, #000000);
  position: relative;
  transition: all 0.3s ease;
}
.guide-child-navigation-section .beginning-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.guide-child-navigation-section .beginning-button:hover {
  text-decoration: none;
  transform: none;
}
.guide-child-navigation-section .beginning-button:hover::after {
  height: 2px;
}
.guide-child-navigation-section .button-text {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Body-Large-f-size, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-body-large, 28px);
}
.guide-child-navigation-section .button-icon {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guide-child-navigation-section .button-icon svg {
  width: 20px;
  height: 20px;
}
.guide-child-navigation-section .chapter-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-end;
  max-width: 580px;
}
.guide-child-navigation-section .chapter-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 8px;
  padding: 12px;
  width: 280px;
  min-height: 106px;
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  overflow: visible;
}
.guide-child-navigation-section .chapter-card:after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 8px;
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.guide-child-navigation-section .chapter-card > * {
  position: relative;
  z-index: 2;
}
.guide-child-navigation-section .chapter-card:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.guide-child-navigation-section .chapter-card:hover:after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.guide-child-navigation-section .chapter-card:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Color, #007cba);
  outline-offset: 2px;
}
.guide-child-navigation-section .chapter-card.current::after {
  padding: 2px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.guide-child-navigation-section .chapter-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
}
.guide-child-navigation-section .chapter-number {
  color: var(--text, #262626);
}
.guide-child-navigation-section .chapter-title {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  font-weight: var(--Font-Weight-Semibold, 600);
  line-height: var(--Line-Height-Line-height-body-small, 22px);
  color: var(--text, #262626);
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1024px) {
  .guide-child-navigation-section .guide-child-navigation-content {
    flex-direction: column;
    padding: var(--spacing-xl, 24px) var(--spacing-xl, 24px);
  }
  .guide-child-navigation-section .navigation-buttons {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    min-height: auto;
  }
  .guide-child-navigation-section .chapter-cards {
    width: 100%;
    max-width: none;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .guide-child-navigation-section .guide-child-navigation-content {
    padding: var(--spacing-xl, 24px) var(--spacing-xl, 24px);
  }
  .guide-child-navigation-section .button-text {
    font-size: var(--Font-Size-Body-Medium-f-size, 16px);
    line-height: var(--Line-Height-Line-height-body-medium, 24px);
  }
  .guide-child-navigation-section .chapter-cards {
    gap: 12px;
  }
  .guide-child-navigation-section .chapter-card {
    width: calc(50% - 6px);
    min-width: 240px;
  }
}
@media (max-width: 480px) {
  .guide-child-navigation-section .navigation-buttons {
    flex-direction: column;
    gap: var(--spacing-md, 12px);
  }
  .guide-child-navigation-section .chapter-card {
    width: 100%;
  }
}

.guide-contents-section {
  width: 100%;
  position: sticky;
  top: 100px;
  z-index: 10;
}
@media (max-width: 768px) {
  .guide-contents-section {
    position: relative;
    top: auto;
  }
}
.guide-contents-section .guide-contents-wrapper {
  width: 100%;
  max-width: 336px;
}
@media (max-width: 991px) {
  .guide-contents-section .guide-contents-wrapper {
    position: relative;
    top: 0;
  }
}
.guide-contents-section .guide-contents-container {
  width: 100%;
  max-width: 336px;
  margin: 0 auto;
  padding-left: var(--Container-Padding, 20px);
  padding-right: var(--Container-Padding, 20px);
}
.guide-contents-section .guide-contents-box {
  background-color: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
  border-radius: 8px;
  overflow: hidden;
  max-height: calc(100vh - 150px);
}
@media (max-width: 991px) {
  .guide-contents-section .guide-contents-box {
    max-height: none;
  }
}
.guide-contents-section .guide-contents-content {
  padding: var(--spacing-2xl, 32px);
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
@media (max-width: 991px) {
  .guide-contents-section .guide-contents-content {
    max-height: none;
    overflow-y: visible;
  }
}
.guide-contents-section .guide-contents-content::-webkit-scrollbar {
  width: 6px;
}
.guide-contents-section .guide-contents-content::-webkit-scrollbar-track {
  background: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
  border-radius: 3px;
}
.guide-contents-section .guide-contents-content::-webkit-scrollbar-thumb {
  background: var(--Brand-Colors-Neutrals-Gray-300, #b0b0b0);
  border-radius: 3px;
}
.guide-contents-section .guide-contents-content::-webkit-scrollbar-thumb:hover {
  background: var(--Brand-Colors-Neutrals-Gray-400, #999999);
}
.guide-contents-section .contents-header {
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  text-transform: uppercase;
  color: var(--text, #262626);
  margin-bottom: var(--spacing-xs, 8px);
}
.guide-contents-section .contents-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.guide-contents-section .contents-list a.content-cta:last-child {
  border: 0;
  background: var(--Brand-Colors-Neutral-Background-Color-1, #f4f9fa);
  box-shadow: none;
  transform: translateY(0);
  background-size: 200% 100%;
  background-position: left;
  transition: background-position 0.5s ease, border-radius 0.5s ease;
}
.guide-contents-section .contents-list a.content-cta:last-child:hover {
  border-radius: 5px;
  background-image: linear-gradient(220deg, #20d340 13.39%, #00d1ed 85.48%);
  background-position: right;
}
.guide-contents-section .contents-list a.content-cta:last-child:hover .cta-title {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.guide-contents-section .contents-list a.content-cta:last-child:hover .cta-subtitle {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.guide-contents-section .content-item {
  position: relative;
  display: flex;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 8px;
  padding: 12px;
  width: 100%;
  min-height: auto;
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  overflow: visible;
  outline: none;
}
.guide-contents-section .content-item.heading-level-2 {
  padding-left: 32px;
}
.guide-contents-section .content-item.no-headings {
  color: var(--Text-Color-2, #666666);
  font-style: italic;
  cursor: default;
}
.guide-contents-section .content-item::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.5px;
  border-radius: 8px;
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.guide-contents-section .content-item > * {
  position: relative;
  z-index: 2;
}
.guide-contents-section .content-item:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.guide-contents-section .content-item:hover::after {
  padding: 3px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.guide-contents-section .content-item:focus {
  outline: none;
}
.guide-contents-section .content-item.current {
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.guide-contents-section .content-item.current::after {
  padding: 3px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.guide-contents-section .content-item.parent-item {
  font-weight: var(--Font-Weight-Semibold, 600);
}
.guide-contents-section .content-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: 600;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  color: var(--text, #262626);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.guide-contents-section .content-cta {
  display: flex;
  flex-direction: column;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: 5px;
  padding: 17px 24px;
  gap: var(--spacing-xs, 8px);
  max-width: 280px;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}
.guide-contents-section .content-cta:hover {
  text-decoration: none;
  border-color: var(--Brand-Colors-Primary-Cyan, #00d1ed);
  box-shadow: 0px 2px 8px rgba(0, 209, 237, 0.15);
  transform: translateY(-1px);
}
.guide-contents-section .content-cta:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Color, #007cba);
  outline-offset: 2px;
}
.guide-contents-section .cta-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.guide-contents-section .cta-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.guide-contents-section .cta-icon path {
  fill: var(--Brand-Colors-Neutral-Text-Color-2, #333333);
}
.guide-contents-section .cta-title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.guide-contents-section .cta-subtitle {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Body-Small-f-size, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-body-small, 22px);
  color: var(--text, #262626);
}
@media (max-width: 768px) {
  .guide-contents-section .guide-contents-content {
    padding: var(--spacing-xl, 24px);
  }
  .guide-contents-section .content-item,
  .guide-contents-section .content-cta {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .guide-contents-section .guide-contents-container {
    max-width: 100%;
  }
  .guide-contents-section .guide-contents-content {
    padding: var(--spacing-lg, 20px);
  }
}

.guide-block-sidebar {
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  display: flex;
  flex-direction: row;
  gap: 58px;
}
@media (max-width: 991px) {
  .guide-block-sidebar {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .guide-block-sidebar {
    padding-top: var(--spacing-xxxl, 60px);
    padding-bottom: var(--spacing-xxxl, 60px);
  }
}

@media (max-width: 1099px) {
  .guide-contents-section .guide-contents-content {
    padding: 20px;
  }
  .guide-contents-section .content-cta {
    padding: 17px 15px;
  }
}
.lever-postings-section {
  background-color: #F4F9FA;
  padding: 80px 0;
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .lever-postings-section {
    padding: 60px 20px;
  }
}

.lever-postings-container {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .lever-postings-container {
    padding: 0px;
  }
}

.lever-postings-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl, 40px);
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}

.lever-postings-title {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 700;
  font-size: 56px;
  line-height: 1.14;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .lever-postings-title {
    font-size: 40px;
    line-height: 1.2;
  }
}

.lever-postings-subtitle {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.5;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .lever-postings-subtitle {
    font-size: 20px;
    line-height: 1.4;
  }
}

.lever-postings-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 1024px;
}

.lever-job-group {
  width: 100%;
}
.lever-job-group.collapsed .lever-job-group-toggle svg {
  transform: rotate(180deg);
}
.lever-job-group.collapsed .lever-job-group-content {
  display: none;
}
.lever-job-group.collapsed .lever-job-group-header {
  border-radius: 8px;
  border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #D1D1D1);
}

.lever-job-group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-radius: var(--border-radius-border-radius-mid, 8px);
  background: var(--Brand-Colors-Light-grayish-cyan, #F4F9FA);
  padding: var(--spacing-md, 16px);
}

.lever-job-group-header h3 {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xl, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xl, 42px);
}

.lever-job-group-title {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.5;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .lever-job-group-title {
    font-size: 20px;
  }
}

.lever-job-group-toggle {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.lever-job-group-toggle svg {
  width: 34px;
  height: 34px;
  fill: transparent;
}

.lever-job-group-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0px 0 0px 0;
  transition: all 0.3s ease;
  margin-top: 16px;
}

.lever-postings-item {
  background: #FFFFFF;
  position: relative;
  width: 100%;
  transition: all 0.3s ease;
  padding: var(--spacing-xxl, 32px);
  border-radius: 20px;
}
.lever-postings-item:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  background: url(/wp-content/uploads/2025/08/arrow-Icons.png);
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease-in-out;
  opacity: 0;
}
.lever-postings-item:after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
  top: -1px !important;
  bottom: 0px;
  height: 100%;
  width: 100%;
  height: 101%;
}
.lever-postings-item:hover {
  box-shadow: 0 4px 24px 0 rgba(0, 209, 237, 0.25);
}
.lever-postings-item:hover:before {
  right: 10px;
  opacity: 1;
}
.lever-postings-item:hover:after {
  transform: unset;
  background: #00D084;
  padding: 3px;
}

.lever-job-card {
  background: #FFFFFF;
  border: 1px solid #D1D1D1;
  border-radius: 20px;
  padding: 32px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .lever-job-card {
    padding: 24px;
  }
}
.lever-job-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.lever-job-card.expanded .lever-job-toggle svg {
  transform: rotate(45deg);
}
.lever-job-card.expanded .lever-job-content {
  display: block;
}

.lever-job-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.lever-job-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.lever-job-info h4 {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-lg, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px);
}

.lever-job-title {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.42;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .lever-job-title {
    font-size: 20px;
  }
}

.lever-posting-meta {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  text-transform: uppercase;
  gap: 10px;
  display: flex;
}

.lever-posting-meta-item {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-monoo");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  text-transform: uppercase;
}

.lever-job-location {
  font-family: "roboto-mono", monospace;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.57;
  text-transform: uppercase;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .lever-job-location {
    font-size: 12px;
  }
}

.lever-job-toggle {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.lever-job-toggle svg {
  width: 24px;
  height: 24px;
  fill: #000000;
  transition: transform 0.3s ease;
}

.lever-job-content {
  display: none;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #D1D1D1;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.lever-job-description {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #262626;
  margin-bottom: 24px;
}
.lever-job-description p {
  margin: 0 0 16px 0;
}
.lever-job-description p:last-child {
  margin-bottom: 0;
}
.lever-job-description h5 {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  color: #262626;
  margin: 24px 0 12px 0;
}
.lever-job-description h5:first-child {
  margin-top: 0;
}
.lever-job-description ul, .lever-job-description ol {
  margin: 0 0 16px 0;
  padding-left: 24px;
}
.lever-job-description ul li, .lever-job-description ol li {
  margin-bottom: 8px;
}
.lever-job-description ul li:last-child, .lever-job-description ol li:last-child {
  margin-bottom: 0;
}

.lever-job-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 767px) {
  .lever-job-actions {
    flex-direction: column;
    width: 100%;
  }
}

.lever-job-apply-btn {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #FFFFFF !important;
  background: #00D084;
  border: 2px solid #00D084;
  padding: 12px 32px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
}
@media (max-width: 767px) {
  .lever-job-apply-btn {
    width: 100%;
    box-sizing: border-box;
  }
}
.lever-job-apply-btn:hover {
  background: #00B870;
  border-color: #00B870;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 216, 132, 0.3);
}
.lever-job-apply-btn:focus {
  outline: 2px solid #00D084;
  outline-offset: 2px;
}

.lever-postings-empty {
  text-align: center;
  padding: 60px 20px;
  width: 100%;
}
.lever-postings-empty p {
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #666666;
  max-width: 600px;
  margin: 0 auto;
}

.lever-postings-loading {
  text-align: center;
  padding: 40px 20px;
  color: #262626;
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-size: 16px;
}

.lever-postings-error {
  text-align: center;
  padding: 40px 20px;
  color: #e74c3c;
  background: #ffeaea;
  border-radius: 8px;
  border: 1px solid #f5b7b1;
  font-family: var(--font-secondary, "Runda"), sans-serif;
  font-size: 16px;
  margin: 0 auto;
  max-width: 600px;
}

.synthego-footer {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #FFFFFF);
  padding: 80px 140px 32px;
  font-family: var(--Font-Family-Secondary, "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif);
}
.synthego-footer .footer-container {
  max-width: 1398px;
  margin: 0 auto;
}
.synthego-footer .footer-content {
  display: flex;
  gap: 55px;
  margin-bottom: 80px;
}
.synthego-footer .footer-brand {
  flex-shrink: 0;
  width: 301px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.synthego-footer .footer-logo {
  width: 78px;
  height: 131px;
  object-fit: contain;
}
.synthego-footer .footer-tagline {
  font-family: var(--Font-Family-Primary, "Runda", -apple-system, BlinkMacSystemFont, sans-serif);
  font-weight: 700;
  font-size: 40px;
  line-height: 1.35;
  color: var(--Brand-Colors-Primary-White, #FFFFFF);
  margin: 0;
}
.synthego-footer .footer-contact-btn {
  align-self: flex-start;
  padding: 12px 32px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 10px;
  gap: 8px;
}
.synthego-footer .footer-contact-btn .btn-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.synthego-footer .footer-contact-btn::before {
  border-radius: 10px;
}
.synthego-footer .footer-links-container {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  column-gap: 32px;
  row-gap: var(--spacing-4xl, 80px);
}
.synthego-footer .footer-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.synthego-footer .footer-section-heading {
  font-family: var(--Font-Family-Mono, "roboto-mono", "Courier New", monospace);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.625;
  text-transform: uppercase;
  color: #AAAAAA;
  margin: 0;
  letter-spacing: 0.5px;
}
.synthego-footer .footer-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.synthego-footer .footer-link {
  font-family: var(--Font-Family-Secondary, "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.625;
  color: var(--Brand-Colors-Primary-White, #FFFFFF);
  text-decoration: none;
  transition: color 0.2s ease;
  display: inline-block;
  width: fit-content;
}
.synthego-footer .footer-link:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.synthego-footer .footer-bottom {
  padding-top: 0;
}
.synthego-footer .footer-bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 39px;
}
.synthego-footer .footer-legal {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.synthego-footer .copyright {
  font-family: var(--Font-Family-Secondary, "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.571;
  color: #E0E0E0;
  margin: 0;
}
.synthego-footer .legal-links {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: var(--spacing-sm, 12px);
  padding: 0;
  margin: 0;
}
.synthego-footer .legal-links li {
  margin: 0;
  padding: 0;
}
.synthego-footer .legal-links a {
  font-family: var(--Font-Family-Secondary, "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.667;
  color: #E0E0E0;
  text-decoration: none;
  transition: color 0.2s ease;
}
.synthego-footer .legal-links a:hover {
  color: var(--Brand-Colors-Primary-White, #FFFFFF);
}
.synthego-footer .footer-social {
  display: flex;
  gap: 20px;
  align-items: center;
}
.synthego-footer .social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  transition: opacity 0.2s ease;
}
.synthego-footer .social-link:hover {
  opacity: 0.7;
}
.synthego-footer .social-link svg {
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 1440px) {
  .synthego-footer {
    padding: 60px 60px 24px;
  }
}
@media screen and (max-width: 1200px) {
  .synthego-footer .footer-links-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
  }
}
@media screen and (max-width: 992px) {
  .synthego-footer {
    padding: 40px 40px 24px;
  }
  .synthego-footer .footer-content {
    flex-direction: column;
    gap: 40px;
  }
  .synthego-footer .footer-brand {
    width: 100%;
  }
  .synthego-footer .footer-links-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
  }
}
@media screen and (max-width: 768px) {
  .synthego-footer {
    padding: 60px 10px;
  }
  .synthego-footer .footer-tagline {
    font-size: 22px;
    line-height: 1.273;
  }
  .synthego-footer .footer-contact-btn {
    font-size: 16px;
    padding: 12px 30px;
  }
  .synthego-footer .footer-contact-btn .btn-icon {
    width: 24px;
    height: 24px;
  }
  .synthego-footer .footer-content {
    margin-bottom: 30px;
  }
  .synthego-footer .footer-brand {
    gap: 16px;
  }
  .synthego-footer .footer-brand .footer-logo {
    width: 46px;
    height: 76px;
  }
  .synthego-footer .footer-links-container {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .synthego-footer .footer-section {
    border-bottom: 1px solid #333333;
    padding-bottom: 0;
    gap: 0;
  }
  .synthego-footer .footer-section:last-child {
    border-bottom: none;
  }
  .synthego-footer .footer-section .footer-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    margin: 0;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    line-height: 1.714;
    position: relative;
  }
  .synthego-footer .footer-section .footer-section-heading::after {
    content: "";
    display: block;
    width: 14px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 5L13 1' stroke='%23AAAAAA' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
    flex-shrink: 0;
    margin-left: 12px;
  }
  .synthego-footer .footer-section .footer-links {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding: 0;
    opacity: 0;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out;
  }
  .synthego-footer .footer-section.accordion-open, .synthego-footer .footer-section:first-child {
    padding-bottom: 30px;
  }
  .synthego-footer .footer-section.accordion-open .footer-section-heading::after, .synthego-footer .footer-section:first-child .footer-section-heading::after {
    transform: rotate(180deg);
  }
  .synthego-footer .footer-section.accordion-open .footer-links, .synthego-footer .footer-section:first-child .footer-links {
    max-height: 500px;
    opacity: 1;
    padding: 0 0 12px 0;
  }
  .synthego-footer .footer-link {
    font-size: 14px;
    line-height: 1.714;
    padding: 2px 0;
  }
  .synthego-footer .footer-bottom-content {
    flex-direction: column;
    gap: 30px;
  }
  .synthego-footer .footer-social {
    display: flex;
    gap: 18px;
    order: -1;
  }
  .synthego-footer .footer-legal {
    gap: 12px;
  }
  .synthego-footer .copyright {
    font-size: 14px;
    line-height: 1.571;
    font-weight: 700;
  }
  .synthego-footer .legal-links {
    flex-direction: column;
    gap: 12px;
  }
  .synthego-footer .legal-links a {
    font-size: 14px;
    line-height: 1.571;
  }
}
@media screen and (max-width: 480px) {
  .synthego-footer {
    padding: 24px 16px;
  }
  .synthego-footer .footer-tagline {
    font-size: 28px;
  }
  .synthego-footer .footer-logo {
    width: 60px;
    height: 100px;
  }
}

.footer-content-wrapper {
  max-width: 1440px;
  margin: 80px auto;
}
@media (max-width: 767px) {
  .footer-content-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.footer-content-wrapper .block-full-width-text-wrapper.supreme-global-wrapper {
  padding-top: var(--spacing-xxl);
  padding-bottom: 0;
}
.footer-content-wrapper .supreme-element.block-full-width-text .text-section {
  gap: 0;
}
.footer-content-wrapper h2.section-title,
.footer-content-wrapper .text-section > h1.section-title {
  margin-bottom: 16px;
}

.footer-links-container .footer-section:first-child a.footer-link:nth-last-child(2)::after {
  content: "TM";
  font-size: 11px;
  vertical-align: super;
  margin-left: 2px;
  display: inline-block;
  line-height: 1;
}

.synthego-related-articles {
  overflow: hidden;
  padding-top: var(--spacing-5xl, 7rem);
  padding-bottom: var(--spacing-5xl, 7rem);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
@media (max-width: 767px) {
  .synthego-related-articles {
    padding-top: var(--spacing-4xl, 5rem);
    padding-bottom: var(--spacing-4xl, 5rem);
  }
}
.synthego-related-articles__container {
  max-width: var(--Grid-Variables-Grid-Construction-max-width);
  margin: 0 auto;
  padding: 0 var(--Grid-Variables-Grid-Construction-global-outer-margin);
}
.synthego-related-articles__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--spacing-3xl, 2.5rem);
}
@media (max-width: 767px) {
  .synthego-related-articles__header {
    margin-bottom: var(--spacing-3xl, 2.125rem);
  }
}
.synthego-related-articles__title {
  margin: 0;
  text-align: left;
  flex: 1;
}
.synthego-related-articles__slider-wrapper {
  position: relative;
}
.synthego-related-articles__slider-container {
  overflow: hidden;
  margin: 0 calc(var(--spacing-3xl, 2.5rem) * -1);
  padding: 0 var(--spacing-3xl, 2.5rem);
}
@media (max-width: 991px) {
  .synthego-related-articles__slider-container {
    margin: 0;
    padding: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .synthego-related-articles__slider-container::-webkit-scrollbar {
    display: none;
  }
}
.synthego-related-articles__grid {
  display: flex;
  gap: var(--spacing-xl, 1.5rem);
  transition: transform 0.3s ease;
}
@media (min-width: 992px) {
  .synthego-related-articles__grid {
    gap: var(--spacing-xxl, 2rem);
  }
}
@media (max-width: 991px) {
  .synthego-related-articles__grid {
    scroll-snap-type: x mandatory;
    padding-bottom: var(--spacing-md, 1rem);
  }
}
.synthego-related-articles__card {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: visible;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(25% - var(--spacing-xl, 1.5rem) * 0.75);
  min-width: 0;
  position: relative;
}
@media (min-width: 992px) {
  .synthego-related-articles__card {
    flex: 0 0 calc(25% - var(--spacing-xxl, 2rem) * 0.75);
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .synthego-related-articles__card {
    flex: 0 0 calc(50% - var(--spacing-xl, 1.5rem) * 0.5);
  }
}
@media (max-width: 767px) {
  .synthego-related-articles__card {
    flex: 0 0 calc(100vw - var(--Grid-Variables-Grid-Construction-global-outer-margin) * 2);
    scroll-snap-align: start;
  }
  .synthego-related-articles__card:not(:last-child) {
    flex: 0 0 calc(100vw - 80px);
    min-width: calc(100vw - 80px);
  }
}
.synthego-related-articles__card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.synthego-related-articles__card > * {
  position: relative;
  z-index: 1;
}
.synthego-related-articles__card:hover {
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.synthego-related-articles__card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.synthego-related-articles__card:hover .synthego-related-articles__card-category {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.synthego-related-articles__card:hover .synthego-related-articles__card-image img {
  transform: scale(1.08);
}
.synthego-related-articles__card-link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.synthego-related-articles__card-image {
  position: relative;
  width: 100%;
  padding-top: 60%;
  overflow: hidden;
  background: var(--Brand-Colors-Neutrals-Gray-100, #f5f5f5);
  border-radius: var(--border-radius-border-radius-full, 20px) var(--border-radius-border-radius-full, 20px) 0 0;
}
.synthego-related-articles__card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.synthego-related-articles__card-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%);
}
.synthego-related-articles__card-content {
  padding: var(--spacing-xxl, 2rem);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 0 0 var(--border-radius-border-radius-full, 20px) var(--border-radius-border-radius-full, 20px);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
@media (max-width: 767px) {
  .synthego-related-articles__card-content {
    padding: var(--spacing-xl, 1.5rem);
  }
}
.synthego-related-articles__card-meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 1rem);
  margin-bottom: var(--spacing-md, 1rem);
}
.synthego-related-articles__card-category {
  color: var(--Primary-brand-primary);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.synthego-related-articles__card-date {
  color: var(--Text-neutral-tertiary);
  position: relative;
  padding-left: var(--spacing-lg, 1.25rem);
}
.synthego-related-articles__card-date::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: var(--Text-neutral-tertiary);
  border-radius: 50%;
}
.synthego-related-articles__card-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  margin-bottom: var(--spacing-sm, 0.75rem);
  line-height: 1.3;
  flex-grow: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.synthego-related-articles__card-excerpt {
  color: var(--Text-Color-2, #666666);
  margin: 0;
  margin-bottom: var(--spacing-xl, 1.5rem);
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.synthego-related-articles__navigation {
  display: flex;
  gap: var(--spacing-sm, 0.75rem);
  align-items: center;
}
@media (max-width: 991px) {
  .synthego-related-articles__navigation {
    display: none;
  }
}
.synthego-related-articles__nav-button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}
.synthego-related-articles__nav-button:hover:not(:disabled) {
  background: var(--Brand-Colors-Primary-Cyan, #00d1ed);
  border-color: var(--Brand-Colors-Primary-Cyan, #00d1ed);
}
.synthego-related-articles__nav-button:hover:not(:disabled) svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-related-articles__nav-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  background: var(--Brand-Colors-Neutrals-Gray-100, #f5f5f5);
}
.synthego-related-articles__nav-button svg {
  width: 24px;
  height: 24px;
}
.synthego-related-articles__nav-button svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
  transition: fill 0.3s ease;
}
.synthego-related-articles__placeholder {
  padding: var(--spacing-3xl, 2.5rem);
  background: var(--Brand-Colors-Neutrals-Gray-100, #f5f5f5);
  border: 2px dashed var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-8, 8px);
  text-align: center;
  color: var(--Text-Color-2, #666666);
  font-style: italic;
}
.synthego-related-articles .synthego-related-articles__card-link:focus-visible {
  outline: 2px solid var(--Brand-Colors-Primary-Cyan, #00d1ed);
  outline-offset: 2px;
  border-radius: var(--border-radius-border-radius-full, 20px);
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.synthego-related-articles__card {
  animation: fadeInUp 0.6s ease-out backwards;
}
.synthego-related-articles__card:nth-child(1) {
  animation-delay: 0.1s;
}
.synthego-related-articles__card:nth-child(2) {
  animation-delay: 0.2s;
}
.synthego-related-articles__card:nth-child(3) {
  animation-delay: 0.3s;
}

.static-related-articles .synthego-related-articles__card-excerpt {
  -webkit-line-clamp: 6;
}
.static-related-articles .synthego-related-articles__card-meta {
  margin: 0;
}

.post-subcategory-hero {
  position: relative;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  width: 100%;
  overflow: hidden;
  padding-top: var(--spacing-5xl, 140px);
  padding-bottom: var(--spacing-5xl, 140px);
  min-height: 500px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .post-subcategory-hero {
    padding-top: var(--spacing-5xl, 7rem);
    padding-bottom: var(--spacing-5xl, 7rem);
    min-height: 400px;
  }
}
@media (max-width: 767px) {
  .post-subcategory-hero {
    padding-top: var(--spacing-4xl, 5rem);
    padding-bottom: var(--spacing-4xl, 5rem);
    min-height: 350px;
  }
}
.post-subcategory-hero__background {
  position: absolute;
  width: 800px;
  height: 800px;
  right: 0px;
  top: -380px;
  pointer-events: none;
  z-index: 0;
}
.post-subcategory-hero__background svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .post-subcategory-hero__background {
    width: 600px;
    height: 600px;
  }
}
@media (max-width: 767px) {
  .post-subcategory-hero__background {
    display: none;
  }
}
.post-subcategory-hero__container {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 var(--Grid-Variables-Grid-Construction-global-outer-margin);
}
.post-subcategory-hero__content {
  max-width: 995px;
}
@media (max-width: 991px) {
  .post-subcategory-hero__content {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .post-subcategory-hero__content {
    max-width: 100%;
  }
}
.post-subcategory-hero__eyebrow {
  display: inline-block;
  margin: 0;
  margin-bottom: var(--spacing-md, 1rem);
  color: var(--Brand-Colors-Primary-Cyan, #00d1ed);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .post-subcategory-hero__eyebrow {
    margin-bottom: var(--spacing-md, 1rem);
  }
}
.post-subcategory-hero__title {
  margin: 0;
  margin-bottom: var(--spacing-md, 1rem);
  color: var(--Heading-Color-1, #262626);
  line-height: 1.1;
  font-size: var(--Font-Size-f-size-6xl, 80px);
  font-weight: var(--Font-Weight-Bold, 700);
}
@media (max-width: 991px) {
  .post-subcategory-hero__title {
    font-size: var(--Font-Size-f-size-5xl, 60px);
    margin-bottom: var(--spacing-lg, 1.25rem);
  }
}
@media (max-width: 767px) {
  .post-subcategory-hero__title {
    font-size: var(--Font-Size-f-size-4xl, 48px);
    margin-bottom: var(--spacing-md, 1rem);
  }
}
.post-subcategory-hero__description {
  margin: 0;
  max-width: 995px;
}
@media (max-width: 991px) {
  .post-subcategory-hero__description {
    font-size: var(--Font-Size-f-size-md, 18px);
    margin-bottom: var(--spacing-xl, 1.5rem);
  }
}
@media (max-width: 767px) {
  .post-subcategory-hero__description {
    font-size: var(--Font-Size-f-size-base, 16px);
    margin-bottom: var(--spacing-lg, 1.25rem);
  }
}
.post-subcategory-hero__button-wrapper {
  margin-top: var(--spacing-3xl, 2.5rem);
}
@media (max-width: 767px) {
  .post-subcategory-hero__button-wrapper {
    margin-top: var(--spacing-xxl, 2rem);
  }
}
.post-subcategory-hero__button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm, 0.75rem);
  padding: var(--spacing-md, 1rem) var(--spacing-xl, 1.5rem);
  background: var(--Brand-Colors-Primary-Cyan, #00d1ed);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: none;
  border-radius: var(--border-radius-border-radius-full, 20px);
  font-size: var(--Font-Size-f-size-base, 16px);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
.post-subcategory-hero__button:hover {
  background: var(--Brand-Colors-Primary-Black, #000000);
  transform: translateY(-2px);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
}
.post-subcategory-hero__button:hover svg {
  transform: translateX(4px);
}
.post-subcategory-hero__button svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.post-subcategory-hero__button svg path {
  fill: currentColor;
}
@media (max-width: 767px) {
  .post-subcategory-hero__button {
    padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.25rem);
    font-size: var(--Font-Size-f-size-sm, 14px);
  }
}
.post-subcategory-hero__button:focus-visible {
  outline: 2px solid var(--Brand-Colors-Primary-Cyan, #00d1ed);
  outline-offset: 2px;
}
@keyframes heroFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.post-subcategory-hero__content {
  animation: heroFadeIn 0.8s ease-out;
}
.post-subcategory-hero__eyebrow {
  animation: heroFadeIn 0.6s ease-out;
  animation-fill-mode: both;
}
.post-subcategory-hero__title {
  animation: heroFadeIn 0.7s ease-out;
  animation-delay: 0.1s;
  animation-fill-mode: both;
}
.post-subcategory-hero__description {
  animation: heroFadeIn 0.8s ease-out;
  animation-delay: 0.2s;
  animation-fill-mode: both;
}
.post-subcategory-hero__button-wrapper {
  animation: heroFadeIn 0.9s ease-out;
  animation-delay: 0.3s;
  animation-fill-mode: both;
}

.archive.category h2.headline-xxxl, .archive.category h2.oxy-heading[data-tag=h1],
.archive.category h2.ct-headline[data-tag=h1], .archive.category .supreme-element.about-section h2.section-heading, .supreme-element.about-section .archive.category h2.section-heading {
  font-size: var(--Font-Size-f-size-xxl);
  line-height: var(--Line-Height-Line-height-f-size-xxl);
}

.cta-inline-wrapper {
  position: relative;
  margin: var(--spacing-3xl, 40px) 0;
  width: 100%;
}

.cta-inline-container {
  display: flex;
  background-color: #f5f5f5;
  border-radius: var(--border-radius-border-radius-sm, 8px);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
@media (max-width: 991px) {
  .cta-inline-container {
    flex-direction: column;
    min-height: auto;
  }
}

.cta-inline-left {
  flex: 0 0 300px;
  background: linear-gradient(135deg, #20d340 0%, #00d1ed 100%);
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .cta-inline-left {
    flex: 1;
    min-height: 250px;
  }
}
@media (max-width: 767px) {
  .cta-inline-left {
    min-height: 200px;
  }
}

.cta-inline-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-inline-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cta-inline-image-placeholder {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta-inline-image-placeholder span {
  color: white;
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 16px);
  font-weight: var(--Font-Weight-Medium, 500);
  padding: var(--spacing-md, 16px);
  border: 2px dashed rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}

.cta-inline-right {
  flex: 1;
  display: flex;
  align-items: center;
  padding: var(--spacing-3xl, 40px) var(--spacing-4xl, 60px);
}
@media (max-width: 1199px) {
  .cta-inline-right {
    padding: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 991px) {
  .cta-inline-right {
    padding: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 767px) {
  .cta-inline-right {
    padding: var(--spacing-xl, 24px);
  }
}

.cta-inline-content {
  max-width: 700px;
}

.cta-inline-heading {
  color: var(--Heading-Color-1, #000000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxl, 32px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.2;
  margin: 0 0 var(--spacing-lg, 20px) 0;
}
@media (max-width: 991px) {
  .cta-inline-heading {
    font-size: var(--Font-Size-f-size-xl, 28px);
  }
}
@media (max-width: 767px) {
  .cta-inline-heading {
    font-size: var(--Font-Size-f-size-lg, 24px);
    margin-bottom: var(--spacing-md, 16px);
  }
}

.cta-inline-description {
  color: var(--Body-Color-1, #666666);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 16px);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg, 20px) 0;
}
@media (max-width: 767px) {
  .cta-inline-description {
    font-size: var(--Font-Size-f-size-xs, 14px);
    margin-bottom: var(--spacing-md, 16px);
  }
}

.cta-inline-subtext {
  color: var(--Body-Color-1, #666666);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 16px);
  line-height: 1.6;
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .cta-inline-subtext {
    font-size: var(--Font-Size-f-size-xs, 14px);
    margin-bottom: var(--spacing-lg, 20px);
  }
}

.cta-inline-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  background-color: #000000;
  border: 2px solid #000000;
  border-radius: 6px;
  color: white;
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 16px);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
.cta-inline-button:hover {
  background-color: transparent;
  color: #000000;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.cta-inline-button:active {
  transform: translateY(0);
}
@media (max-width: 767px) {
  .cta-inline-button {
    font-size: var(--Font-Size-f-size-xs, 14px);
    padding: var(--spacing-xs, 10px) var(--spacing-xl, 24px);
  }
}

.cta-inline-title-bar {
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  padding: var(--spacing-xs, 8px) var(--spacing-lg, 20px);
  border-radius: 0 0 var(--border-radius-border-radius-sm, 8px) 0;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

.cta-inline-title {
  color: var(--Heading-Color-1, #000000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xs, 14px);
  font-weight: var(--Font-Weight-Bold, 700);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

@media (max-width: 767px) {
  .cta-inline-wrapper {
    margin: var(--spacing-xl, 24px) 0;
  }
}
.guide-content-section .wysiwyg-content img {
  height: 100%;
}

.post-content-grid {
  width: 100%;
}
.post-content-grid .grid-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-lg);
}
@media (max-width: 991px) {
  .post-content-grid .grid-container {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}
@media (max-width: 767px) {
  .post-content-grid .grid-container {
    padding: var(--spacing-xxl) var(--spacing-md);
  }
}
.post-content-grid .grid-content {
  width: 100%;
}
.post-content-grid .grid-title {
  color: var(--Heading-Color-1, #262626);
  font-size: var(--spacing-xxl);
  font-weight: 600;
  margin: 0 0 var(--spacing-3xl) 0;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .post-content-grid .grid-title {
    font-size: 28px;
    margin-bottom: var(--spacing-xxl);
  }
}
@media (max-width: 767px) {
  .post-content-grid .grid-title {
    font-size: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
  }
}
.post-content-grid .grid-flex {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  padding-top: var(--spacing-md);
}
@media (max-width: 767px) {
  .post-content-grid .grid-flex {
    gap: var(--spacing-md);
  }
}
.post-content-grid .grid-cell {
  flex: 0 0 calc(50% - var(--spacing-lg) / 2);
}
@media (max-width: 767px) {
  .post-content-grid .grid-cell {
    flex: 0 0 100%;
  }
}
.post-content-grid.with-grid-lines .grid-cell {
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  margin-bottom: var(--spacing-lg);
}
.post-content-grid.with-grid-lines .grid-cell:nth-last-child(-n+2) {
  border-bottom: none;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .post-content-grid.with-grid-lines .grid-cell:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
}
.post-content-grid .grid-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
@media (max-width: 767px) {
  .post-content-grid .grid-item {
    flex-direction: column;
    gap: var(--spacing-xs);
  }
}
.post-content-grid .item-image {
  flex-shrink: 0;
  width: 160px;
  overflow: hidden;
  border-radius: var(--spacing-xxs);
}
@media (max-width: 991px) {
  .post-content-grid .item-image {
    width: 140px;
    height: 90px;
  }
}
@media (max-width: 767px) {
  .post-content-grid .item-image {
    width: 100%;
    height: auto;
    max-width: 300px;
  }
}
.post-content-grid .item-image img {
  display: block;
}
.post-content-grid .item-content {
  flex: 1;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text, #262626);
  display: block;
}
@media (min-width: 992px) {
  .post-content-grid .item-content {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .post-content-grid .item-content {
    font-size: 16px;
  }
}
.post-content-grid .item-content p {
  margin: 0 0 1em 0;
}
.post-content-grid .item-content p:last-child {
  margin-bottom: 0;
}
.post-content-grid .item-content a {
  color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  text-decoration: underline;
  transition: color 0.3s ease;
}
.post-content-grid .item-content a:hover {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  text-decoration: none;
}
.post-content-grid .item-content h3,
.post-content-grid .item-content h4,
.post-content-grid .item-content h5,
.post-content-grid .item-content h6 {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 0.5em 0;
  font-weight: 600;
}
.post-content-grid .item-content ul,
.post-content-grid .item-content ol {
  margin: 0 0 1em 0;
  padding-left: var(--spacing-lg);
}
.post-content-grid .item-content ul:last-child,
.post-content-grid .item-content ol:last-child {
  margin-bottom: 0;
}
.post-content-grid .item-content strong,
.post-content-grid .item-content b {
  font-weight: 600;
}
.post-content-grid .item-content em,
.post-content-grid .item-content i {
  font-style: italic;
}

.oxygen-builder-body .post-content-grid {
  min-height: 200px;
}
.oxygen-builder-body .post-content-grid .grid-container {
  min-height: inherit;
}

.synthego-product-grid {
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-4xl);
}

.product-grid-container {
  display: grid;
  gap: 20px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .product-grid-container {
    gap: var(--spacing-md, 16px);
  }
}

.product-card {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  transition: all 0.3s ease;
  position: relative;
  overflow: visible;
  min-height: 336px;
}
.product-card.product-card-link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.product-card.product-card-link:visited, .product-card.product-card-link:active, .product-card.product-card-link:focus {
  color: inherit;
  text-decoration: none;
}
.product-card::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 20px;
  padding: 4px;
  background: linear-gradient(180deg, #20d340 0%, #00d1ed 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: -1;
  opacity: 0;
}
.product-card > * {
  position: relative;
  z-index: 1;
}
.product-card:hover {
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
  transform: translateY(0px);
  border-color: transparent;
}
.product-card:hover::after {
  opacity: 1;
}
@media (max-width: 767px) {
  .product-card {
    padding: var(--spacing-lg, 20px);
    gap: var(--spacing-md, 16px);
    height: auto;
    min-height: auto;
  }
}

.product-image {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.product-image svg {
  width: 100%;
  height: 100%;
  display: block;
}
.product-image.product-image-placeholder {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: 50%;
}
.product-image.product-image-placeholder .placeholder-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-image.product-image-placeholder .placeholder-icon svg {
  width: 40px;
  height: 40px;
  opacity: 0.5;
}
@media (max-width: 480px) {
  .product-image {
    width: 50px;
    height: 50px;
  }
}

.product-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  padding-right: 24px;
}

.product-info {
  display: flex;
  flex-direction: column;
}

.product-heading {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}

.product-description {
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  color: var(--Paragraph-Color-1, #262626);
  margin: 0;
}

.product-grid-1 .product-grid-container {
  grid-template-columns: 1fr;
  max-width: 690px;
}
.product-grid-1 .product-card {
  max-width: 100%;
}

.product-grid-2 .product-grid-container {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .product-grid-2 .product-grid-container {
    grid-template-columns: 1fr;
  }
}

.product-grid-3 .product-grid-container {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991px) {
  .product-grid-3 .product-grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .product-grid-3 .product-grid-container {
    grid-template-columns: 1fr;
  }
}

.product-grid-4 .product-grid-container {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.product-grid-4 .product-card {
  width: 100%;
  min-height: 336px;
}
@media (max-width: 1199px) {
  .product-grid-4 .product-grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .product-grid-4 .product-grid-container {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .product-grid-4 .product-card {
    min-height: auto;
  }
}

.product-grid-5 .product-grid-container {
  grid-template-columns: repeat(6, 1fr);
}
.product-grid-5 .product-card {
  grid-column: span 2;
}
.product-grid-5 .product-card:nth-child(4), .product-grid-5 .product-card:nth-child(5) {
  grid-column: span 3;
}
.product-grid-5 .product-card:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 4;
}
.product-grid-5 .product-card:nth-child(5) {
  grid-column-start: 4;
  grid-column-end: 7;
}
@media (max-width: 991px) {
  .product-grid-5 .product-grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-grid-5 .product-card {
    grid-column: span 1;
  }
  .product-grid-5 .product-card:nth-child(4), .product-grid-5 .product-card:nth-child(5) {
    grid-column: span 1;
  }
}
@media (max-width: 768px) {
  .product-grid-5 .product-grid-container {
    grid-template-columns: 1fr;
  }
}

.product-grid-6 .product-grid-container {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 991px) {
  .product-grid-6 .product-grid-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .product-grid-6 .product-grid-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

@media (max-width: 480px) {
  .product-grid-container {
    gap: var(--spacing-md, 15px);
  }
  .product-card {
    padding: var(--spacing-md, 16px);
    gap: var(--spacing-md, 16px);
  }
  .product-heading {
    font-size: 18px;
  }
  .product-description {
    font-size: 14px;
    line-height: 1.5;
  }
}
.supreme-element.title-text-button-hero.product-category-hero-section .title-text-button-hero-container {
  gap: var(--spacing-3xl, 40px);
}
.supreme-element.title-text-button-hero.product-category-hero-section .title-text-button-hero-container .hero-content {
  max-width: 899px;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  display: block;
}

.mes-title-with-link > a {
  all: unset;
  text-decoration: none !important;
  padding: 0 !important;
  border: none !important;
}
.mes-title-with-link > a:hover {
  background: none !important;
}

.mes-menu-container .mobile-only {
  display: none !important;
}
@media (max-width: 1200px) {
  .mes-menu-container .mobile-only {
    display: list-item !important;
  }
}

.oxy-mes-menu,
.mes-menu-container,
.mes-nav-menu {
  color: var(--text, #262626);
  height: 100%;
}
.oxy-mes-menu > li,
.mes-menu-container > li,
.mes-nav-menu > li {
  position: relative;
  height: 100%;
}
.oxy-mes-menu > li > .mes-title-wrapper,
.oxy-mes-menu > li > a,
.mes-menu-container > li > .mes-title-wrapper,
.mes-menu-container > li > a,
.mes-nav-menu > li > .mes-title-wrapper,
.mes-nav-menu > li > a {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.556;
  color: #262626;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}
.oxy-mes-menu > li > .mes-title-wrapper:hover,
.oxy-mes-menu > li > a:hover,
.mes-menu-container > li > .mes-title-wrapper:hover,
.mes-menu-container > li > a:hover,
.mes-nav-menu > li > .mes-title-wrapper:hover,
.mes-nav-menu > li > a:hover {
  color: #000000;
}
.oxy-mes-menu > li.current-menu-item > .mes-title-wrapper,
.oxy-mes-menu > li.current-menu-item > a, .oxy-mes-menu > li.current-page-ancestor > .mes-title-wrapper,
.oxy-mes-menu > li.current-page-ancestor > a, .oxy-mes-menu > li.active > .mes-title-wrapper,
.oxy-mes-menu > li.active > a,
.mes-menu-container > li.current-menu-item > .mes-title-wrapper,
.mes-menu-container > li.current-menu-item > a,
.mes-menu-container > li.current-page-ancestor > .mes-title-wrapper,
.mes-menu-container > li.current-page-ancestor > a,
.mes-menu-container > li.active > .mes-title-wrapper,
.mes-menu-container > li.active > a,
.mes-nav-menu > li.current-menu-item > .mes-title-wrapper,
.mes-nav-menu > li.current-menu-item > a,
.mes-nav-menu > li.current-page-ancestor > .mes-title-wrapper,
.mes-nav-menu > li.current-page-ancestor > a,
.mes-nav-menu > li.active > .mes-title-wrapper,
.mes-nav-menu > li.active > a {
  color: #000000;
}

.mes-nav-menu .mes-title-only > .mes-title-wrapper,
.mes-nav-menu .mes-title-with-link > a > .mes-title-wrapper {
  padding: 12px 0;
}

.mes-sub-menu {
  transform: translate(0) !important;
}

.oxy-mes-menu.mes-layout-horizontal .mes-menu,
.oxy-mes-menu.mes-layout-horizontal .mes-nav-menu,
.mes-menu-container.mes-layout-horizontal .mes-menu,
.mes-menu-container.mes-layout-horizontal .mes-nav-menu {
  display: flex;
  align-items: center;
  gap: var(--spacing-3xl, 40px);
}
.oxy-mes-menu.mes-layout-horizontal .mes-menu > li,
.oxy-mes-menu.mes-layout-horizontal .mes-nav-menu > li,
.mes-menu-container.mes-layout-horizontal .mes-menu > li,
.mes-menu-container.mes-layout-horizontal .mes-nav-menu > li {
  position: relative;
}
.oxy-mes-menu.mes-layout-horizontal .mes-menu > li.mes-full-width-columns,
.oxy-mes-menu.mes-layout-horizontal .mes-nav-menu > li.mes-full-width-columns,
.mes-menu-container.mes-layout-horizontal .mes-menu > li.mes-full-width-columns,
.mes-menu-container.mes-layout-horizontal .mes-nav-menu > li.mes-full-width-columns {
  position: unset;
}

.mes-nav-menu > li > .sub-menu,
.mes-nav-menu > li > .mes-sub-menu,
.mes-menu > li > .sub-menu,
.mes-menu > li > .mes-sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
  background: #ffffff;
  z-index: 1002;
  max-width: 900px;
}
.mes-nav-menu > li .sub-menu .sub-menu,
.mes-nav-menu > li .mes-sub-menu .mes-sub-menu,
.mes-menu > li .sub-menu .sub-menu,
.mes-menu > li .mes-sub-menu .mes-sub-menu {
  width: auto;
  max-width: none;
  min-width: 200px;
}

.mes-nav-menu > li.mes-hover-active > .sub-menu,
.mes-nav-menu > li.mes-hover-active > .mes-sub-menu, .mes-nav-menu > li.mes-submenu-open > .sub-menu,
.mes-nav-menu > li.mes-submenu-open > .mes-sub-menu, .mes-nav-menu > li.mes-has-active-submenu > .sub-menu,
.mes-nav-menu > li.mes-has-active-submenu > .mes-sub-menu, .mes-nav-menu > li.mes-active > .sub-menu,
.mes-nav-menu > li.mes-active > .mes-sub-menu, .mes-nav-menu > li[aria-expanded=true] > .sub-menu,
.mes-nav-menu > li[aria-expanded=true] > .mes-sub-menu,
.mes-menu > li.mes-hover-active > .sub-menu,
.mes-menu > li.mes-hover-active > .mes-sub-menu,
.mes-menu > li.mes-submenu-open > .sub-menu,
.mes-menu > li.mes-submenu-open > .mes-sub-menu,
.mes-menu > li.mes-has-active-submenu > .sub-menu,
.mes-menu > li.mes-has-active-submenu > .mes-sub-menu,
.mes-menu > li.mes-active > .sub-menu,
.mes-menu > li.mes-active > .mes-sub-menu,
.mes-menu > li[aria-expanded=true] > .sub-menu,
.mes-menu > li[aria-expanded=true] > .mes-sub-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 991px) {
  .oxy-mes-menu .mes-menu > li > .mes-title-wrapper,
  .oxy-mes-menu .mes-menu > li > a,
  .oxy-mes-menu .mes-nav-menu > li > .mes-title-wrapper,
  .oxy-mes-menu .mes-nav-menu > li > a,
  .mes-menu-container .mes-menu > li > .mes-title-wrapper,
  .mes-menu-container .mes-menu > li > a,
  .mes-menu-container .mes-nav-menu > li > .mes-title-wrapper,
  .mes-menu-container .mes-nav-menu > li > a {
    font-size: 16px;
  }
  .oxy-mes-menu.mes-layout-horizontal .mes-menu,
  .mes-menu-container.mes-layout-horizontal .mes-menu {
    gap: 24px;
  }
}
@media (max-width: 1250px) {
  .mes-mobile-menu,
  .mes-mobile-toggle {
    display: block;
  }
}
@media (max-width: 767px) {
  .oxy-mes-menu.mes-layout-horizontal .mes-menu,
  .mes-menu-container.mes-layout-horizontal .mes-menu {
    gap: 16px;
  }
}
.current-menu-parent .mes-title-wrapper span.mes-title-text {
  font-weight: 700;
}

.mes-display-dropdown > .sub-menu,
.mes-display-dropdown > .mes-sub-menu {
  background: #ffffff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
  padding: 12px;
  margin-top: 12px !important;
  min-width: 200px;
  width: auto;
  width: auto;
  max-width: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.mes-display-dropdown > .sub-menu > li,
.mes-display-dropdown > .mes-sub-menu > li {
  display: block;
  margin: 0;
  padding: 0;
}
.mes-display-dropdown > .sub-menu > li > a,
.mes-display-dropdown > .mes-sub-menu > li > a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 4px 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 8px;
  border: none;
  border-bottom: none;
  position: relative;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #262626;
  text-align: left;
}
.mes-display-dropdown > .sub-menu > li > a .mes-title-with-arrow,
.mes-display-dropdown > .mes-sub-menu > li > a .mes-title-with-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.mes-display-dropdown > .sub-menu > li > a .mes-arrow,
.mes-display-dropdown > .mes-sub-menu > li > a .mes-arrow {
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #000000;
  font-size: 15px;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mes-display-dropdown > .sub-menu > li > a:hover,
.mes-display-dropdown > .mes-sub-menu > li > a:hover {
  background-color: #f4f9fa;
  color: #000000;
}
.mes-display-dropdown > .sub-menu > li > a:hover .mes-arrow,
.mes-display-dropdown > .mes-sub-menu > li > a:hover .mes-arrow {
  opacity: 1;
}

.mes-nav-menu > li.mes-display-columns {
  position: static;
}
.mes-nav-menu > li.mes-display-columns.mes-trigger-hover > .sub-menu,
.mes-nav-menu > li.mes-display-columns.mes-trigger-hover > .mes-sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-click > .sub-menu,
.mes-nav-menu > li.mes-display-columns.mes-trigger-click > .mes-sub-menu {
  position: absolute;
  left: 0;
  right: auto;
  transform-origin: top left;
  width: 900px;
  max-width: 900px;
  min-width: 900px;
  z-index: 9999;
}
.mes-nav-menu > li.mes-display-columns.mes-trigger-hover.mes-hover-active > .sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-hover.mes-hover-active > .mes-sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-hover.mes-submenu-open > .sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-hover.mes-submenu-open > .mes-sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-click.mes-hover-active > .sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-click.mes-hover-active > .mes-sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-click.mes-submenu-open > .sub-menu, .mes-nav-menu > li.mes-display-columns.mes-trigger-click.mes-submenu-open > .mes-sub-menu {
  left: 0;
  right: auto;
}
.mes-nav-menu > li.mes-display-columns > .sub-menu,
.mes-nav-menu > li.mes-display-columns > .mes-sub-menu {
  position: fixed;
  left: auto;
  margin-left: calc(-1 * var(--menu-item-offset, 0px));
}

.mes-nav-container .mes-nav-menu > li.mes-display-columns > .sub-menu,
.mes-nav-container .mes-nav-menu > li.mes-display-columns > .mes-sub-menu,
.nav-wrapper .mes-nav-menu > li.mes-display-columns > .sub-menu,
.nav-wrapper .mes-nav-menu > li.mes-display-columns > .mes-sub-menu,
.navigation .mes-nav-menu > li.mes-display-columns > .sub-menu,
.navigation .mes-nav-menu > li.mes-display-columns > .mes-sub-menu {
  left: 0;
  position: absolute;
}

.mes-nav-menu > li.mes-display-columns.mes-full-width-columns > .sub-menu,
.mes-nav-menu > li.mes-display-columns.mes-full-width-columns > .mes-sub-menu {
  left: 0;
  right: auto;
  width: 900px;
  max-width: 900px;
}

.mes-full-width-columns:not(.product-menu) .mes-title-only > .mes-title-wrapper,
.mes-full-width-columns:not(.product-menu) .mes-title-with-link > a > .mes-title-wrapper {
  padding: var(--spacing-sm, 12px);
}
.mes-full-width-columns:not(.product-menu) .mes-sub-menu .mes-title-text,
.mes-full-width-columns:not(.product-menu) .sub-menu .mes-title-text {
  display: block;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxxs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxxs, 20px);
  letter-spacing: 0;
  text-align: left;
}

.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper {
  padding: 24px;
  margin-top: 12px;
  width: 900px;
  max-width: 900px;
  background: #ffffff;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #eaeaea;
  box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
  overflow: visible;
  flex-direction: row;
  gap: 34px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li.mes-title-only > .mes-title-wrapper, .mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li.mes-title-with-link > a > .mes-title-wrapper,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li.mes-title-only > .mes-title-wrapper,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li.mes-title-with-link > a > .mes-title-wrapper {
  display: block;
  padding: 4px 8px;
  margin: 0;
  cursor: default;
  pointer-events: none;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-title-wrapper .mes-menu-subtitle,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-title-wrapper .mes-menu-subtitle {
  display: block;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  margin-top: 4px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
  margin: 0 0 0 8px;
  list-style: none;
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;
  box-shadow: none;
  background: transparent;
  pointer-events: auto;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li {
  display: block;
  margin: 0;
  padding: 0;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 4px 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 8px;
  position: relative;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #262626;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a .mes-title-with-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a .mes-title-with-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a .mes-title-with-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a .mes-title-with-arrow {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a .mes-arrow {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #000000;
  font-size: 16px;
  flex-shrink: 0;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a .mes-menu-subtitle,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a .mes-menu-subtitle,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a .mes-menu-subtitle,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a .mes-menu-subtitle {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #262626;
  opacity: 0.8;
  display: block;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a:hover,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a:hover,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a:hover,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a:hover {
  background-color: #f4f9fa;
  color: #000000;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-always-visible > li > a:hover .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li .mes-sub-menu > li > a:hover .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-always-visible > li > a:hover .mes-arrow,
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li .mes-sub-menu > li > a:hover .mes-arrow {
  opacity: 1;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li:nth-child(1),
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li:nth-child(1) {
  gap: 12px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li:nth-child(2),
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li:nth-child(2) {
  gap: 20px;
}
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li:nth-child(3), .mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li:nth-child(4), .mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .sub-menu > li:nth-child(5),
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li:nth-child(3),
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li:nth-child(4),
.mes-nav-menu > li.mes-full-width-columns:not(.product-menu) > .mes-mega-menu-wrapper > li:nth-child(5) {
  gap: 34px;
}

.mes-menu-container .mes-full-width-columns:not(.product-menu).mes-active > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu).mes-active > .mes-mega-menu-wrapper, .mes-menu-container .mes-full-width-columns:not(.product-menu).mes-hover > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu).mes-hover > .mes-mega-menu-wrapper, .mes-menu-container .mes-full-width-columns:not(.product-menu):hover > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu):hover > .mes-mega-menu-wrapper, .mes-menu-container .mes-full-width-columns:not(.product-menu)[aria-expanded=true] > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu)[aria-expanded=true] > .mes-mega-menu-wrapper, .mes-menu-container .mes-full-width-columns:not(.product-menu).mes-hover-active > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu).mes-hover-active > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-active > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-active > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-hover > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu):hover > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu):hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu)[aria-expanded=true] > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu)[aria-expanded=true] > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-hover-active > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu).mes-hover-active > .mes-mega-menu-wrapper {
  display: flex;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 1002;
}
.mes-menu-container .mes-full-width-columns:not(.product-menu):hover > .mes-sub-menu,
.mes-menu-container .mes-full-width-columns:not(.product-menu) > .mes-sub-menu:hover, .mes-menu-container .mes-full-width-columns:not(.product-menu):hover > .mes-mega-menu-wrapper,
.mes-menu-container .mes-full-width-columns:not(.product-menu) .mes-mega-menu-wrapper:hover,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu):hover > .mes-sub-menu,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu) > .mes-sub-menu:hover,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu):hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .mes-full-width-columns:not(.product-menu) .mes-mega-menu-wrapper:hover {
  display: flex;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 1002;
}

.mes-nav-menu > li.product-menu > .sub-menu,
.mes-nav-menu > li.product-menu > .mega-menu,
.mes-nav-menu > li.product-menu > .mes-mega-menu-wrapper {
  padding: var(--spacing-xl, 24px);
  margin-top: 12px;
  width: 900px;
  max-width: 900px;
  overflow: visible;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  border-radius: 0 0 8px 8px;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2px;
  padding: 0;
  margin: 12px 0 0 0;
  list-style: none;
  flex: 1;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li {
  display: block;
  margin: 0;
  padding: 0;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 4px 8px;
  margin-bottom: 0px;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 8px;
  position: relative;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.625;
  color: #262626;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a .mes-menu-icon-img, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a .mes-menu-icon-img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: contain;
  flex-shrink: 0;
  margin-right: 0;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a .mes-menu-icon, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a .mes-menu-icon {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  margin-right: 0;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a .mes-arrow, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a .mes-arrow {
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #000000;
  font-size: 16px;
  margin-left: 10px;
  flex-shrink: 0;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a:hover, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a:hover {
  background-color: #f4f9fa;
  color: #000000;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-always-visible > li > a:hover .mes-arrow, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-always-visible > li > a:hover .mes-arrow {
  opacity: 1;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .justify-start .mes-always-visible, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .justify-start .mes-always-visible {
  justify-content: flex-start;
  gap: 12px;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header > .mes-title-wrapper, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header > .mes-title-wrapper, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 5px 0;
  position: relative;
  cursor: pointer;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  font-family: "Runda", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: #000000;
  letter-spacing: 0.02em;
  transition: all 0.3s ease;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(270deg, #20d340 0%, #00d1ed 100%);
  transition: all 0.3s ease;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header > .mes-title-wrapper .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-title-text::after {
  content: "→";
  display: inline-block;
  width: 0;
  margin-left: 0;
  opacity: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  color: #000000;
  font-size: 24px;
  line-height: 1;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header > .mes-title-wrapper .mes-menu-subtitle, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-menu-subtitle, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-menu-subtitle, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header > .mes-title-wrapper .mes-menu-subtitle, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-only > .mes-title-wrapper .mes-menu-subtitle, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper .mes-menu-subtitle {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.571;
  color: #262626;
  text-transform: none;
  letter-spacing: normal;
  margin-top: 0;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper:hover .mes-title-text::before, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper:hover .mes-title-text::before {
  height: 3px;
}
.mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper:hover .mes-title-text::after, .mes-nav-menu > li.product-menu.mes-display-columns.mes-hover-active > .mes-sub-menu .mes-section-header.mes-title-with-link > a > .mes-title-wrapper:hover .mes-title-text::after {
  width: 24px;
  opacity: 1;
  margin-left: 8px;
}

.mes-menu-container .product-menu.mes-active > .sub-menu,
.mes-menu-container .product-menu.mes-active > .mega-menu,
.mes-menu-container .product-menu.mes-active > .mes-mega-menu-wrapper, .mes-menu-container .product-menu.mes-hover > .sub-menu,
.mes-menu-container .product-menu.mes-hover > .mega-menu,
.mes-menu-container .product-menu.mes-hover > .mes-mega-menu-wrapper, .mes-menu-container .product-menu:hover > .sub-menu,
.mes-menu-container .product-menu:hover > .mega-menu,
.mes-menu-container .product-menu:hover > .mes-mega-menu-wrapper, .mes-menu-container .product-menu[aria-expanded=true] > .sub-menu,
.mes-menu-container .product-menu[aria-expanded=true] > .mega-menu,
.mes-menu-container .product-menu[aria-expanded=true] > .mes-mega-menu-wrapper,
.oxy-mes-menu .product-menu.mes-active > .sub-menu,
.oxy-mes-menu .product-menu.mes-active > .mega-menu,
.oxy-mes-menu .product-menu.mes-active > .mes-mega-menu-wrapper,
.oxy-mes-menu .product-menu.mes-hover > .sub-menu,
.oxy-mes-menu .product-menu.mes-hover > .mega-menu,
.oxy-mes-menu .product-menu.mes-hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .product-menu:hover > .sub-menu,
.oxy-mes-menu .product-menu:hover > .mega-menu,
.oxy-mes-menu .product-menu:hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .product-menu[aria-expanded=true] > .sub-menu,
.oxy-mes-menu .product-menu[aria-expanded=true] > .mega-menu,
.oxy-mes-menu .product-menu[aria-expanded=true] > .mes-mega-menu-wrapper {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 1002;
}
.mes-menu-container .product-menu:hover > .mes-mega-menu-wrapper,
.mes-menu-container .product-menu .mes-mega-menu-wrapper:hover,
.oxy-mes-menu .product-menu:hover > .mes-mega-menu-wrapper,
.oxy-mes-menu .product-menu .mes-mega-menu-wrapper:hover {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 1002;
}
.mes-menu-container .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content > ul > li .mes-sub-menu,
.mes-menu-container .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content > ul > li ul,
.mes-menu-container .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content .mes-sub-menu > li .mes-sub-menu,
.mes-menu-container .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content .mes-sub-menu > li ul,
.oxy-mes-menu .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content > ul > li .mes-sub-menu,
.oxy-mes-menu .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content > ul > li ul,
.oxy-mes-menu .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content .mes-sub-menu > li .mes-sub-menu,
.oxy-mes-menu .product-menu .mes-mega-menu-wrapper .mes-mega-menu-content .mes-sub-menu > li ul {
  position: static;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.mes-nav-menu li.product-menu.mes-trigger-hover.mes-display-columns.mes-hover-active > .mes-sub-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (min-width: 1251px) {
  .mes-nav-menu > li.mes-trigger-hover,
  .mes-menu > li.mes-trigger-hover {
    position: relative;
  }
  .mes-nav-menu > li.mes-trigger-hover > .sub-menu,
  .mes-nav-menu > li.mes-trigger-hover > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-hover > .mega-menu,
  .mes-nav-menu > li.mes-trigger-hover > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-hover > .sub-menu,
  .mes-menu > li.mes-trigger-hover > .mes-sub-menu,
  .mes-menu > li.mes-trigger-hover > .mega-menu,
  .mes-menu > li.mes-trigger-hover > .mes-mega-menu-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1002;
  }
  .mes-nav-menu > li.mes-trigger-hover:hover > .sub-menu,
  .mes-nav-menu > li.mes-trigger-hover:hover > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-hover:hover > .mega-menu,
  .mes-nav-menu > li.mes-trigger-hover:hover > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-hover:hover > .sub-menu,
  .mes-menu > li.mes-trigger-hover:hover > .mes-sub-menu,
  .mes-menu > li.mes-trigger-hover:hover > .mega-menu,
  .mes-menu > li.mes-trigger-hover:hover > .mes-mega-menu-wrapper {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .mes-nav-menu > li.mes-trigger-hover > .sub-menu:hover,
  .mes-nav-menu > li.mes-trigger-hover > .mes-sub-menu:hover,
  .mes-nav-menu > li.mes-trigger-hover > .mega-menu:hover,
  .mes-nav-menu > li.mes-trigger-hover > .mes-mega-menu-wrapper:hover,
  .mes-menu > li.mes-trigger-hover > .sub-menu:hover,
  .mes-menu > li.mes-trigger-hover > .mes-sub-menu:hover,
  .mes-menu > li.mes-trigger-hover > .mega-menu:hover,
  .mes-menu > li.mes-trigger-hover > .mes-mega-menu-wrapper:hover {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .mes-nav-menu > li.mes-trigger-hover::after,
  .mes-menu > li.mes-trigger-hover::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 1001;
    pointer-events: none;
  }
  .mes-nav-menu > li.mes-trigger-hover:hover::after,
  .mes-menu > li.mes-trigger-hover:hover::after {
    pointer-events: auto;
  }
  .mes-nav-menu > li.product-menu.mes-trigger-hover > a {
    position: relative;
    z-index: 10;
  }
  .mes-nav-menu > li.product-menu.mes-trigger-hover > a:hover ~ .sub-menu,
  .mes-nav-menu > li.product-menu.mes-trigger-hover > a:hover ~ .mes-sub-menu,
  .mes-nav-menu > li.product-menu.mes-trigger-hover > a:hover ~ .mega-menu,
  .mes-nav-menu > li.product-menu.mes-trigger-hover > a:hover ~ .mes-mega-menu-wrapper, .mes-nav-menu > li.product-menu.mes-trigger-hover:hover > .sub-menu, .mes-nav-menu > li.product-menu.mes-trigger-hover:hover > .mes-sub-menu, .mes-nav-menu > li.product-menu.mes-trigger-hover:hover > .mega-menu, .mes-nav-menu > li.product-menu.mes-trigger-hover:hover > .mes-mega-menu-wrapper {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .mes-nav-menu:hover > li.mes-trigger-hover:not(:hover) > .sub-menu,
  .mes-nav-menu:hover > li.mes-trigger-hover:not(:hover) > .mes-sub-menu,
  .mes-nav-menu:hover > li.mes-trigger-hover:not(:hover) > .mega-menu,
  .mes-nav-menu:hover > li.mes-trigger-hover:not(:hover) > .mes-mega-menu-wrapper,
  .mes-menu:hover > li.mes-trigger-hover:not(:hover) > .sub-menu,
  .mes-menu:hover > li.mes-trigger-hover:not(:hover) > .mes-sub-menu,
  .mes-menu:hover > li.mes-trigger-hover:not(:hover) > .mega-menu,
  .mes-menu:hover > li.mes-trigger-hover:not(:hover) > .mes-mega-menu-wrapper {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .mes-nav-menu > li.mes-trigger-click > .sub-menu,
  .mes-nav-menu > li.mes-trigger-click > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-click > .mega-menu,
  .mes-nav-menu > li.mes-trigger-click > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-click > .sub-menu,
  .mes-menu > li.mes-trigger-click > .mes-sub-menu,
  .mes-menu > li.mes-trigger-click > .mega-menu,
  .mes-menu > li.mes-trigger-click > .mes-mega-menu-wrapper {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .mes-nav-menu > li.mes-trigger-click > .sub-menu:hover,
  .mes-nav-menu > li.mes-trigger-click > .mes-sub-menu:hover,
  .mes-nav-menu > li.mes-trigger-click > .mega-menu:hover,
  .mes-nav-menu > li.mes-trigger-click > .mes-mega-menu-wrapper:hover,
  .mes-menu > li.mes-trigger-click > .sub-menu:hover,
  .mes-menu > li.mes-trigger-click > .mes-sub-menu:hover,
  .mes-menu > li.mes-trigger-click > .mega-menu:hover,
  .mes-menu > li.mes-trigger-click > .mes-mega-menu-wrapper:hover {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .mes-nav-menu > li.mes-trigger-click.mes-hover-active > .sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-hover-active > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-hover-active > .mega-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-hover-active > .mes-mega-menu-wrapper, .mes-nav-menu > li.mes-trigger-click.mes-submenu-open > .sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-submenu-open > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-submenu-open > .mega-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-submenu-open > .mes-mega-menu-wrapper, .mes-nav-menu > li.mes-trigger-click.mes-active > .sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-active > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-active > .mega-menu,
  .mes-nav-menu > li.mes-trigger-click.mes-active > .mes-mega-menu-wrapper, .mes-nav-menu > li.mes-trigger-click[aria-expanded=true] > .sub-menu,
  .mes-nav-menu > li.mes-trigger-click[aria-expanded=true] > .mes-sub-menu,
  .mes-nav-menu > li.mes-trigger-click[aria-expanded=true] > .mega-menu,
  .mes-nav-menu > li.mes-trigger-click[aria-expanded=true] > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-click.mes-hover-active > .sub-menu,
  .mes-menu > li.mes-trigger-click.mes-hover-active > .mes-sub-menu,
  .mes-menu > li.mes-trigger-click.mes-hover-active > .mega-menu,
  .mes-menu > li.mes-trigger-click.mes-hover-active > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-click.mes-submenu-open > .sub-menu,
  .mes-menu > li.mes-trigger-click.mes-submenu-open > .mes-sub-menu,
  .mes-menu > li.mes-trigger-click.mes-submenu-open > .mega-menu,
  .mes-menu > li.mes-trigger-click.mes-submenu-open > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-click.mes-active > .sub-menu,
  .mes-menu > li.mes-trigger-click.mes-active > .mes-sub-menu,
  .mes-menu > li.mes-trigger-click.mes-active > .mega-menu,
  .mes-menu > li.mes-trigger-click.mes-active > .mes-mega-menu-wrapper,
  .mes-menu > li.mes-trigger-click[aria-expanded=true] > .sub-menu,
  .mes-menu > li.mes-trigger-click[aria-expanded=true] > .mes-sub-menu,
  .mes-menu > li.mes-trigger-click[aria-expanded=true] > .mega-menu,
  .mes-menu > li.mes-trigger-click[aria-expanded=true] > .mes-mega-menu-wrapper {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .mes-nav-menu > li.mes-display-dropdown.mes-trigger-hover > .sub-menu,
  .mes-nav-menu > li.mes-display-dropdown.mes-trigger-hover > .mes-sub-menu,
  .mes-menu > li.mes-display-dropdown.mes-trigger-hover > .sub-menu,
  .mes-menu > li.mes-display-dropdown.mes-trigger-hover > .mes-sub-menu {
    margin-top: 0;
  }
  .mes-nav-menu > li.mes-full-width-columns.mes-trigger-hover > .sub-menu .mes-always-visible,
  .mes-nav-menu > li.mes-full-width-columns.mes-trigger-hover > .mes-sub-menu .mes-always-visible,
  .mes-nav-menu > li.mes-full-width-columns.mes-trigger-hover > .mega-menu .mes-always-visible,
  .mes-nav-menu > li.mes-full-width-columns.mes-trigger-hover > .mes-mega-menu-wrapper .mes-always-visible,
  .mes-menu > li.mes-full-width-columns.mes-trigger-hover > .sub-menu .mes-always-visible,
  .mes-menu > li.mes-full-width-columns.mes-trigger-hover > .mes-sub-menu .mes-always-visible,
  .mes-menu > li.mes-full-width-columns.mes-trigger-hover > .mega-menu .mes-always-visible,
  .mes-menu > li.mes-full-width-columns.mes-trigger-hover > .mes-mega-menu-wrapper .mes-always-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .mes-nav-menu > li:hover,
  .mes-menu > li:hover {
    z-index: 1003;
  }
  .mes-nav-menu > li > .sub-menu,
  .mes-nav-menu > li > .mes-sub-menu,
  .mes-nav-menu > li > .mega-menu,
  .mes-nav-menu > li > .mes-mega-menu-wrapper,
  .mes-menu > li > .sub-menu,
  .mes-menu > li > .mes-sub-menu,
  .mes-menu > li > .mega-menu,
  .mes-menu > li > .mes-mega-menu-wrapper {
    z-index: 1002;
  }
}
@media (max-width: 1250px) {
  .mes-nav-menu,
  .oxy-mes-menu .mes-menu {
    display: none !important;
  }
  .mes-divider {
    display: none !important;
  }
  .mes-full-width-columns:not(.product-menu) .mes-title-only > .mes-title-wrapper,
  .mes-full-width-columns:not(.product-menu) .mes-title-with-link > a > .mes-title-wrapper {
    width: 100%;
  }
  .mes-extra-spacing {
    margin-top: var(--spacing-xl, 28px) !important;
  }
  .mes-full-width-columns:not(.product-menu) .mes-submenu-list > li {
    margin-top: var(--spacing-xl, 28px) !important;
  }
  .mes-full-width-columns:not(.product-menu) .mes-submenu-list > li:first-child {
    margin-top: 0 !important;
  }
  .supreme-nav-desktop {
    display: none !important;
  }
  .mes-mobile-menu {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--Brand-Colors-Primary-White);
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
  }
  .mes-mobile-menu.mes-mobile-menu-open {
    transform: translateX(0);
  }
  .mes-mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: var(--Brand-Colors-Primary-White);
    position: sticky;
    top: 0;
    z-index: 10;
    height: 55px;
  }
  .mes-mobile-header .mes-mobile-logo {
    width: 182px;
    height: 18px;
  }
  .mes-mobile-header .mes-mobile-logo img {
    width: 100%;
    height: auto;
  }
  .mes-mobile-header .mes-mobile-close {
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mes-mobile-header .mes-mobile-close::before, .mes-mobile-header .mes-mobile-close::after {
    content: "";
    position: absolute;
    width: 18px;
    height: var(--spacing-xxxs);
    background: var(--Brand-Colors-Primary-Black);
    transform: rotate(45deg);
  }
  .mes-mobile-header .mes-mobile-close::after {
    transform: rotate(-45deg);
  }
  .mes-mobile-nav {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .mes-mobile-nav .sub-menu,
  .mes-mobile-nav .mes-mobile-submenu {
    display: none !important;
    padding: 0;
  }
  .mes-mobile-nav ul {
    padding-inline-start: 0px;
  }
  .mes-mobile-nav ul li {
    list-style-type: none;
  }
  .mes-mobile-nav > li {
    display: block;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--Brand-Colors-Light-Gray);
    list-style: none;
    cursor: pointer;
  }
  .mes-mobile-nav > li > a,
  .mes-mobile-nav > li > .mes-mobile-item,
  .mes-mobile-nav > li > .mes-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    color: var(--Heading-Color-1);
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Bold);
    font-size: var(--Font-Size-Paragraph-f-size);
    line-height: var(--Line-Height-Paragraph-line-height);
    transition: background-color 0.2s ease;
    cursor: pointer;
  }
  .mes-mobile-nav > li > a::after,
  .mes-mobile-nav > li > .mes-mobile-item::after,
  .mes-mobile-nav > li > .mes-title-wrapper::after {
    content: "";
    width: 11px;
    height: 11px;
    border-right: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    border-bottom: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    transform: rotate(-45deg);
    margin-right: 5px;
    flex-shrink: 0;
  }
  .mes-mobile-nav > li:not(.menu-item-has-children) > a::after, .mes-mobile-nav > li:not(.menu-item-has-children) > .mes-title-wrapper::after {
    display: none;
  }
  .mes-mobile-submenu,
  .mes-mobile-nav .sub-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--Brand-Colors-Primary-White);
    z-index: 10000;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    overflow: hidden;
    display: none;
    flex-direction: column;
  }
  .mes-mobile-submenu.mes-submenu-active,
  .mes-mobile-nav .sub-menu.mes-submenu-active {
    display: flex !important;
    transform: translateX(0);
    top: 55px;
  }
  .mes-mobile-submenu.mes-submenu-screen.mes-submenu-active,
  .mes-mobile-nav .sub-menu.mes-submenu-screen.mes-submenu-active {
    display: flex !important;
    transform: translateX(0);
    flex-direction: column;
    overflow-y: auto;
  }
  .mes-mobile-submenu .mes-mobile-submenu-header,
  .mes-mobile-nav .sub-menu .mes-mobile-submenu-header {
    padding: 12px;
    background: var(--Brand-Colors-Light-grayish-cyan);
    position: sticky;
    top: 0;
    z-index: 10;
  }
  .mes-mobile-submenu .mes-mobile-submenu-header .mes-back-wrapper,
  .mes-mobile-nav .sub-menu .mes-mobile-submenu-header .mes-back-wrapper {
    display: flex;
    align-items: center;
  }
  .mes-mobile-submenu .mes-mobile-submenu-header .mes-mobile-back,
  .mes-mobile-nav .sub-menu .mes-mobile-submenu-header .mes-mobile-back {
    display: flex;
    align-items: center;
    gap: 10px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Regular);
    font-size: var(--Font-Size-f-size-sm);
    line-height: 24px;
    color: var(--Heading-Color-1);
    transition: opacity 0.2s ease;
  }
  .mes-mobile-submenu .mes-mobile-submenu-header .mes-mobile-back .mes-back-arrow,
  .mes-mobile-nav .sub-menu .mes-mobile-submenu-header .mes-mobile-back .mes-back-arrow {
    display: block;
    width: 7px;
    height: 7px;
    border-left: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    border-bottom: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    transform: rotate(45deg);
    flex-shrink: 0;
    margin-left: 8px;
  }
  .mes-mobile-submenu .mes-mobile-submenu-header .mes-mobile-back .mes-back-text,
  .mes-mobile-nav .sub-menu .mes-mobile-submenu-header .mes-mobile-back .mes-back-text {
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Regular);
    font-size: var(--Font-Size-f-size-sm);
    line-height: 24px;
    color: var(--Heading-Color-1);
  }
  .mes-mobile-submenu .mes-submenu-title-wrapper,
  .mes-mobile-nav .sub-menu .mes-submenu-title-wrapper {
    padding: var(--spacing-xxl, 30px) var(--spacing-sm, 12px) var(--spacing-sm, 12px) var(--spacing-sm, 12px);
    border-top: 1px solid var(--Brand-Colors-Light-Gray);
  }
  .mes-mobile-submenu .mes-submenu-title-wrapper .mes-submenu-title,
  .mes-mobile-nav .sub-menu .mes-submenu-title-wrapper .mes-submenu-title {
    color: var(--Heading-Color-1, #262626);
    font-family: var(--Font-Family-Primary, Runda);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Line-height-f-size-xl, 42px); /* 150% */
  }
  .mes-mobile-submenu .mes-third-level-inline,
  .mes-mobile-nav .sub-menu .mes-third-level-inline {
    display: block !important;
    position: static !important;
    transform: none !important;
    z-index: auto !important;
    width: 100% !important;
  }
  .mes-mobile-submenu .mes-third-level-inline > li,
  .mes-mobile-nav .sub-menu .mes-third-level-inline > li {
    border-top: none !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 0;
  }
  .mes-mobile-submenu .mes-third-level-inline > li > a,
  .mes-mobile-nav .sub-menu .mes-third-level-inline > li > a {
    padding: 8px 12px;
    font-size: var(--Font-Size-f-size-sm);
    line-height: 22px;
    color: var(--text);
  }
  .mes-mobile-submenu .mes-submenu-content,
  .mes-mobile-nav .sub-menu .mes-submenu-content {
    overflow-y: auto;
    flex: 1;
    padding: 12px;
  }
  .mes-mobile-submenu .mes-submenu-content .mes-submenu-list,
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-submenu-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level {
    display: flex;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-title,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-title {
    display: inline-block;
    color: var(--Heading-Color-1, #262626);
    font-family: var(--Font-Family-Primary, Runda);
    font-size: var(--Font-Size-f-size-xl, 28px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--Line-Height-Line-height-f-size-xl, 42px); /* 150% */
    border-image: linear-gradient(180deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%);
    border-image-slice: 1;
    position: relative;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-title::before,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -3px;
    background: linear-gradient(270deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%);
    border-radius: 0;
    z-index: -1;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-title::after,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-title::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--Brand-Colors-Primary-White, #ffffff);
    border-radius: 0;
    z-index: -1;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-list > li,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level > li,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-list > li,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level > li {
    border: none;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-list > li > a,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-list > li > .mes-title-wrapper,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level > li > a,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level > li > .mes-title-wrapper,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-list > li > a,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-list > li > .mes-title-wrapper,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level > li > a,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level > li > .mes-title-wrapper {
    display: flex;
    padding: 8px 12px;
  }
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-list > li > a .mes-title-text,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level .mes-submenu-list > li > .mes-title-wrapper .mes-title-text,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level > li > a .mes-title-text,
  .mes-mobile-submenu .mes-submenu-content.mes-first-level > li > .mes-title-wrapper .mes-title-text,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-list > li > a .mes-title-text,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level .mes-submenu-list > li > .mes-title-wrapper .mes-title-text,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level > li > a .mes-title-text,
  .mes-mobile-nav .sub-menu .mes-submenu-content.mes-first-level > li > .mes-title-wrapper .mes-title-text {
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: var(--Font-Weight-Bold);
    line-height: var(--Line-Height-Paragraph-line-height, 28px);
  }
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li {
    border-top: 1px solid var(--Brand-Colors-Light-Gray);
  }
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > a,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > a,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    color: var(--Heading-Color-1);
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Regular);
    font-size: var(--Font-Size-f-size-md);
    line-height: 26px;
    transition: background-color 0.2s ease;
    cursor: pointer;
  }
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a:hover, .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a:active,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper:hover,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper:active,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > a:hover,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > a:active,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper:hover,
  .mes-mobile-submenu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper:active,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a:hover,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > a:active,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper:hover,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) .mes-submenu-list > li > .mes-title-wrapper:active,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > a:hover,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > a:active,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper:hover,
  .mes-mobile-nav .sub-menu .mes-submenu-content:not(.mes-first-level) > li > .mes-title-wrapper:active {
    background-color: var(--Brand-Colors-Light-grayish-cyan);
  }
  .mes-mobile-submenu .mes-submenu-content .sub-menu,
  .mes-mobile-submenu .mes-submenu-content .mes-mobile-submenu,
  .mes-mobile-submenu .mes-submenu-content ul:not(.mes-submenu-list),
  .mes-mobile-nav .sub-menu .mes-submenu-content .sub-menu,
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-mobile-submenu,
  .mes-mobile-nav .sub-menu .mes-submenu-content ul:not(.mes-submenu-list) {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--Brand-Colors-Primary-White);
    z-index: 10001;
    transform: translateX(100%);
    transition: transform 0.3s ease;
  }
  .mes-mobile-submenu .mes-submenu-content .sub-menu:not(.mes-third-level-inline),
  .mes-mobile-submenu .mes-submenu-content .mes-mobile-submenu:not(.mes-third-level-inline),
  .mes-mobile-submenu .mes-submenu-content ul:not(.mes-submenu-list):not(.mes-third-level-inline),
  .mes-mobile-nav .sub-menu .mes-submenu-content .sub-menu:not(.mes-third-level-inline),
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-mobile-submenu:not(.mes-third-level-inline),
  .mes-mobile-nav .sub-menu .mes-submenu-content ul:not(.mes-submenu-list):not(.mes-third-level-inline) {
    display: none !important;
  }
  .mes-mobile-submenu .mes-submenu-content .sub-menu.mes-submenu-active,
  .mes-mobile-submenu .mes-submenu-content .mes-mobile-submenu.mes-submenu-active,
  .mes-mobile-submenu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content .sub-menu.mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-mobile-submenu.mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-active {
    display: flex !important;
    transform: translateX(0);
  }
  .mes-mobile-submenu .mes-submenu-content .sub-menu.mes-submenu-screen,
  .mes-mobile-submenu .mes-submenu-content .mes-mobile-submenu.mes-submenu-screen,
  .mes-mobile-submenu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-screen,
  .mes-mobile-nav .sub-menu .mes-submenu-content .sub-menu.mes-submenu-screen,
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-mobile-submenu.mes-submenu-screen,
  .mes-mobile-nav .sub-menu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-screen {
    display: none !important;
  }
  .mes-mobile-submenu .mes-submenu-content .sub-menu.mes-submenu-screen.mes-submenu-active,
  .mes-mobile-submenu .mes-submenu-content .mes-mobile-submenu.mes-submenu-screen.mes-submenu-active,
  .mes-mobile-submenu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-screen.mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content .sub-menu.mes-submenu-screen.mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content .mes-mobile-submenu.mes-submenu-screen.mes-submenu-active,
  .mes-mobile-nav .sub-menu .mes-submenu-content ul:not(.mes-submenu-list).mes-submenu-screen.mes-submenu-active {
    display: flex !important;
    transform: translateX(0);
    overflow-y: auto;
  }
  .mes-mobile-account {
    border-top: 1px solid var(--Brand-Colors-Light-Gray);
  }
  .mes-mobile-account .mes-account-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    color: var(--Heading-Color-1);
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Bold);
    font-size: var(--Font-Size-Paragraph-f-size);
    line-height: var(--Line-Height-Paragraph-line-height);
  }
  .mes-mobile-account .mes-account-item::after {
    content: "";
    width: 11px;
    height: 11px;
    border-right: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    border-bottom: var(--spacing-xxxs) solid var(--Brand-Colors-Primary-Black);
    transform: rotate(-45deg);
    margin-right: 5px;
    flex-shrink: 0;
  }
  .mes-mobile-cta {
    padding: 12px;
  }
  .mes-mobile-cta .mes-contact-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 30px;
    background: var(--Brand-Colors-Primary-Black);
    border: 3px solid var(--Brand-Colors-Primary-Black);
    border-radius: 10px;
    color: var(--Brand-Colors-Primary-White);
    font-family: var(--Font-Family-Primary, "Runda");
    font-weight: var(--Font-Weight-Bold);
    font-size: var(--Font-Size-f-size-lg);
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-mobile-submenu-header,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-mobile-submenu-header {
    padding: var(--spacing-sm);
    background: var(--Brand-Colors-Light-grayish-cyan);
    border-bottom: 1px solid var(--Brand-Colors-Light-Gray);
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-title-wrapper,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-title-wrapper {
    padding: var(--spacing-xxl) var(--spacing-sm) var(--spacing-sm);
    border-bottom: 1px solid var(--Brand-Colors-Light-Gray);
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-title-wrapper .mes-submenu-title,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-title-wrapper .mes-submenu-title {
    color: var(--Heading-Color-1);
    font-family: var(--Font-Family-Primary);
    font-size: var(--Font-Size-f-size-xl);
    font-weight: 400;
    line-height: 1.5em;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content {
    padding: 0;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li {
    border-bottom: 1px solid var(--Brand-Colors-Light-Gray);
    margin: 0;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li:last-child,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li:last-child,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li:last-child,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li:last-child {
    border-bottom: none;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper {
    display: flex;
    align-items: center;
    padding: var(--spacing-sm);
    text-decoration: none;
    color: var(--Heading-Color-1);
    transition: background-color 0.2s ease;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper .mes-title-with-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper .mes-title-with-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper .mes-title-with-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper .mes-title-with-arrow {
    color: var(--text, #262626);
    /* Paragraph Styles/Bold */
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow .mes-arrow,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper .mes-title-with-arrow .mes-arrow {
    display: none;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a::after,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper::after,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a::after,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper::after,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a::after,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper::after,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a::after,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper::after {
    display: none;
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:hover, .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:active,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper:hover,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper:active,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a:hover,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a:active,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper:hover,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper:active,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:hover,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:active,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper:hover,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > .mes-title-wrapper:active,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a:hover,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a:active,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper:hover,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > .mes-title-wrapper:active {
    background-color: var(--Brand-Colors-Light-grayish-cyan);
  }
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .sub-menu,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li ul,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .sub-menu,
  .mes-display-dropdown .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li ul,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .sub-menu,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li ul,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .sub-menu,
  .mes-display-dropdown .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li ul {
    display: none !important;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content {
    padding: 0;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li {
    border-bottom: 1px solid var(--Brand-Colors-Light-Gray);
    margin: 0;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li:last-child,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li:last-child,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li:last-child,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li:last-child {
    border-bottom: none;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper {
    display: block;
    padding: var(--spacing-sm, 12px);
    width: 100%;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper .mes-title-text {
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li.mes-section-header > a > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > .mes-title-wrapper .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li.mes-section-header > a > .mes-title-wrapper .mes-menu-subtitle {
    display: block;
    margin-top: 4px;
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-f-size-xs, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px); /* 162.5% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-sm, 12px);
    text-decoration: none;
    color: var(--Heading-Color-1);
    transition: background-color 0.2s ease;
    gap: 9px;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a img,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a img,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a img,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a img {
    width: 23px;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:hover, .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:active,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a:hover,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a:active,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:hover,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a:active,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a:hover,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a:active {
    background-color: var(--Brand-Colors-Light-grayish-cyan);
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow {
    color: var(--text, #262626);
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow .mes-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-title-with-arrow .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-title-with-arrow .mes-arrow {
    display: none;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > a .mes-menu-subtitle {
    display: block;
    margin-top: 4px;
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-weight: var(--Font-Weight-Regular);
    font-size: var(--Font-Size-f-size-sm);
    line-height: 20px;
    color: var(--text);
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-title-wrapper {
    border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200);
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-title-text,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-title-text {
    color: var(--text, #262626);
    font-family: var(--Font-Family-Special-Case, "Roboto Mono");
    font-size: var(--Font-Size-f-size-xxxs, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Line-height-f-size-xxxs, 22px); /* 157.143% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-menu-subtitle {
    color: var(--text, #262626);
    /* Paragraph Styles/Small */
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-f-size-xs, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px); /* 162.5% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-sm, 12px);
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
    border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200);
    width: 100%;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-title-with-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-title-with-arrow {
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
    text-decoration: none;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-arrow,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-arrow {
    display: none;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li > a .mes-menu-subtitle,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li > a .mes-menu-subtitle {
    font-family: var(--Font-Family-Secondary, "Open Sans");
    font-size: var(--Font-Size-Paragraph-f-size, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper,
  .mes-full-width-columns .sub-menu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li.mes-no-border-bottom .mes-title-wrapper {
    border-bottom: none;
  }
  .mes-mobile-toggle {
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
  }
  .mes-mobile-toggle span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: var(--spacing-xxxs);
    background: var(--Brand-Colors-Primary-Black);
    transition: all 0.3s ease;
    transform-origin: center;
  }
  .mes-mobile-toggle span:first-child {
    top: 0px;
  }
  .mes-mobile-toggle span:nth-child(2) {
    top: 6px;
  }
  .mes-mobile-toggle span:last-child {
    top: 12px;
  }
  .mes-mobile-toggle.mes-menu-open span:first-child {
    top: 14px;
    transform: translateX(-50%) rotate(45deg);
  }
  .mes-mobile-toggle.mes-menu-open span:nth-child(2) {
    opacity: 0;
  }
  .mes-mobile-toggle.mes-menu-open span:last-child {
    top: 14px;
    transform: translateX(-50%) rotate(-45deg);
  }
}
@media (min-width: 1251px) {
  .mes-mobile-menu,
  .mes-mobile-toggle {
    display: none !important;
  }
}
.mes-mobile-account .mes-account-item {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
}

.mes-display-dropdown.mobile-only ul.mes-submenu-list li a {
  gap: 10px;
}

@media (max-width: 1250px) {
  ul.mes-submenu-list {
    width: 100%;
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle,
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content .mes-submenu-list > li > ul.mes-third-level-inline > li .mes-menu-subtitle {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li .mes-mobile-submenu.mes-third-level-inline > li .mes-menu-subtitle {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
  .mes-full-width-columns .mes-mobile-submenu.mes-submenu-screen .mes-submenu-content > ul > li > ul.mes-third-level-inline > li .mes-menu-subtitle {
    font-size: var(--Font-Size-f-size-md, 16px);
  }
  .mes-mobile-header .mes-mobile-close::before, .mes-mobile-header .mes-mobile-close::after {
    width: 30px;
  }
}
.synthego-icon-cta-grid {
  background: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-icon-cta-grid__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
}
.synthego-icon-cta-grid__title {
  text-align: left;
  margin-bottom: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .synthego-icon-cta-grid__title {
    margin-bottom: var(--spacing-3xl, 64px);
  }
}
.synthego-icon-cta-grid__title h2 {
  margin: 0;
}
.synthego-icon-cta-grid__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--spacing-3xl, 64px) var(--spacing-xl, 24px);
  justify-items: start;
}
@media (max-width: 1200px) {
  .synthego-icon-cta-grid__grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--spacing-3xl, 64px) var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .synthego-icon-cta-grid__grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
  }
}
.synthego-icon-cta-grid__item {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  text-align: left;
  max-width: 240px;
  width: 100%;
}
.synthego-icon-cta-grid__item-heading {
  margin-bottom: var(--spacing-xl, 24px);
  order: 1;
}
.synthego-icon-cta-grid__item-heading h3 {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-lg);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-lg);
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 767px) {
  .synthego-icon-cta-grid__item-heading h3 {
    font-size: var(--Font-Size-f-size-md);
    line-height: var(--Line-Height-Line-height-f-size-md);
  }
}
.synthego-icon-cta-grid__item-image {
  margin-bottom: var(--spacing-xl, 24px);
  order: 2;
}
.synthego-icon-cta-grid__item-image img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .synthego-icon-cta-grid__item-image img {
    width: 100px;
    height: 100px;
  }
}
.synthego-icon-cta-grid__item-link {
  order: 3;
}
.synthego-icon-cta-grid__item-link a {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-sm);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-sm);
  color: var(--Heading-Color-1);
  text-decoration: none;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .synthego-icon-cta-grid__item-link a {
    font-size: var(--Font-Size-f-size-xs);
    line-height: var(--Line-Height-Line-height-f-size-xs);
  }
}
.synthego-icon-cta-grid__item:not(:has(.synthego-icon-cta-grid__item-image)) .synthego-icon-cta-grid__item-heading {
  margin-bottom: var(--spacing-lg, 20px);
}
.synthego-icon-cta-grid__item:not(:has(.synthego-icon-cta-grid__item-link)) .synthego-icon-cta-grid__item-image {
  margin-bottom: 0;
}

.oxy-supreme-elements-icon-cta-grid {
  width: 100%;
  max-width: 100%;
}

.syn-icons-align .synthego-icon-cta-grid__item-heading h3 {
  white-space: nowrap;
}

.crispr-icons-sec .synthego-icon-cta-grid__grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

@media (max-width: 767px) {
  .syn-icons-align .synthego-icon-cta-grid__item-heading h3 {
    white-space: unset;
  }
  .crispr-icons-sec .synthego-icon-cta-grid__grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}
.synthego-icon-cta-grid__container .synthego-icon-cta-grid__title {
  text-align: left;
  margin-bottom: var(--spacing-3xl, 40px);
}

.synthego-press-grid {
  padding: 0 0 80px;
  background: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-press-grid__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 12px;
}
@media (max-width: 1439px) {
  .synthego-press-grid__container {
    padding: 0 12px;
  }
}
@media (max-width: 767px) {
  .synthego-press-grid__container {
    padding: 0 12px;
  }
}
.synthego-press-grid__count {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  text-transform: uppercase;
  margin-bottom: var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .synthego-press-grid__count {
    margin-bottom: var(--spacing-lg, 20px);
  }
}
.synthego-press-grid__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: var(--spacing-md, 16px);
  row-gap: var(--spacing-md, 16px);
}
@media (max-width: 1200px) {
  .synthego-press-grid__grid {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
@media (max-width: 768px) {
  .synthego-press-grid__grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-md, 16px);
  }
}
.synthego-press-grid__card {
  display: block;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  overflow: visible;
  height: 270px;
  position: relative;
}
.synthego-press-grid__card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.synthego-press-grid__card > * {
  position: relative;
  z-index: 2;
}
.synthego-press-grid__card:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.synthego-press-grid__card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.synthego-press-grid__card:hover .synthego-press-grid__card-title {
  color: var(--text, #262626);
}
.synthego-press-grid__card:hover .synthego-press-grid__card-arrow {
  opacity: 1;
  right: 24px;
}
.synthego-press-grid__card:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  outline-offset: 2px;
}
.synthego-press-grid__card-content {
  padding: 32px 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.synthego-press-grid__card-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
.synthego-press-grid__card-title {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.417;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  transition: color 0.3s ease;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .synthego-press-grid__card-title {
    font-size: 20px;
    line-height: 1.4;
  }
}
.synthego-press-grid__card-date {
  font-family: "roboto-mono", monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
  text-transform: uppercase;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.synthego-press-grid__card-arrow {
  position: absolute;
  bottom: 32px;
  right: 44px;
  width: 15.84px;
  height: 15.84px;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}
.synthego-press-grid__card-arrow svg {
  width: 24px;
  height: 24px;
  fill: var(--text, #262626);
}
.synthego-press-grid__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .synthego-press-grid__footer {
    margin-top: var(--spacing-3xl, 40px);
  }
}
.synthego-press-grid__load-more {
  padding: var(--spacing-sm) var(--spacing-xxl);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  min-width: 58px;
  min-height: 58px;
  border: none;
}
.synthego-press-grid__load-more:hover {
  box-shadow: none;
}
.synthego-press-grid__load-more.loading {
  opacity: 0.7;
  pointer-events: none;
}
.synthego-press-grid__load-more.loading span {
  display: none;
}
.synthego-press-grid__load-more.loading .button-arrow {
  animation: spin 0.8s linear infinite;
}
.synthego-press-grid__load-more .button-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.synthego-press-grid__load-more .button-arrow svg {
  width: 24px;
  height: 24px;
}
@media (max-width: 767px) {
  .synthego-press-grid__load-more {
    padding: 10px var(--spacing-xl);
  }
  .synthego-press-grid__load-more span {
    font-size: var(--Font-Size-f-size-xs);
  }
}
.synthego-press-grid__pagination-info {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Special-Case, "roboto-mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  text-transform: uppercase;
}
.synthego-press-grid__progress {
  width: 100%;
  max-width: 600px;
  height: 4px;
  background-color: var(--Brand-Colors-Primary-Black-10, #E6E6E6);
  border-radius: 2px;
  overflow: hidden;
}
.synthego-press-grid__progress .progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Bright-cyan, #00d4c7) 100%);
  transition: width 0.3s ease;
}
.synthego-press-grid__no-posts {
  text-align: center;
  padding: var(--spacing-4xl, 80px) 0;
}
.synthego-press-grid__no-posts p {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-lg);
  color: var(--text, #262626);
  margin: 0;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.oxy-supreme-elements-press-grid {
  width: 100%;
  max-width: 100%;
}

body .synthego-press-grid__card-arrow {
  width: 15.84px;
  height: 15.84px;
}

.product-hero {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
  background: var(--Brand-Colors-Primary-White);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.product-hero h1:not([class*=headline-]) + p {
  margin-top: 0;
}
.product-hero__wrapper {
  display: flex;
  gap: 128px;
  align-items: flex-start;
}
@media (max-width: 1440px) {
  .product-hero__wrapper {
    gap: 80px;
  }
}
@media (max-width: 1200px) {
  .product-hero__wrapper {
    gap: 64px;
  }
}
@media (max-width: 992px) {
  .product-hero__wrapper {
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
}
.product-hero__logo {
  flex-shrink: 0;
  width: 284px;
  height: 284px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 997px) {
  .product-hero__logo {
    display: none;
  }
}
.product-hero__logo img {
  width: 100%;
  height: auto;
  max-width: 284px;
  object-fit: contain;
}
.product-hero__logo--placeholder {
  background: linear-gradient(135deg, #20d340 0%, #00d1ed 100%);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.product-hero__logo--placeholder svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .product-hero__logo {
    width: 240px;
    height: 240px;
  }
}
@media (max-width: 480px) {
  .product-hero__logo {
    width: 200px;
    height: 200px;
  }
}
.product-hero__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 988px;
}
@media (max-width: 992px) {
  .product-hero__content {
    max-width: 100%;
  }
}
.product-hero__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-hero__info-header {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.product-hero__label {
  font-family: var(--Font-Family-Special-Case);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular);
  line-height: 1.319em;
  text-transform: uppercase;
  color: var(--Heading-Color-1-Alt, #707070);
  letter-spacing: 0.05em;
  margin-bottom: -6px;
}
.product-hero__title {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-4xl, 60px);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-4xl);
  color: var(--Heading-Color-1);
  margin: 0;
}
.product-hero__tagline {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-lg, 24px);
  font-weight: 500;
  line-height: 1.417em;
  color: #262626;
  margin: 0;
}
@media (max-width: 768px) {
  .product-hero__tagline {
    font-size: 20px;
  }
}
.product-hero__description {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.556em;
  color: #262626;
}
.product-hero__description p:last-child {
  margin-bottom: 0;
}
.product-hero__description ul {
  margin-bottom: 0;
}
.product-hero__description ul li {
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
}
.product-hero__description ul li::marker {
  font-size: 15px;
}
@media (max-width: 768px) {
  .product-hero__description {
    font-size: 16px;
  }
}
.product-hero__features {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.556em;
  color: #262626;
}
.product-hero__features p {
  margin: 0 0 0.5em;
}
.product-hero__features p:last-child {
  margin-bottom: 0;
}
.product-hero__features ul {
  margin: 0;
  padding-left: 20px;
}
.product-hero__features li {
  margin-bottom: 8px;
}
.product-hero__features li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .product-hero__features {
    font-size: 16px;
  }
}
.product-hero__purchase {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 20px;
  background: #f4f9fa;
  border-radius: 8px;
  min-height: 200px;
}
@media (max-width: 1200px) {
  .product-hero__purchase {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
}
.product-hero__sizes {
  width: 482px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1200px) {
  .product-hero__sizes {
    width: 100%;
  }
}
.product-hero__sizes-label {
  font-family: "Runda", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
}
.product-hero__sizes-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
.product-hero__size-option {
  width: 150px;
  min-height: 56px;
  padding: 8px 16px;
  background: #f4f9fa;
  border: 1px solid transparent;
  background-image: linear-gradient(#f4f9fa, #f4f9fa), linear-gradient(180deg, #20d340 0%, #00d1ed 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  transition: all 0.3s ease;
  position: relative;
  text-align: left;
}
.product-hero__size-option:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 209, 237, 0.2);
}
.product-hero__size-option--selected {
  background: #000000;
  background-image: none;
  border: 1px solid #000000;
}
.product-hero__size-option--selected .product-hero__size-name,
.product-hero__size-option--selected .product-hero__size-price {
  color: #ffffff;
}
.product-hero__size-option--restricted {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.product-hero__size-option--restricted:hover {
  transform: none;
  box-shadow: none;
}
@media (max-width: 580px) {
  .product-hero__size-option {
    width: calc(50% - 8px);
  }
}
@media (max-width: 400px) {
  .product-hero__size-option {
    width: 100%;
  }
}
.product-hero__size-name {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.556em;
  color: #262626;
  margin: 0;
}
.product-hero__size-price {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.667em;
  color: #262626;
  margin: 0;
}
.product-hero__cart-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
  padding-left: 32px;
  padding-right: 16px;
  border-left: 1px solid #e0e0e0;
  min-height: 160px;
}
.product-hero__cart-box--single {
  border-left: none;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  min-height: auto;
  gap: 12px;
}
@media (max-width: 1200px) {
  .product-hero__cart-box--single {
    border-top: none;
    padding-top: 0;
  }
}
@media (max-width: 1200px) {
  .product-hero__cart-box {
    width: 100%;
    border-left: none;
    border-top: 1px solid #e0e0e0;
    padding: 24px 0 0 0;
  }
}
.product-hero__cart-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-hero__cart-title {
  font-family: "Runda", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
}
.product-hero__cart-title #product-hero-selected-size {
  display: inline-block;
  font-weight: 400;
}
.product-hero__cart-title--single {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
}
.product-hero__cart-controls {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-hero__cart-controls-row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.product-hero__quantity {
  position: relative;
  display: inline-block;
  width: 95px;
  height: 38px;
  flex-shrink: 0;
}
.product-hero__quantity-select {
  width: 100%;
  height: 100%;
  padding: 5px 32px 5px 16px;
  background: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.625em;
  color: #262626;
  appearance: none;
  cursor: pointer;
}
.product-hero__quantity-select:focus {
  outline: none;
  border-color: #00d1ed;
  box-shadow: 0 0 0 2px rgba(0, 209, 237, 0.1);
}
.product-hero__quantity-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 12px;
  height: 7px;
}
.product-hero__sku {
  font-family: "Roboto Mono", monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571em;
  text-transform: uppercase;
  color: #707070;
  text-align: right;
}
.product-hero__images {
  display: flex;
  gap: 32px;
  margin-top: 0;
}
@media (max-width: 992px) {
  .product-hero__images {
    flex-direction: column;
  }
}
.product-hero__image-thumb {
  width: 284px;
  height: 88px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: #f0f0f0;
  position: relative;
}
.product-hero__image-thumb:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.product-hero__image-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-hero__image-thumb--placeholder {
  background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
}
@media (max-width: 992px) {
  .product-hero__image-thumb {
    width: 100%;
    height: auto;
  }
}
.product-hero__geo-restricted {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 32px;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  text-align: center;
  min-height: 120px;
  width: 100%;
}
.product-hero__unavailable-message {
  margin: 0;
  color: #6c757d;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 400;
}
.product-hero__geo-cta {
  padding: 12px 32px !important;
  background: #6c757d !important;
  border: 3px solid #6c757d !important;
  border-radius: 10px !important;
  font-family: "Runda", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.5em !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
}
.product-hero__geo-cta:hover {
  background: #5a6268 !important;
  border-color: #5a6268 !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}
.product-hero__geo-cta:active {
  transform: translateY(0);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.product-hero-section {
  position: relative;
  overflow: hidden;
}
.product-hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(32, 211, 64, 0.02) 0%, rgba(0, 209, 237, 0.02) 100%);
  pointer-events: none;
  z-index: 0;
}
.product-hero-section .product-hero {
  position: relative;
  z-index: 1;
}

.product-hero-non-bc {
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  background: var(--Brand-Colors-Primary-White);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.product-hero-non-bc h1:not([class*=headline-]) + p {
  margin-top: 0;
}
.product-hero-non-bc__wrapper {
  display: flex;
  gap: 128px;
  align-items: flex-start;
  max-width: 1400px;
  width: 100%;
}
@media (max-width: 1440px) {
  .product-hero-non-bc__wrapper {
    gap: 80px;
  }
}
@media (max-width: 1200px) {
  .product-hero-non-bc__wrapper {
    gap: 64px;
  }
}
@media (max-width: 992px) {
  .product-hero-non-bc__wrapper {
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
}
.product-hero-non-bc__logo {
  flex-shrink: 0;
  width: 284px;
  height: 284px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.product-hero-non-bc__logo img {
  width: 100%;
  height: auto;
  max-width: 284px;
  object-fit: contain;
}
.product-hero-non-bc__logo--placeholder {
  background: linear-gradient(135deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.product-hero-non-bc__logo--placeholder svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .product-hero-non-bc__logo {
    width: 240px;
    height: 240px;
  }
}
@media (max-width: 768px) {
  .product-hero-non-bc__logo {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 480px) {
  .product-hero-non-bc__logo {
    width: 160px;
    height: 160px;
  }
}
.product-hero-non-bc__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
  max-width: 988px;
}
@media (max-width: 992px) {
  .product-hero-non-bc__content {
    max-width: 100%;
  }
}
.product-hero-non-bc__info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}
.product-hero-non-bc__info-header {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.product-hero-non-bc__label {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: 1.319em;
  text-transform: uppercase;
  color: var(--Heading-Color-1-Alt, #707070);
  letter-spacing: 0.05em;
}
.product-hero-non-bc__title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-4xl, 60px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-4xl, 65px);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
@media (max-width: 1200px) {
  .product-hero-non-bc__title {
    font-size: 48px;
    line-height: 52px;
  }
}
@media (max-width: 768px) {
  .product-hero-non-bc__title {
    font-size: var(--Font-Size-f-size-xxl, 40px);
    line-height: var(--Line-Height-Line-height-f-size-xxl, 54px);
  }
}
@media (max-width: 480px) {
  .product-hero-non-bc__title {
    font-size: var(--Font-Size-f-size-4xl, 32px);
    line-height: var(--Line-Height-Line-height-f-size-4xl, 36px);
  }
}
.product-hero-non-bc__tagline {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: 24px;
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px);
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 0 0;
}
@media (max-width: 768px) {
  .product-hero-non-bc__tagline {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.product-hero-non-bc__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.product-hero-non-bc__description p:last-child {
  margin-bottom: 0;
}
.product-hero-non-bc__description ul {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .product-hero-non-bc__description {
    font-size: var(--Font-Size-f-size-xs, 16px);
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  }
}
.product-hero-non-bc__features {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}
.product-hero-non-bc__features li {
  margin-bottom: 8px;
}
.product-hero-non-bc__features li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .product-hero-non-bc__features {
    font-size: var(--Font-Size-f-size-xs, 16px);
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  }
}
.product-hero-non-bc__buttons {
  display: flex;
  gap: var(--spacing-lg, 20px);
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 768px) {
  .product-hero-non-bc__buttons {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
}
.product-hero-non-bc__button-arrow {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.product-hero-non-bc__image {
  width: 284px;
  height: 88px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--Brand-Colors-Light-Gray, #e0e0e0);
}
.product-hero-non-bc__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .product-hero-non-bc__image {
    width: 100%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 284/88;
  }
}
@media (max-width: 768px) {
  .product-hero-non-bc__image {
    max-width: 100%;
  }
}

.product-hero-non-bc {
  scroll-behavior: smooth;
}
.product-hero-non-bc__button.loading {
  pointer-events: none;
  opacity: 0.7;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.product-hero-non-bc__buttons .product-hero-non-bc__button,
.product-hero-non-bc__buttons .product-hero-non-bc__button:focus {
  width: fit-content;
  outline: none;
}

.oxy-supreme-elements-hero-anchor-tabs {
  position: sticky;
  top: 0;
  padding-top: var(--spacing-md, 16px);
  border-bottom: 2px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  background: #ffffff;
  z-index: 13;
}

.hero-anchor-tabs {
  width: 100%;
  background: #ffffff;
  margin-bottom: var(--spacing-4xl);
  z-index: 100;
}
.hero-anchor-tabs__inner, .hero-anchor-tabs__desktop {
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding-bottom: 1px;
}
@media (max-width: 1200px) {
  .hero-anchor-tabs__inner, .hero-anchor-tabs__desktop {
    display: none;
  }
}
.hero-anchor-tabs__mobile {
  display: none;
}
@media (max-width: 1200px) {
  .hero-anchor-tabs__mobile {
    display: block;
    width: 100%;
  }
}
.hero-anchor-tabs__dropdown {
  width: 100%;
  padding: 0 var(--spacing-xxl, 40px) 0 var(--spacing-xs, 8px);
  line-height: 34px;
  color: var(--Heading-Color-1, #262626);
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  border-radius: 4px;
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: 14px;
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 24px 24px;
  margin-bottom: var(--spacing-md, 16px);
  appearance: none;
  -webkit-appearance: none;
  height: 40px;
  cursor: pointer;
}
.hero-anchor-tabs__dropdown:focus {
  outline: none;
  border-color: var(--Brand-Colors-Primary-Blue, #0066cc);
}
.hero-anchor-tabs__tab {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  background: transparent;
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
.hero-anchor-tabs__tab:hover {
  background: rgba(0, 0, 0, 0.05);
}
.hero-anchor-tabs__tab--active {
  background: #000000;
}
.hero-anchor-tabs__tab--active:hover {
  background: #000000;
}
.hero-anchor-tabs__tab--active::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: #000000;
  z-index: 1;
}
.hero-anchor-tabs__tab--active .hero-anchor-tabs__tab-title {
  color: #ffffff;
}
@media (max-width: 768px) {
  .hero-anchor-tabs__tab {
    padding: 8px 16px;
    min-width: auto;
    flex: 0 0 auto;
  }
}
.hero-anchor-tabs__tab-title {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.556em;
  color: #000000;
  margin: 0;
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .hero-anchor-tabs__tab-title {
    font-size: 16px;
  }
}

html {
  scroll-behavior: smooth;
}

.anchor-target,
[id] {
  scroll-margin-top: 120px;
}
@media (max-width: 768px) {
  .anchor-target,
  [id] {
    scroll-margin-top: 100px;
  }
}

.hero-anchor-tabs__tab.hero-anchor-tabs__tab--active:hover {
  background: #000000;
}

.product-specifications {
  width: 100%;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding: var(--spacing-4xl, 80px) 0;
  position: relative;
  z-index: 2;
}
.product-specifications .anchor-target {
  position: absolute;
  top: -120px;
  visibility: hidden;
  height: 0;
  width: 0;
}
.product-specifications__wrapper {
  width: 100%;
  padding: 0;
}
.product-specifications__container {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 1200px) {
  .product-specifications__container {
    padding: 0 var(--spacing-3xl, 40px);
  }
}
@media (max-width: 768px) {
  .product-specifications__container {
    padding: 0 var(--spacing-lg, 20px);
  }
}
.product-specifications__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}
.product-specifications__title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xxl, 40px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxl, 54px);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__title {
    font-size: var(--Font-Size-f-size-4xl, 32px);
    line-height: var(--Line-Height-Line-height-f-size-4xl, 36px);
  }
}
.product-specifications__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
  margin: 0;
  max-width: 1000px;
}
@media (max-width: 768px) {
  .product-specifications__description {
    font-size: var(--Font-Size-f-size-xs, 16px);
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  }
}
.product-specifications__table {
  width: 100%;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 8px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}
.product-specifications__table tbody {
  display: table-row-group;
}
.product-specifications__row {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.product-specifications__row--alt {
  background: var(--Brand-Colors-Primary-White, #fff);
}
.product-specifications__row td {
  padding: var(--spacing-md, 16px);
  vertical-align: top;
}
.product-specifications__label {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--Heading-Color-1, #262626);
  padding-right: 64px;
}
.product-specifications__label ul {
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__label {
    width: auto;
    font-size: var(--Font-Size-f-size-xs, 16px);
    line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
    display: block;
    padding-right: var(--spacing-md, 16px);
    padding-bottom: var(--spacing-xs, 8px);
  }
}
.product-specifications__value {
  color: var(--text, #262626);
  /* Paragraph Styles/Small */
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-style: normal;
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px); /* 162.5% */
  display: grid;
  white-space: pre-wrap;
}
.product-specifications__value ul {
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__value {
    font-size: var(--Font-Size-f-size-xxs, 14px);
    line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
    display: block;
  }
}
.product-specifications__footer-note {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  color: var(--text, #262626);
  max-width: 1000px;
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__footer-note {
    font-size: var(--Font-Size-f-size-xxs, 14px);
    line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  }
}
.product-specifications__additional {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
  padding-top: var(--spacing-xxl, 32px);
  max-width: 1000px;
}
.product-specifications__additional-title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-lg, 24px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__additional-title {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.product-specifications__additional-content {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 768px) {
  .product-specifications__additional-content {
    font-size: var(--Font-Size-f-size-xxs, 14px);
    line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  }
}

.accubase-prod-sec .product-specifications__description {
  margin-top: 0;
}

.comparison-accordion {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
  padding-top: var(--spacing-xxl);
}
.comparison-accordion__wrapper {
  width: 100%;
  padding: 0;
}
.comparison-accordion__container {
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .comparison-accordion__container {
    padding: 0 40px;
  }
}
@media (max-width: 768px) {
  .comparison-accordion__container {
    padding: 0 20px;
  }
}
.comparison-accordion__header {
  border-radius: 8px;
  padding: 16px;
  text-align: left;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.comparison-accordion__header:hover {
  background: rgb(233.48125, 243.2625, 245.21875);
}
.comparison-accordion__header.is-open, .comparison-accordion:first-of-type .comparison-accordion__header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
.comparison-accordion__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.comparison-accordion__title {
  font-family: "Runda", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
  flex: 1;
}
@media (max-width: 768px) {
  .comparison-accordion__title {
    font-size: 24px;
  }
}
.comparison-accordion__toggle {
  width: 34px;
  height: 34px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
  pointer-events: none;
}
.comparison-accordion__toggle[aria-expanded=true] {
  transform: rotate(0deg);
}
.comparison-accordion__toggle[aria-expanded=false] {
  transform: rotate(180deg);
}
.comparison-accordion__chevron {
  transition: transform 0.3s ease;
  transform: rotate(0deg);
  pointer-events: none;
}
.comparison-accordion__header.is-open .comparison-accordion__chevron, .comparison-accordion:first-of-type .comparison-accordion__header .comparison-accordion__chevron {
  transform: rotate(180deg);
}
.comparison-accordion__preview-headings {
  display: flex;
  gap: 20px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
  .comparison-accordion__preview-headings {
    flex-direction: column;
    gap: 8px;
  }
}
.comparison-accordion__preview-heading {
  flex: 1;
  font-family: var(--Font-Family-Primary, Runda);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #262626;
}
@media (max-width: 768px) {
  .comparison-accordion__preview-heading {
    font-size: 14px;
  }
}
.comparison-accordion__header.is-open .comparison-accordion__preview-headings, .comparison-accordion:first-of-type .comparison-accordion__header .comparison-accordion__preview-headings {
  display: none;
}
.comparison-accordion__content {
  background: #f4f9fa;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, opacity 0.3s ease;
  max-height: 0;
  opacity: 0;
}
.comparison-accordion__content.is-open, .comparison-accordion:first-of-type .comparison-accordion__content {
  opacity: 1;
}
.comparison-accordion__inner {
  padding: 16px;
  padding-top: 0;
}
.comparison-accordion__heading {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-sm, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Line-height-f-size-sm, 28px); /* 155.556% */
  color: #000000;
  margin: 0;
  text-align: left;
}
.comparison-accordion__heading h4 {
  display: inline;
  margin: 16px;
  position: relative;
}
.comparison-accordion__heading h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--Gradient-Horizontal);
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.comparison-accordion__table {
  width: 100%;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: 8px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}
.comparison-accordion__table tbody {
  display: table-row-group;
}
@media (max-width: 768px) {
  .comparison-accordion__table tr {
    display: flex !important;
  }
  .comparison-accordion__table tr th {
    flex: 1;
  }
}
.comparison-accordion__row {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.comparison-accordion__row--alt {
  background: #fff;
}
.comparison-accordion__row td {
  padding: 16px;
  vertical-align: top;
}
@media (max-width: 768px) {
  .comparison-accordion__row {
    display: flex !important;
  }
  .comparison-accordion__row td {
    display: block;
    width: 100%;
    padding: 8px 16px;
  }
  .comparison-accordion__row td:first-child {
    padding-top: 16px;
  }
  .comparison-accordion__row td:last-child {
    padding-bottom: 16px;
  }
}
.comparison-accordion__label {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.556em;
  color: #262626;
  width: 176.92px;
  padding-right: 64px;
}
@media (max-width: 768px) {
  .comparison-accordion__label {
    width: 100%;
    font-size: 16px;
    padding-right: 0;
    padding-bottom: 8px;
  }
}
.comparison-accordion__value {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  color: #262626;
  white-space: pre-wrap;
}
@media (max-width: 768px) {
  .comparison-accordion__value {
    font-size: 14px;
    padding-bottom: 8px;
  }
  .comparison-accordion__value:last-child {
    padding-bottom: 0;
  }
}

.none-underline .comparison-accordion__heading:nth-child(2) h4:after {
  width: 0;
}

.supreme-element.product-search-wrapper {
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-4xl, 80px) 0 var(--spacing-xxl, 32px);
}
.supreme-element.product-search-wrapper .product-search-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.supreme-element.product-search-wrapper .search-results-heading {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  font-weight: 500;
  font-size: var(--Font-Size-f-size-xl, 28px);
  line-height: 1.5em;
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.product-search-wrapper .form-container {
  background-color: var(--Brand-Colors-Neutrals-Gray-100, #EAEAEA);
  border-radius: 8px;
  padding: var(--spacing-md, 16px) 0;
}
.supreme-element.product-search-wrapper .product-search-form {
  padding: 0 var(--spacing-md, 16px);
  width: 100%;
}
.supreme-element.product-search-wrapper .search-input-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 8px;
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  transition: all 0.3s ease;
}
.supreme-element.product-search-wrapper .search-input-container:focus-within {
  box-shadow: 0 0 0 2px var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
@media (max-width: 767px) {
  .supreme-element.product-search-wrapper .search-input-container {
    width: 100%;
  }
}
.supreme-element.product-search-wrapper .search-input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--Paragraph-Color-1, #262626);
}
.supreme-element.product-search-wrapper .search-input::placeholder {
  color: var(--Brand-Colors-Neutrals-Gray-400, #999999);
}
.supreme-element.product-search-wrapper .search-input:focus {
  outline: none;
}
.supreme-element.product-search-wrapper .search-input[type=search] {
  -webkit-appearance: none;
  appearance: none;
}
.supreme-element.product-search-wrapper .search-input[type=search]::-webkit-search-decoration, .supreme-element.product-search-wrapper .search-input[type=search]::-webkit-search-cancel-button, .supreme-element.product-search-wrapper .search-input[type=search]::-webkit-search-results-button, .supreme-element.product-search-wrapper .search-input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}
@media (max-width: 767px) {
  .supreme-element.product-search-wrapper .search-input {
    font-size: var(--Font-Size-f-size-xs, 16px);
  }
}
.supreme-element.product-search-wrapper .search-icon {
  flex-shrink: 0;
  order: 2;
  margin-left: var(--spacing-xs, 8px);
  color: var(--Brand-Colors-Neutrals-Gray-400, #999999);
  transition: color 0.3s ease;
  cursor: pointer;
}
.search-input-container:focus-within .supreme-element.product-search-wrapper .search-icon {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.supreme-element.product-search-wrapper .search-icon svg {
  width: 24px;
  height: 24px;
  display: block;
}
.supreme-element.product-search-wrapper .search-button {
  display: none;
}
.supreme-element.product-search-wrapper .search-spinner {
  flex-shrink: 0;
  margin-left: var(--spacing-xs, 8px);
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.supreme-element.product-search-wrapper .search-spinner .spinner {
  animation: spin 1s linear infinite;
}
.supreme-element.product-search-wrapper .search-spinner svg {
  width: 24px;
  height: 24px;
  display: block;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.search-input-wrapper .search-input {
  padding: 2px 8px;
}

.supreme-element.product-search-results-wrapper,
#search-results-container {
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  position: relative;
  transition: opacity 0.3s ease;
}
.supreme-element.product-search-results-wrapper.loading,
#search-results-container.loading {
  opacity: 0.5;
  pointer-events: none;
}
.supreme-element.product-search-results-wrapper.loading::before,
#search-results-container.loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 3px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-top-color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 10;
}
.supreme-element.product-search-results-wrapper .search-results-header,
#search-results-container .search-results-header {
  max-width: 1000px;
  margin: 0 auto var(--spacing-lg, 20px);
}
.supreme-element.product-search-results-wrapper .search-results-header .search-results-heading,
#search-results-container .search-results-header .search-results-heading {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-xs, 8px) 0;
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
}
.supreme-element.product-search-results-wrapper .search-results-header .search-results-count,
#search-results-container .search-results-header .search-results-count {
  color: var(--Paragraph-Color-1, #262626);
  margin: 0;
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.supreme-element.product-search-results-wrapper .search-results-container,
#search-results-container .search-results-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.supreme-element.product-search-results-wrapper .search-results-grid,
#search-results-container .search-results-grid {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-3xl, 40px);
  width: 100%;
}
.supreme-element.product-search-results-wrapper .search-result-card,
#search-results-container .search-result-card {
  display: block;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 20px;
  padding: var(--spacing-xl, 24px);
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
  position: relative;
  overflow: visible;
  width: 100%;
}
.supreme-element.product-search-results-wrapper .search-result-card::after,
#search-results-container .search-result-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.product-search-results-wrapper .search-result-card:hover,
#search-results-container .search-result-card:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.supreme-element.product-search-results-wrapper .search-result-card:hover::after,
#search-results-container .search-result-card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.supreme-element.product-search-results-wrapper .search-result-card:focus, .supreme-element.product-search-results-wrapper .search-result-card:visited,
#search-results-container .search-result-card:focus,
#search-results-container .search-result-card:visited {
  color: inherit;
  text-decoration: none;
}
.supreme-element.product-search-results-wrapper .result-card-content,
#search-results-container .result-card-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  position: relative;
  z-index: 3;
}
.supreme-element.product-search-results-wrapper .result-card-sku,
#search-results-container .result-card-sku {
  color: var(--Brand-Colors-Neutrals-Gray-400, #707070);
  font-family: var(--Font-Family-Mono, "Roboto Mono", monospace);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5714285714em;
  text-transform: uppercase;
  margin: 0;
}
.supreme-element.product-search-results-wrapper .result-card-title,
#search-results-container .result-card-title {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, "Runda", Arial, sans-serif);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4166666667em;
  margin: 0;
  transition: color 0.3s ease;
}
.supreme-element.product-search-results-wrapper .result-card-variations,
#search-results-container .result-card-variations {
  color: var(--Paragraph-Color-1, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  margin: 0;
}
.supreme-element.product-search-results-wrapper .result-card-description,
#search-results-container .result-card-description {
  color: var(--Paragraph-Color-1, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.supreme-element.product-search-results-wrapper .no-results-message,
#search-results-container .no-results-message {
  text-align: center;
  padding: var(--spacing-4xl, 80px) var(--spacing-xl, 24px);
}
.supreme-element.product-search-results-wrapper .no-results-message .no-results-heading,
#search-results-container .no-results-message .no-results-heading {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-md, 16px) 0;
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
}
.supreme-element.product-search-results-wrapper .no-results-message .no-results-suggestions,
#search-results-container .no-results-message .no-results-suggestions {
  color: var(--Paragraph-Color-1, #262626);
  margin: 0;
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.supreme-element.product-search-results-wrapper .no-results-message .no-results-suggestions .link-primary,
#search-results-container .no-results-message .no-results-suggestions .link-primary {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  text-decoration: underline;
  transition: color 0.3s ease;
}
.supreme-element.product-search-results-wrapper .no-results-message .no-results-suggestions .link-primary:hover,
#search-results-container .no-results-message .no-results-suggestions .link-primary:hover {
  color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
}
@media (max-width: 768px) {
  .supreme-element.product-search-results-wrapper .no-results-message,
  #search-results-container .no-results-message {
    padding: var(--spacing-3xl, 60px) var(--spacing-lg, 20px);
  }
}
.supreme-element.product-search-results-wrapper .load-more-wrapper,
#search-results-container .load-more-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-xl, 24px) 0 0;
  max-width: 1400px;
  margin: 0 auto;
}
.supreme-element.product-search-results-wrapper .load-more-btn,
#search-results-container .load-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  font-size: 20px;
}
.supreme-element.product-search-results-wrapper .load-more-btn .button-text,
#search-results-container .load-more-btn .button-text {
  display: inline-block;
}
.supreme-element.product-search-results-wrapper .load-more-btn .button-icon,
#search-results-container .load-more-btn .button-icon {
  width: 24px;
  height: 24px;
}
.supreme-element.product-search-results-wrapper .load-more-btn .button-icon path,
#search-results-container .load-more-btn .button-icon path {
  stroke: currentColor;
  fill: none;
}
.supreme-element.product-search-results-wrapper .load-more-btn:disabled,
#search-results-container .load-more-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.supreme-element.product-search-results-wrapper .pagination-info,
#search-results-container .pagination-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.supreme-element.product-search-results-wrapper .pagination-text,
#search-results-container .pagination-text {
  color: var(--Paragraph-Color-1, #262626);
  font-family: var(--Font-Family-Mono, "Roboto Mono", monospace);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5714285714em;
  text-transform: uppercase;
}
.supreme-element.product-search-results-wrapper .pagination-progress,
#search-results-container .pagination-progress {
  width: 173px;
}
.supreme-element.product-search-results-wrapper .progress-track,
#search-results-container .progress-track {
  width: 100%;
  height: 4px;
  background-color: var(--Brand-Colors-Neutrals-Gray-100, #E0E0E0);
  border-radius: 2px;
  overflow: hidden;
}
.supreme-element.product-search-results-wrapper .progress-fill,
#search-results-container .progress-fill {
  height: 100%;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: 2px;
  transition: width 0.3s ease;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.product-resources-wrapper {
  padding: var(--spacing-4xl, 80px) 0;
  background: #ffffff;
  position: relative;
  z-index: 2;
}

.product-resources-section .product-resources-wrapper {
  padding-bottom: 0;
}

.product-resources-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.anchor-target {
  position: absolute;
  top: -20px;
  visibility: hidden;
}

.product-resources-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
  margin-bottom: 0;
}

.product-resources-eyebrow {
  font-family: var(--Font-Family-Special-Case, "roboto-mono", monospace);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.319em;
  text-transform: uppercase;
  color: #707070;
  text-align: left;
  letter-spacing: 0.05em;
}

.product-resources-heading {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 700;
  font-size: 40px;
  line-height: 1.35em;
  color: #262626;
  margin: 0;
  text-align: left;
}

.product-resources-groups {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}

.resource-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 10px);
}

.group-subheading {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 500;
  font-size: 28px;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
  padding: 0;
}

.group-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xl, 24px);
  width: 100%;
}

.resource-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px);
  width: 685px;
  max-width: calc(50% - 12px);
  background: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: var(--border-radius-border-radius-20, 20px);
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.resource-link:hover {
  border-color: #a0a0a0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.resource-link:hover .link-arrow {
  opacity: 1;
  transform: translateX(4px);
}

.link-text {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5em;
  color: #262626;
  flex: 1;
  padding-right: var(--spacing-xs, 8px);
}

.link-arrow {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  opacity: 0;
  transition: all 0.3s ease;
  color: #262626;
}
.link-arrow svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 1024px) {
  .product-resources-container {
    max-width: 100%;
  }
  .resource-link {
    width: auto;
    max-width: calc(50% - 12px);
  }
}
@media (max-width: 640px) {
  .product-resources-wrapper {
    padding: var(--spacing-4xl, 60px) 0;
  }
  .product-resources-container {
    gap: var(--spacing-xxl, 32px);
  }
  .product-resources-header {
    gap: var(--spacing-xs, 8px);
  }
  .product-resources-eyebrow {
    font-size: 12px;
    line-height: 1.4em;
  }
  .product-resources-heading {
    font-size: 28px;
    line-height: 1.4em;
  }
  .product-resources-groups {
    gap: var(--spacing-xxl, 32px);
  }
  .resource-group {
    gap: var(--spacing-xs, 8px);
  }
  .group-subheading {
    font-size: 22px;
    line-height: 1.4em;
  }
  .group-links {
    gap: var(--spacing-md, 16px);
  }
  .resource-link {
    width: 100%;
    max-width: 100%;
    padding: var(--spacing-sm, 14px);
  }
  .link-text {
    font-size: 18px;
    line-height: 1.5em;
  }
}
.product-resources-container {
  padding: 0;
}

.supreme-element .resource-group .resource-link {
  position: relative;
  color: inherit;
  transition: color 0.3s ease;
  z-index: 1;
}
.supreme-element .resource-group .resource-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 4px;
  box-sizing: border-box;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: -1;
}
.supreme-element .resource-group .resource-link:hover {
  border-color: transparent;
  transform: none;
}
.supreme-element .resource-group .resource-link:hover::after {
  opacity: 1;
}

.addon-product-card {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 12px;
  padding: 32px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.addon-card__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.addon-card__title {
  color: #1A1A1A;
  font-family: var(--Font-Family-Primary, "Inter");
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 0;
}

.addon-card__purchase-row {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: flex-start;
}

.addon-card__quantity-wrapper {
  position: relative;
  display: inline-block;
  min-width: 80px;
}

.addon-card__quantity-select {
  appearance: none;
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  padding: 12px 36px 12px 16px;
  font-family: var(--Font-Family-Primary, "Inter");
  font-size: 16px;
  font-weight: 500;
  color: #1A1A1A;
  cursor: pointer;
  width: 100%;
  transition: border-color 0.2s ease;
}
.addon-card__quantity-select:hover {
  border-color: #C4C4C4;
}
.addon-card__quantity-select:focus {
  outline: none;
  border-color: #0073E6;
}

.addon-card__quantity-arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.addon-card__price {
  color: #1A1A1A;
  font-family: var(--Font-Family-Primary, "Inter");
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  margin-left: auto;
}

@media (max-width: 768px) {
  .addon-product-card {
    padding: 24px;
  }
  .addon-card__title {
    font-size: 20px;
    line-height: 28px;
  }
  .addon-card__purchase-row {
    flex-wrap: wrap;
    gap: 16px;
  }
  .addon-card__price {
    font-size: 24px;
    line-height: 32px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    order: -1;
  }
  .addon-card__quantity-wrapper {
    min-width: 100px;
  }
}
.product-content-cta-wrapper {
  padding: var(--spacing-4xl, 80px) 0;
  background: #ffffff;
  position: relative;
}

.product-content-cta-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}

.anchor-target {
  position: absolute;
  top: -20px;
  visibility: hidden;
}

.product-content-cta-heading {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 700;
  font-size: 40px;
  line-height: 1.35em;
  color: #262626;
  text-align: left;
  margin: 0;
}

.product-blog-row {
  width: 685px;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px);
  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: var(--border-radius-border-radius-20, 20px);
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.product-blog-row:hover {
  border-color: #a0a0a0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.product-blog-row:hover .article-arrow-button {
  opacity: 1;
  transform: translateX(4px);
}

.article-image-container {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #f5f5f5;
}
.article-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-content-area {
  flex: 1;
  max-width: 542px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}

.article-content-column {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}

.article-category-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: var(--border-radius-border-radius-20, 20px);
  font-family: var(--Font-Family-Special-Case, "roboto-mono", monospace);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.319em;
  text-transform: uppercase;
  color: #000000;
  width: fit-content;
  letter-spacing: 0.02em;
}

.article-heading {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5em;
  color: #262626;
  text-align: left;
  margin: 0;
}

.article-arrow-button {
  position: absolute;
  right: var(--spacing-md, 16px);
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
  color: #000000;
}
.article-arrow-button svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 1024px) {
  .product-content-cta-container {
    max-width: 100%;
  }
  .product-blog-row {
    width: 100%;
    max-width: 685px;
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .product-content-cta-wrapper {
    padding: var(--spacing-4xl, 60px) 0;
  }
  .product-content-cta-container {
    padding: 0 var(--spacing-md, 16px);
    gap: var(--spacing-xl, 24px);
  }
  .product-content-cta-heading {
    font-size: 28px;
    line-height: 1.4em;
  }
  .product-blog-row {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm, 12px);
    padding: var(--spacing-sm, 12px);
  }
  .article-image-container {
    width: 100%;
    height: 200px;
  }
  .article-content-area {
    max-width: 100%;
  }
  .article-category-tag {
    font-size: 12px;
    padding: 2px 10px;
  }
  .article-heading {
    font-size: 18px;
    line-height: 1.4em;
  }
  .article-arrow-button {
    opacity: 0.5;
    position: static;
    transform: none;
    margin-left: auto;
    align-self: flex-end;
  }
}
.product-content-video-wrapper {
  padding: var(--spacing-4xl, 80px) 140px;
  background-color: #f4f9fa;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
}

.supreme-element .product-content-video-wrapper {
  padding: 0;
}

.product-content-video-container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.product-content-video-container.video-only {
  max-width: 1200px;
}
.product-content-video-container.video-only .video-media-container {
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.anchor-target {
  position: absolute;
  top: -20px;
  visibility: hidden;
}

.video-content-layout {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3xl, 40px);
  align-items: flex-start;
}
.video-content-layout.media-right {
  flex-direction: row-reverse;
}

.video-media-container {
  flex: 1;
  height: 366px;
  border-radius: var(--border-radius-border-radius-20, 20px);
  overflow: hidden;
  background: #f5f5f5;
}
.video-media-container img,
.video-media-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-media-container .video-embed-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.video-media-container .video-embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-text-container {
  width: 522px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}

.video-text-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}

.video-content-title {
  font-family: var(--Font-Family-Primary, "runda");
  font-weight: 700;
  font-size: 40px;
  line-height: 1.35em;
  color: #262626;
  margin: 0;
}

.video-content-body {
  font-family: var(--Font-Family-Secondary, "open-sans");
  font-weight: 400;
  font-size: 18px;
  line-height: 1.556em;
  color: #262626;
  margin: 0;
}

@media (max-width: 1280px) {
  .product-content-video-wrapper {
    padding: var(--spacing-4xl, 80px) var(--spacing-3xl, 40px);
  }
}
@media (max-width: 1024px) {
  .product-content-video-wrapper {
    padding: var(--spacing-4xl, 80px) var(--spacing-xl, 24px);
  }
  .video-text-container {
    width: 450px;
  }
}
@media (max-width: 768px) {
  .product-content-video-wrapper {
    padding: var(--spacing-4xl, 60px) var(--spacing-lg, 20px);
  }
  .video-content-layout {
    flex-direction: column !important;
    gap: var(--spacing-xl, 24px);
  }
  .video-media-container {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
  .video-text-container {
    width: 100%;
    gap: var(--spacing-xl, 24px);
  }
  .video-text-content {
    gap: var(--spacing-sm, 12px);
  }
  .video-content-title {
    font-size: 32px;
    line-height: 1.4em;
  }
  .video-content-body {
    font-size: 16px;
    line-height: 1.5em;
  }
}
@media (max-width: 480px) {
  .product-content-video-wrapper {
    padding: var(--spacing-3xl, 40px) var(--spacing-md, 16px);
  }
  .video-content-title {
    font-size: 28px;
  }
}
.product-legal {
  margin-top: var(--spacing-3xl, 40px);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  position: relative;
  z-index: 2;
}
.product-legal__content p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.product-legal__content p:last-child {
  margin-bottom: 0;
}
.product-legal__content ul,
.product-legal__content ol {
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-lg, 20px);
}
.product-legal__content ul:last-child,
.product-legal__content ol:last-child {
  margin-bottom: 0;
}
.product-legal__content li {
  margin-bottom: var(--spacing-xs, 8px);
}
.product-legal__content li:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .product-legal {
    margin-top: var(--spacing-3xl, 60px);
    padding-bottom: var(--spacing-3xl, 60px);
  }
}

/* Header Topbar Element Styles */
.header-topbar-wrapper {
  background-color: #000000;
  height: 42px;
  width: 100%;
  position: relative;
  z-index: 1000;
}
.header-topbar-wrapper .promo-button,
.header-topbar-wrapper .cart-button {
  background-color: #ffffff;
  color: #000000;
  font-family: "Runda", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.571;
  padding: 8px 12px;
  border-radius: 7px;
  text-decoration: none;
  align-items: center;
  gap: 8px;
  height: 26px;
  transition: all 0.2s ease;
}
.header-topbar-wrapper .promo-button:hover::after,
.header-topbar-wrapper .cart-button:hover::after {
  border-radius: 7px;
}
.header-topbar-wrapper .promo-button svg,
.header-topbar-wrapper .cart-button svg {
  width: 13px;
  height: 12px;
}
.header-topbar-wrapper .promo-button {
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
.header-topbar-wrapper .promo-button .button-text,
.header-topbar-wrapper .promo-button .button-hover-text {
  transition: all 0.2s ease;
}
.header-topbar-wrapper .promo-button .button-hover-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateY(100%);
  opacity: 0;
}
.header-topbar-wrapper .promo-button:hover .button-text {
  transform: translateY(-100%);
  opacity: 0;
}
.header-topbar-wrapper .promo-button:hover .button-hover-text {
  transform: translate(-50%, -50%) translateY(0%);
  opacity: 1;
}
.header-topbar-wrapper .cart-button {
  display: flex;
}

.header-topbar-container {
  display: flex;
  align-items: center;
  height: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 1440px) {
  .header-topbar-container {
    padding: 0 64px;
  }
}
@media (max-width: 767px) {
  .header-topbar-container {
    padding: 0 12px;
  }
}

/* Promotional Section */
.topbar-container {
  position: absolute;
  width: 100%;
  top: -100%; /* start above */
  left: 0;
  display: none;
}

.topbar-promo-section {
  position: relative;
  overflow: hidden;
  height: 30px;
  width: 100%;
}
@media (max-width: 1250px) {
  .topbar-promo-section .promo-button {
    order: 2;
  }
}
@media (max-width: 1250px) {
  .topbar-promo-section .promo-text {
    order: 1;
  }
}

/* Right Section Container */
.topbar-right-section {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}
@media (max-width: 1250px) {
  .topbar-right-section {
    display: none;
  }
}

.promo-text {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  margin-left: 5px;
}

/* Dividers */
.topbar-divider {
  width: 1px;
  height: 24px;
  background-color: #707070;
}
@media (max-width: 767px) {
  .topbar-divider {
    display: none;
  }
}

/* Search Section */
.topbar-search-section {
  width: 199px;
}
@media (max-width: 1250px) {
  .topbar-search-section {
    flex: 1;
    width: auto;
  }
}

.search-form {
  width: 100%;
  height: 26px;
}

.search-input-wrapper {
  position: relative;
  height: 100%;
}

.search-input {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 1px solid #505050;
  border-radius: 4px;
  padding: 2px 36px 2px 8px;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
}
.search-input::placeholder {
  color: #ffffff;
}
.search-input:focus {
  outline: none;
  border-color: #ffffff;
}
.search-input:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.search-submit-btn {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 2px 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-submit-btn:hover .search-icon {
  opacity: 0.8;
}

.search-icon {
  width: 20px;
  height: 20px;
  color: #ffffff;
  pointer-events: none;
}

/* Account Section */
.topbar-account-section {
  position: relative;
}

.account-dropdown-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  height: 20px;
}

.account-icon {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
}

.chevron-down {
  width: 12px;
  height: 7px;
  color: #aaaaaa;
  transition: transform 0.2s ease;
}

.account-dropdown-trigger:hover .chevron-down {
  transform: rotate(180deg);
}

/* Dropdown Menu */
.account-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 160px;
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.2s ease;
}

.topbar-account-section:hover .account-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  color: #333333;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s ease;
}
.dropdown-item:last-child {
  border-bottom: none;
}
.dropdown-item:hover {
  background-color: #f8f8f8;
  text-decoration: none;
  color: #333333;
}

.dropdown-icon {
  width: 16px;
  height: 16px;
}

/* Cart Button Section */
@media (max-width: 767px) {
  .topbar-cart-section {
    margin-left: auto;
  }
}

.cart-icon {
  width: 14px;
  height: 14px;
}

@media (max-width: 480px) {
  .cart-text {
    display: none;
  }
}

/* Mobile Responsive Adjustments */
@media (max-width: 1250px) {
  .topbar-right-section {
    width: 100%;
  }
}
/* Header Integration Styles */
.header-topbar-wrapper {
  /* Ensure topbar doesn't add unwanted margins */
  margin: 0;
  /* Fix for potential CSS conflicts */
  box-sizing: border-box;
  /* Ensure topbar stays on top */
  position: relative;
}

/* Ensure the element works within Oxygen's structure */
.oxy-supreme-elements-header-topbar .header-topbar-wrapper {
  /* Remove any Oxygen default spacing */
  margin: 0 !important;
  padding: 0 !important;
}

/* Additional responsive handling for very small screens */
@media (max-width: 480px) {
  .header-topbar-container {
    padding: 0 15px;
  }
  .topbar-right-section {
    gap: 10px;
  }
  .promo-button {
    font-size: 12px;
    padding: 6px 10px;
    height: 22px;
  }
  .cart-button {
    font-size: 12px;
    padding: 6px 10px;
    height: 22px;
  }
}
/* Ensure consistent font loading */
.header-topbar-wrapper {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.header-topbar-wrapper .promo-button {
  transition: unset;
  outline: none;
}
.header-topbar-wrapper .promo-button:hover .button-text {
  transform: unset;
  opacity: 1;
}

.supreme-element .promo-button::after {
  transition: unset;
  outline: none;
}

.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-message {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: #ffffff;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-top {
  border-bottom: 0px;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-inner {
  max-width: 1680px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-cta {
  display: inline-block;
  padding: 8px 20px;
  text-decoration: none;
  border-radius: 10px;
  white-space: nowrap;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xxs, 16px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  transition: 0.3s ease-in-out;
  position: relative;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-cta:after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-cta:hover {
  background: var(--Brand-Colors-Primary-Black, #000000);
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-dismiss {
  color: #ffffff;
  transition: all 0.3s ease;
}
.oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-dismiss:hover {
  color: #20d340;
  transition: all 0.3s ease;
}

@media (max-width: 500px) {
  .oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-inner {
    display: flex;
    flex-direction: column;
  }
  .oxy-supreme-bc-geolocation-bar .supreme-bc-geo-bar .supreme-bc-geo-bar-actions {
    justify-content: space-between;
    width: 100%;
  }
}
.product-add-on-section {
  margin-bottom: 40px;
  width: 100%;
}
.product-add-on-section h2 {
  font-weight: 500;
  margin-bottom: 20px;
}
.product-add-on-section .product-add-on-container {
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  gap: 32px;
  align-items: stretch;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product {
  flex: 0 0 calc(50% - 16px);
  box-shadow: none;
  padding: 20px;
  border-radius: 8px;
  border: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #D1D1D1);
  background: var(--Brand-Colors-Primary-White, #FFF);
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-add-on-product-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-product-title {
  display: block;
  width: 100%;
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xl, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xl, 42px);
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-regular-price {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px);
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  margin-top: auto;
  gap: 20px;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-action-wrapper-left,
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-action-wrapper-right {
  display: flex;
  gap: 20px;
  align-items: center;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-quantity-wrapper {
  order: 1;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-price-wrapper {
  order: 3;
  margin: 0;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .bc-add-to-cart {
  order: 4;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-product-description {
  margin: var(--Paragraph-Spacing-paragraph-spacing, 15px) 0 0 0;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-quantity-wrapper {
  margin-bottom: 0;
}
.product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-quantity-wrapper .bc-quantity-select {
  width: 100px;
  padding: 0.5rem;
  border-radius: 0.25rem;
  border: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #D1D1D1);
  background: url(/wp-content/uploads/2025/09/arrow-drop-down.svg) no-repeat right 9px center;
  background-size: 12px 7px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

@media (max-width: 767px) {
  .product-add-on-section .product-add-on-container {
    display: block;
    gap: 0;
  }
  .product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product:not(:last-child) {
    margin-bottom: 15px;
  }
  .product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper {
    gap: 10px;
  }
  .product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-action-wrapper-left,
  .product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product .supreme-bc-action-wrapper .supreme-bc-action-wrapper-right {
    gap: 14px;
  }
}
@media (max-width: 992px) {
  .product-add-on-section .product-add-on-container .oxy-supreme-bc-add-on-product {
    flex: 1;
  }
}
.account-navigation {
  display: flex;
  gap: var(--spacing-xs, 8px);
  background: #ffffff;
  border-radius: 8px;
  padding: var(--spacing-md, 16px);
}
.account-navigation:not(.layout-horizontal) {
  flex-direction: column;
}
.account-navigation.layout-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.account-navigation.layout-horizontal .nav-item {
  flex: 0 0 auto;
}
.account-navigation.layout-vertical {
  flex-direction: column;
}
.account-navigation.layout-vertical .nav-item {
  width: 100%;
}
.account-navigation .nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  text-decoration: none;
  color: #262626;
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.account-navigation .nav-item:hover {
  background-color: #f5f5f5;
  text-decoration: none;
  color: #262626;
}
.account-navigation .nav-item:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Blue, #0066cc);
  outline-offset: 2px;
}
.account-navigation .nav-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  object-fit: contain;
}
.account-navigation .nav-text {
  flex: 1;
}
@media (max-width: 768px) {
  .account-navigation.layout-horizontal {
    flex-direction: column;
  }
  .account-navigation .nav-item {
    padding: 10px;
    font-size: 14px;
  }
  .account-navigation .nav-icon {
    width: 18px;
    height: 18px;
  }
}

.oxy-supreme-elements-account-navigation {
  width: 100%;
}

.cart-div .supreme-bc-cart-table {
  color: var(--Heading-Color-1);
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xs);
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xxs);
}
.cart-div .supreme-bc-cart-table th {
  text-align: left;
  padding: 0px 15px;
  border-bottom: 2px solid #dee2e6;
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xl, 42px);
}
.cart-div .cart-item-name h4 {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
}
.cart-div .cart-item-sku small {
  color: var(--Heading-Color-1-Alt, #AAA);
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxxs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
}
.cart-div .cart-item-price {
  color: var(--Heading-Color-1);
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xs);
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xxs);
}
.cart-div .cart-subtotal strong {
  font-size: var(--Font-Size-Paragraph-f-size);
}
.cart-div .account-navigation .nav-text {
  text-align: left;
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: 500;
  line-height: 18px;
}

@media (max-width: 768px) {
  .cart-div .account-navigation.layout-horizontal {
    flex-direction: column;
    padding: 0;
  }
  .cart-div .cart-item-name h4 {
    font-size: 16px;
    line-height: 26px;
  }
  .cart-div .supreme-bc-cart-table td {
    padding: 10px 0px;
  }
  .cart-div .supreme-bc-cart-table th {
    padding: 10px 0px;
  }
}
@media (max-width: 767px) {
  .cart-div .supreme-bc-cart-table thead {
    display: none;
  }
  .cart-div .supreme-bc-cart-table tr {
    display: block;
    border: 1px solid #e0e0e0;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 8px;
    background: #fff;
  }
  .cart-div .supreme-bc-cart-table td {
    display: block;
    width: 100%;
    text-align: left;
  }
  .cart-div .supreme-bc-cart-table td.cart-item-price::before {
    content: "Price: ";
    font-weight: 600;
  }
  .cart-div .supreme-bc-cart-table td.cart-item-quantity::before {
    content: "Quantity: ";
    font-weight: 600;
  }
  .cart-div .supreme-bc-cart-table td.cart-item-total::before {
    content: "Total: ";
    font-weight: 600;
  }
  .cart-div .supreme-bc-cart-table td.cart-item-remove::before {
    content: "Remove: ";
    font-weight: 600;
  }
  .cart-div .supreme-bc-cart-table td:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0px;
  }
  .cart-div .supreme-bc-cart-table .cart-item-name {
    padding-top: 0px;
  }
}
.supreme-bc-po-checkout-wrapper {
  padding: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .supreme-bc-po-checkout-wrapper {
    padding: 1rem;
  }
}

.supreme-bc-po-checkout-title {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: 600;
  color: var(--heading-color, #333);
}
@media (max-width: 767px) {
  .supreme-bc-po-checkout-title {
    font-size: 1.5rem;
  }
}

.supreme-bc-po-checkout-description {
  margin-bottom: 2rem;
  color: var(--text-muted, #666);
}
.supreme-bc-po-checkout-description p {
  margin: 0;
  line-height: 1.6;
}

.supreme-bc-po-section {
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  background: var(--white, #fff);
  border-radius: var(--border-radius-border-radius-8, 8px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--border-color, #e5e5e5);
}
@media (max-width: 767px) {
  .supreme-bc-po-section {
    padding: 1rem;
    margin-bottom: 1.5rem;
  }
}
.supreme-bc-po-section h3 {
  margin-bottom: 1.25rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--heading-color, #333);
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--primary-color, #0073aa);
}
@media (max-width: 767px) {
  .supreme-bc-po-section h3 {
    font-size: 1.2rem;
  }
}

.supreme-bc-po-address-section .supreme-bc-addresses-loading {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--text-muted, #666);
}
.supreme-bc-po-address-section .supreme-bc-address-selection {
  margin-bottom: 1rem;
}
.supreme-bc-po-address-section .supreme-bc-address-selection select {
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  border: 1px solid var(--border-color, #ced4da);
  border-radius: var(--border-radius-border-radius-4, 4px);
  background-color: var(--white, #fff);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.supreme-bc-po-address-section .supreme-bc-address-selection select:focus {
  border-color: var(--primary-color, #0073aa);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 115, 170, 0.25);
}
.supreme-bc-po-address-section .supreme-bc-selected-address-display {
  margin-top: 1rem;
  padding: 1rem;
  background: var(--background-light, #f8f9fa);
  border-left: 3px solid var(--primary-color, #0073aa);
  border-radius: var(--border-radius-border-radius-4, 4px);
}
.supreme-bc-po-address-section .supreme-bc-selected-address-display .selected-address-info {
  line-height: 1.6;
  color: var(--text-color, #333);
}
.supreme-bc-po-address-section .supreme-bc-selected-address-display .selected-address-info strong {
  color: var(--heading-color, #333);
  font-weight: 600;
}
.supreme-bc-po-address-section .supreme-bc-add-new-address-btn {
  margin-top: 1rem;
}

.supreme-bc-po-shipping-section .supreme-bc-shipping-loading {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--text-muted, #666);
}
.supreme-bc-po-shipping-section .shipping-type-header {
  margin: 1.5rem 0 0.75rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--heading-color, #333);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-color, #e5e5e5);
}
.supreme-bc-po-shipping-section .shipping-type-header:first-child {
  margin-top: 0;
}
.supreme-bc-po-shipping-section .shipping-type-note {
  margin: 0 0 1rem;
  font-size: 0.9rem;
  color: var(--text-muted, #666);
  font-style: italic;
}
.supreme-bc-po-shipping-section .shipping-methods-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.supreme-bc-po-shipping-section .shipping-method-option {
  padding: 1rem;
  border: 1px solid var(--border-color, #e5e5e5);
  border-radius: var(--border-radius-border-radius-4, 4px);
  transition: all 0.2s ease;
}
.supreme-bc-po-shipping-section .shipping-method-option:hover {
  border-color: var(--primary-color, #0073aa);
  background: var(--background-light, #f8f9fa);
}
.supreme-bc-po-shipping-section .shipping-method-option.cold-pack {
  border-left: 3px solid #17a2b8;
  background: rgba(23, 162, 184, 0.03);
}
.supreme-bc-po-shipping-section .shipping-method-option.cold-pack:hover {
  background: rgba(23, 162, 184, 0.08);
}
.supreme-bc-po-shipping-section .shipping-method-option.cold-pack:has(input:checked) {
  border-color: #17a2b8;
  background: rgba(23, 162, 184, 0.1);
}
.supreme-bc-po-shipping-section .shipping-method-option label {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
}
.supreme-bc-po-shipping-section .shipping-method-option label input[type=radio] {
  margin-right: 1rem;
}
.supreme-bc-po-shipping-section .shipping-method-option label .method-name {
  flex: 1;
  font-weight: 500;
}
.supreme-bc-po-shipping-section .shipping-method-option label .method-transit {
  margin-left: 0.5rem;
  font-size: 0.9rem;
  color: var(--text-muted, #666);
}
.supreme-bc-po-shipping-section .shipping-method-option label .method-cost {
  font-weight: 600;
  color: var(--primary-color, #0073aa);
  margin-left: 1rem;
  text-align: right;
}
.supreme-bc-po-shipping-section .shipping-method-option label .method-cost small {
  display: block;
  font-weight: 400;
  color: var(--text-muted, #666);
  font-size: 0.85rem;
}
.supreme-bc-po-shipping-section .shipping-method-option:has(input:checked) {
  border-color: var(--primary-color, #0073aa);
  background: rgba(0, 115, 170, 0.05);
}
.supreme-bc-po-shipping-section .supreme-bc-no-shipping-methods {
  text-align: center;
  padding: 2rem;
  background: var(--background-light, #f8f9fa);
  border-radius: var(--border-radius-border-radius-4, 4px);
  color: var(--text-muted, #666);
}

.supreme-bc-po-cart-section .supreme-bc-po-cart-table {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
  overflow-x: auto;
}
@media (max-width: 767px) {
  .supreme-bc-po-cart-section .supreme-bc-po-cart-table {
    font-size: 0.875rem;
  }
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table thead {
  background: var(--background-light, #f8f9fa);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table thead th {
  text-align: left;
  padding: 0.75rem;
  border-bottom: 2px solid var(--border-color, #dee2e6);
  font-weight: 600;
  color: var(--heading-color, #333);
  white-space: nowrap;
}
@media (max-width: 767px) {
  .supreme-bc-po-cart-section .supreme-bc-po-cart-table thead th {
    padding: 0.5rem;
  }
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tbody td {
  padding: 0.75rem;
  border-bottom: 1px solid var(--border-color, #dee2e6);
  vertical-align: middle;
}
@media (max-width: 767px) {
  .supreme-bc-po-cart-section .supreme-bc-po-cart-table tbody td {
    padding: 0.5rem;
  }
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot tr td {
  padding: 0.75rem;
  border-bottom: none;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot tr td.text-right {
  text-align: right;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-subtotal td {
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--heading-color, #333);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-discount td {
  color: var(--success-color, #28a745);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td {
  padding: 0.5rem 0.75rem;
  border-top: 1px solid var(--border-color, #dee2e6);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .shipping-placeholder,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .tax-placeholder,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .shipping-placeholder,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .tax-placeholder {
  color: var(--text-muted, #999);
  font-style: italic;
  font-size: 0.9rem;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .shipping-amount,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .tax-amount,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .shipping-amount,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .tax-amount {
  font-weight: 500;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .shipping-amount .shipping-type-badge,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .tax-amount .shipping-type-badge,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .shipping-amount .shipping-type-badge,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .tax-amount .shipping-type-badge {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: var(--border-radius-border-radius-4, 4px);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .shipping-amount .shipping-type-badge.cold-pack,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-shipping td .tax-amount .shipping-type-badge.cold-pack,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .shipping-amount .shipping-type-badge.cold-pack,
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-tax td .tax-amount .shipping-type-badge.cold-pack {
  background: #17a2b8;
  color: white;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-grand-total td {
  padding: 0.75rem;
  border-top: 2px solid var(--primary-color, #0073aa);
  font-size: 1.2rem;
  color: var(--primary-color, #0073aa);
  background: var(--background-light, #f8f9fa);
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-grand-total td.text-right {
  font-weight: 700;
}
.supreme-bc-po-cart-section .supreme-bc-po-cart-table tfoot .cart-grand-total td .total-amount {
  color: var(--primary-color, #0073aa);
}
.supreme-bc-po-cart-section .cart-item-thumbnail {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: var(--border-radius-border-radius-4, 4px);
}
@media (max-width: 767px) {
  .supreme-bc-po-cart-section .cart-item-thumbnail {
    width: 50px;
    height: 50px;
  }
}
.supreme-bc-po-cart-section .cart-item-placeholder {
  width: 60px;
  height: 60px;
  background-color: var(--background-light, #f8f9fa);
  border-radius: var(--border-radius-border-radius-4, 4px);
}
@media (max-width: 767px) {
  .supreme-bc-po-cart-section .cart-item-placeholder {
    width: 50px;
    height: 50px;
  }
}
.supreme-bc-po-cart-section .cart-item-name strong {
  font-weight: 600;
  color: var(--heading-color, #333);
}
.supreme-bc-po-cart-section .cart-item-sku,
.supreme-bc-po-cart-section .cart-item-options {
  margin-top: 0.25rem;
}
.supreme-bc-po-cart-section .cart-item-sku small,
.supreme-bc-po-cart-section .cart-item-options small {
  color: var(--text-muted, #666);
  font-size: 0.875rem;
}

.supreme-bc-po-fields-section .form-group {
  margin-bottom: 1.5rem;
}
.supreme-bc-po-fields-section .form-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--heading-color, #333);
}
.supreme-bc-po-fields-section .form-group label .required {
  color: var(--danger-color, #dc3545);
  margin-left: 0.25rem;
}
.supreme-bc-po-fields-section .form-group input[type=text],
.supreme-bc-po-fields-section .form-group input[type=file] {
  display: block;
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--text-color, #495057);
  background-color: var(--white, #fff);
  background-clip: padding-box;
  border: 1px solid var(--border-color, #ced4da);
  border-radius: var(--border-radius-border-radius-4, 4px);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.supreme-bc-po-fields-section .form-group input[type=text]:focus,
.supreme-bc-po-fields-section .form-group input[type=file]:focus {
  color: var(--text-color, #495057);
  background-color: var(--white, #fff);
  border-color: var(--primary-color, #0073aa);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 115, 170, 0.25);
}
.supreme-bc-po-fields-section .form-group input[type=text]::placeholder,
.supreme-bc-po-fields-section .form-group input[type=file]::placeholder {
  color: var(--text-muted, #999);
}
.supreme-bc-po-fields-section .form-group input[type=file] {
  padding: 0.5rem 0.75rem;
}
.supreme-bc-po-fields-section .form-group .form-text {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: var(--text-muted, #6c757d);
}

.supreme-bc-po-submit-section {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.supreme-bc-po-submit-section .supreme-bc-po-submit-btn {
  padding: 0.75rem 2rem;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
.supreme-bc-po-submit-section .supreme-bc-po-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.supreme-bc-po-submit-section .supreme-bc-po-submit-loading {
  display: inline-block;
  color: var(--text-muted, #666);
  font-size: 1rem;
}

.supreme-bc-po-checkout-messages {
  margin-bottom: 1.5rem;
}
.supreme-bc-po-checkout-messages .alert {
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: var(--border-radius-border-radius-4, 4px);
}
.supreme-bc-po-checkout-messages .alert.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.supreme-bc-po-checkout-messages .alert.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.supreme-bc-address-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.supreme-bc-address-modal .supreme-bc-address-modal-content {
  background: var(--white, white);
  border-radius: var(--border-radius-border-radius-8, 8px);
  max-width: 600px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.supreme-bc-address-modal .supreme-bc-address-modal-header {
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-color, #ddd);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.supreme-bc-address-modal .supreme-bc-address-modal-header h4 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color, #333);
}
.supreme-bc-address-modal .supreme-bc-address-modal-header .supreme-bc-address-modal-close {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: var(--text-muted, #666);
  transition: color 0.2s;
}
.supreme-bc-address-modal .supreme-bc-address-modal-header .supreme-bc-address-modal-close:hover {
  color: var(--text-color, #333);
}
.supreme-bc-address-modal .supreme-bc-address-modal-body {
  padding: 1.5rem;
}
.supreme-bc-address-modal .supreme-bc-address-modal-body .form-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .supreme-bc-address-modal .supreme-bc-address-modal-body .form-row {
    flex-direction: column;
  }
}
.supreme-bc-address-modal .supreme-bc-address-modal-body .form-row .form-group {
  flex: 1;
  margin-bottom: 0;
}
.supreme-bc-address-modal .supreme-bc-address-modal-footer {
  padding: 1.5rem;
  border-top: 1px solid var(--border-color, #ddd);
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.supreme-bc-po-checkout-not-logged-in,
.supreme-bc-po-checkout-no-customer,
.supreme-bc-po-checkout-empty,
.supreme-bc-po-checkout-error {
  text-align: center;
  padding: 3rem 2rem;
  background-color: var(--background-light, #f8f9fa);
  border-radius: var(--border-radius-border-radius-8, 8px);
  margin: 2rem auto;
  max-width: 600px;
}
.supreme-bc-po-checkout-not-logged-in p,
.supreme-bc-po-checkout-no-customer p,
.supreme-bc-po-checkout-empty p,
.supreme-bc-po-checkout-error p {
  margin: 0;
  font-size: 1.125rem;
  color: var(--text-muted, #666);
}

.supreme-bc-po-checkout-error {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
}
.supreme-bc-po-checkout-error p {
  color: #721c24;
}

@media (max-width: 767px) {
  .supreme-bc-po-checkout-wrapper .form-row {
    flex-direction: column;
  }
  .supreme-bc-po-cart-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .supreme-bc-po-cart-table thead,
  .supreme-bc-po-cart-table tbody,
  .supreme-bc-po-cart-table tfoot {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .supreme-bc-po-submit-section {
    flex-direction: column;
  }
  .supreme-bc-po-submit-section .supreme-bc-po-submit-btn {
    width: 100%;
  }
}
.supreme-bc-quote-banner-wrapper {
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner-wrapper {
    margin-bottom: 1.5rem;
  }
}

.supreme-bc-quote-banner {
  padding: 0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-bc-quote-banner .quote-banner-row {
  padding: 1.25rem 1.5rem;
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner .quote-banner-row {
    padding: 1rem;
  }
}
.supreme-bc-quote-banner .quote-banner-row.quote-info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
  background: var(--white, #ffffff);
}
@media (max-width: 991px) {
  .supreme-bc-quote-banner .quote-banner-row.quote-info-row {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
}
.supreme-bc-quote-banner .quote-banner-row.payment-notice-row {
  background: linear-gradient(135deg, rgba(32, 211, 64, 0.05) 0%, rgba(0, 209, 237, 0.05) 100%);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
.supreme-bc-quote-banner .quote-status {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 991px) {
  .supreme-bc-quote-banner .quote-status {
    justify-content: center;
  }
}
.supreme-bc-quote-banner .quote-status .quote-label {
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner .quote-status .quote-label {
    font-size: 1rem;
  }
}
.supreme-bc-quote-banner .quote-status .order-number {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--Heading-Color-1, #262626);
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding: 0.375rem 0.875rem;
  border-radius: var(--border-radius-border-radius-4, 4px);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner .quote-status .order-number {
    font-size: 1rem;
    padding: 0.25rem 0.75rem;
  }
}
.supreme-bc-quote-banner .quote-validity {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .supreme-bc-quote-banner .quote-validity {
    justify-content: center;
    text-align: center;
  }
}
.supreme-bc-quote-banner .quote-validity .validity-text {
  color: var(--Heading-Color-1-Alt, #707070);
}
.supreme-bc-quote-banner .quote-validity .validity-date {
  font-weight: 600;
  color: var(--Heading-Color-1, #262626);
}
@media (max-width: 991px) {
  .supreme-bc-quote-banner .quote-actions {
    text-align: center;
  }
}
.supreme-bc-quote-banner .payment-notice {
  font-size: 0.9375rem;
  line-height: 1.6;
  text-align: center;
  color: var(--Heading-Color-1-Alt, #707070);
  font-family: var(--font-family-primary, inherit);
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner .payment-notice {
    font-size: 0.875rem;
  }
}
.supreme-bc-quote-banner .payment-notice a {
  color: var(--link, #f94f01);
  text-decoration: underline;
  transition: color 0.2s ease;
}
.supreme-bc-quote-banner .payment-notice a:hover {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  text-decoration: none;
}
.supreme-bc-quote-banner .payment-notice strong {
  font-weight: 600;
  color: var(--Heading-Color-1, #262626);
}

@keyframes supreme-spin {
  to {
    transform: rotate(360deg);
  }
}
.supreme-bc-quote-banner.is-success {
  border-color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.supreme-bc-quote-banner.is-success .quote-label {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.supreme-bc-quote-banner.is-warning {
  border-color: var(--link, #f94f01);
  background: rgba(249, 79, 1, 0.03);
}
.supreme-bc-quote-banner.is-warning .quote-label {
  color: var(--link, #f94f01);
}
.supreme-bc-quote-banner.is-compact .quote-banner-row {
  padding: 0.875rem 1.25rem;
}
@media (max-width: 767px) {
  .supreme-bc-quote-banner.is-compact .quote-banner-row {
    padding: 0.75rem 1rem;
  }
}
.supreme-bc-quote-banner.is-compact .quote-label {
  font-size: 1rem;
}
.supreme-bc-quote-banner.is-compact .order-number {
  font-size: 1rem;
}
.supreme-bc-quote-banner.is-compact .btn-download-pdf {
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
}

@media print {
  .supreme-bc-quote-banner-wrapper {
    display: none;
  }
}
#django-orders-container,
.django-orders-wrapper {
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  color: var(--text, #262626);
  padding: var(--spacing-xl, 1.5rem) 0;
}

.django-order-detail h2,
.django-orders-wrapper h2 {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  color: var(--Heading-Color-1, #262626);
  font-weight: 700;
  font-size: var(--Font-Size-h2, 2.5rem);
  margin-bottom: var(--spacing-md, 1rem);
}
@media (max-width: 767px) {
  .django-order-detail h2,
  .django-orders-wrapper h2 {
    font-size: var(--Font-Size-h3, 2rem);
  }
}
.django-order-detail h3,
.django-orders-wrapper h3 {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  color: var(--Heading-Color-2, #262626);
  font-weight: 600;
  font-size: var(--Font-Size-h3, 1.75rem);
  margin: var(--spacing-lg, 1.125rem) 0 var(--spacing-md, 1rem);
}

.django-orders-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.django-orders-table thead {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.django-orders-table th,
.django-orders-table td {
  padding: var(--spacing-md, 1rem);
  text-align: left;
  border-bottom: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #e8e8e8);
}
@media (max-width: 767px) {
  .django-orders-table th,
  .django-orders-table td {
    padding: var(--spacing-sm, 0.75rem);
    font-size: 0.875rem;
  }
}
.django-orders-table thead th {
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-secondary, #666);
}
.django-orders-table tbody tr:hover {
  background: var(--Brand-Colors-Light-grayish-cyan, #f9f9f9);
}
.django-orders-table tbody tr:last-child td {
  border-bottom: none;
}

.status-badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: var(--border-radius-border-radius-full, 1.25rem);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.status-badge.status-completed, .status-badge.status-complete, .status-badge.status-shipped {
  background: linear-gradient(135deg, #20d340 0%, #00d1ed 100%);
  color: #ffffff;
}
.status-badge.status-pending, .status-badge.status-awaiting-fulfillment {
  background: #fff3cd;
  color: #856404;
  border: 1px solid #ffeaa7;
}
.status-badge.status-processing, .status-badge.status-in-progress {
  background: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  color: #ffffff;
}
.status-badge.status-cancelled, .status-badge.status-canceled, .status-badge.status-refunded {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.django-order-detail {
  max-width: 1200px;
  margin: 0 auto;
}

.order-nav {
  margin-bottom: var(--spacing-xl, 1.5rem);
}

.order-summary {
  padding: var(--spacing-xl, 1.5rem) 0;
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  margin-bottom: var(--spacing-xl, 1.5rem);
}

.order-status-large {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  display: inline-block;
  padding: 12px 24px;
  border-radius: var(--border-radius-border-radius-full, 1.25rem);
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--spacing-md, 1rem);
}
.order-status-large.status-completed, .order-status-large.status-complete {
  background: linear-gradient(135deg, #20d340 0%, #00d1ed 100%);
  color: #ffffff;
}
.order-status-large.status-pending {
  background: #fff3cd;
  color: #856404;
}
.order-status-large.status-processing {
  background: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  color: #ffffff;
}

.order-columns {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--spacing-xl, 1.5rem);
  margin-top: var(--spacing-xl, 1.5rem);
}
@media (max-width: 991px) {
  .order-columns {
    grid-template-columns: 1fr;
  }
}

.order-column {
  background: #ffffff;
  padding: var(--spacing-lg, 1.125rem);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.order-items-table {
  width: 100%;
  border-collapse: collapse;
}
.order-items-table th,
.order-items-table td {
  padding: var(--spacing-sm, 0.75rem);
  border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #e8e8e8);
}
.order-items-table th {
  font-weight: 600;
  color: var(--text-secondary, #666);
  font-size: 0.875rem;
  text-align: left;
}
.order-items-table tbody tr:last-child td {
  border-bottom: none;
}

.shipping-info {
  padding: var(--spacing-sm, 0.75rem);
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-20, 0.75rem);
  margin-top: var(--spacing-sm, 0.75rem);
}

.order-totals {
  border-top: 2px solid var(--Brand-Colors-Neutrals-Gray-200, #e8e8e8);
  padding-top: var(--spacing-md, 1rem);
  margin-top: var(--spacing-md, 1rem);
}

.order-totals-line {
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-sm, 0.75rem) 0;
}
.order-totals-line.total {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  border-top: 2px solid var(--Brand-Colors-Neutrals-Gray-200, #e8e8e8);
  padding-top: var(--spacing-md, 1rem);
  margin-top: var(--spacing-sm, 0.75rem);
}

.address-card {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding: var(--spacing-md, 1rem);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  margin-bottom: var(--spacing-md, 1rem);
}
.address-card h4 {
  margin-top: 0;
  color: var(--text, #262626);
  font-weight: 600;
}
.address-card p {
  margin: var(--spacing-xs, 0.5rem) 0;
}

.django-orders-loading {
  padding: var(--spacing-xxl, 2rem);
  text-align: center;
  color: var(--text-secondary, #666);
}
.django-orders-loading p {
  font-size: 1.125rem;
  margin: 0;
}

.django-orders-error,
.django-orders-empty,
.django-orders-login-required,
.django-orders-openid-required {
  padding: var(--spacing-xxl, 2rem);
  text-align: center;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  color: var(--text, #262626);
}
.django-orders-error h4,
.django-orders-empty h4,
.django-orders-login-required h4,
.django-orders-openid-required h4 {
  color: #dc3545;
  margin-bottom: var(--spacing-md, 1rem);
}
.django-orders-error p,
.django-orders-empty p,
.django-orders-login-required p,
.django-orders-openid-required p {
  margin-bottom: var(--spacing-md, 1rem);
}

.django-orders-debug {
  margin: var(--spacing-xl, 1.5rem) 0;
}
.django-orders-debug h3,
.django-orders-debug h4 {
  color: var(--text, #262626);
  margin-bottom: var(--spacing-sm, 0.75rem);
}
.django-orders-debug pre {
  background: #f0f0f0;
  padding: 15px;
  border: 1px solid #ccc;
  overflow-x: auto;
  font-family: monospace;
  font-size: 12px;
  border-radius: var(--border-radius-border-radius-20, 0.5rem);
}

/*
SCSS for Suggested Products element
*/
.supreme-suggested-products-wrapper {
  background: #f4f9fa;
  padding: 80px 140px;
  width: 100%;
}
.supreme-suggested-products-wrapper .supreme-suggested-products-container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}
.supreme-suggested-products-wrapper .supreme-suggested-products-heading {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xxxl, 56px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxxl, 64px);
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-3xl, 40px) !important;
}
.supreme-suggested-products-wrapper .supreme-suggested-product-description {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  color: var(--text, #262626);
  margin-top: 4px !important;
}
.supreme-suggested-products-wrapper .supreme-suggested-product-link {
  position: relative;
  transition: color 0.3s ease;
  z-index: 1;
  background: #fff;
  border-radius: 20px;
}
.supreme-suggested-products-wrapper .supreme-suggested-product-link:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 4px;
  box-sizing: border-box;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: -1;
}
.supreme-suggested-products-wrapper .supreme-suggested-product-link:hover:after {
  opacity: 1;
}

.supreme-suggested-products-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.supreme-suggested-product-card {
  border: 1px solid #d1d1d1;
  border-radius: 20px;
  width: 100%;
  max-width: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}

.supreme-suggested-product-image {
  width: 70px;
  height: 70px;
  margin-bottom: 0;
}

.supreme-suggested-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.supreme-suggested-product-title {
  font-family: var(--Font-Family-Primary, "Runda", Arial, sans-serif);
  font-size: var(--Font-Size-f-size-lg, 24px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px);
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 4px 0;
}

.supreme-element.image-slider button.synthego-image-slider__arrow {
  border-radius: 50%;
}

@media (max-width: 767px) {
  .ct-new-columns > .ct-div-block {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.supreme-element h2 {
  font-size: var(--Font-Size-f-size-xxl);
  line-height: var(--Line-Height-Line-height-f-size-xxl, 54px);
}

.simple-column-card {
  width: 100%;
}

.application-max-sec .supreme-element.post-image .post-image__heading {
  margin: 0;
}

.green-border-cta {
  margin-bottom: 80px;
}
.green-border-cta .button-wrapper {
  text-align: center !important;
}

.mobile-block aside a {
  text-decoration: none;
}

.block-box-hover a,
.none-text-decoration a {
  text-decoration: none;
}

.single-supreme_product .supreme-element.block-full-width-text .section-eyebrow {
  margin: 0;
}
.single-supreme_product .internal-gap.supreme-element.block-full-width-text .text-section {
  gap: 10px;
}

.product-hero__description ul li::marker {
  font-size: 15px;
}

/* ========================================
   OXYGEN ELEMENTS - CUSTOM STYLES
   Apply Synthego text and color styles to default Oxygen elements
   ======================================== */
/* DEFAULT STYLES - APPLIED AUTOMATICALLY
   These styles apply to all Oxygen elements by default
   No classes needed!
   ======================================== */
.oxy-heading,
.ct-headline {
  font-family: var(--font-heading, "Runda", sans-serif);
  color: var(--color-dark, #1A1A1A);
  line-height: 1.2;
}
.oxy-rich-text,
.ct-text-block,
.oxy-text {
  color: var(--color-text, #374151);
}
.oxy-link,
.ct-link {
  color: var(--color-primary, #00D1ED);
  text-decoration: none;
  transition: color 0.2s ease;
}
.oxy-link:hover,
.ct-link:hover {
  color: var(--color-secondary, #20D340);
}

/* TYPOGRAPHY CLASSES FOR OXYGEN ELEMENTS
   Use these to override defaults when needed
   ======================================== */
/* COLOR UTILITIES FOR OXYGEN ELEMENTS
   ======================================== */
.oxy-heading.text-primary,
.oxy-rich-text.text-primary,
.oxy-text.text-primary,
.ct-text-block.text-primary,
.ct-headline.text-primary,
.oxy-button.text-primary,
.ct-link-button.text-primary {
  color: var(--color-primary, #00D1ED);
}
.oxy-heading.text-secondary,
.oxy-rich-text.text-secondary,
.oxy-text.text-secondary,
.ct-text-block.text-secondary,
.ct-headline.text-secondary,
.oxy-button.text-secondary,
.ct-link-button.text-secondary {
  color: var(--color-secondary, #20D340);
}
.oxy-heading.text-dark,
.oxy-rich-text.text-dark,
.oxy-text.text-dark,
.ct-text-block.text-dark,
.ct-headline.text-dark,
.oxy-button.text-dark,
.ct-link-button.text-dark {
  color: var(--color-dark, #1A1A1A);
}
.oxy-heading.text-light,
.oxy-rich-text.text-light,
.oxy-text.text-light,
.ct-text-block.text-light,
.ct-headline.text-light,
.oxy-button.text-light,
.ct-link-button.text-light {
  color: var(--color-light, #FFFFFF);
}
.oxy-heading.text-gray,
.oxy-rich-text.text-gray,
.oxy-text.text-gray,
.ct-text-block.text-gray,
.ct-headline.text-gray,
.oxy-button.text-gray,
.ct-link-button.text-gray {
  color: var(--color-gray, #6B7280);
}
.oxy-heading.text-gray-light,
.oxy-rich-text.text-gray-light,
.oxy-text.text-gray-light,
.ct-text-block.text-gray-light,
.ct-headline.text-gray-light,
.oxy-button.text-gray-light,
.ct-link-button.text-gray-light {
  color: var(--color-gray-light, #E5E7EB);
}

.oxy-section.bg-primary,
.oxy-inner-content.bg-primary,
.ct-section.bg-primary,
.ct-div-block.bg-primary,
.oxy-div.bg-primary {
  background-color: var(--color-primary, #00D1ED);
}
.oxy-section.bg-secondary,
.oxy-inner-content.bg-secondary,
.ct-section.bg-secondary,
.ct-div-block.bg-secondary,
.oxy-div.bg-secondary {
  background-color: var(--color-secondary, #20D340);
}
.oxy-section.bg-dark,
.oxy-inner-content.bg-dark,
.ct-section.bg-dark,
.ct-div-block.bg-dark,
.oxy-div.bg-dark {
  background-color: var(--color-dark, #1A1A1A);
}
.oxy-section.bg-light,
.oxy-inner-content.bg-light,
.ct-section.bg-light,
.ct-div-block.bg-light,
.oxy-div.bg-light {
  background-color: var(--color-light, #FFFFFF);
}
.oxy-section.bg-gray,
.oxy-inner-content.bg-gray,
.ct-section.bg-gray,
.ct-div-block.bg-gray,
.oxy-div.bg-gray {
  background-color: var(--color-gray-bg, #F9FAFB);
}
.oxy-section.bg-gradient,
.oxy-inner-content.bg-gradient,
.ct-section.bg-gradient,
.ct-div-block.bg-gradient,
.oxy-div.bg-gradient {
  background: linear-gradient(135deg, var(--color-primary, #00D1ED) 0%, var(--color-secondary, #20D340) 100%);
}

/* RESPONSIVE UTILITIES
   ======================================== */
@media (max-width: 767px) {
  .oxy-section.hide-mobile,
  .oxy-inner-content.hide-mobile,
  .ct-section.hide-mobile,
  .ct-div-block.hide-mobile,
  .oxy-div.hide-mobile,
  .oxy-heading.hide-mobile,
  .oxy-text.hide-mobile,
  .oxy-button.hide-mobile,
  .oxy-image.hide-mobile {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .oxy-section.hide-tablet,
  .oxy-inner-content.hide-tablet,
  .ct-section.hide-tablet,
  .ct-div-block.hide-tablet,
  .oxy-div.hide-tablet,
  .oxy-heading.hide-tablet,
  .oxy-text.hide-tablet,
  .oxy-button.hide-tablet,
  .oxy-image.hide-tablet {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .oxy-section.hide-desktop,
  .oxy-inner-content.hide-desktop,
  .ct-section.hide-desktop,
  .ct-div-block.hide-desktop,
  .oxy-div.hide-desktop,
  .oxy-heading.hide-desktop,
  .oxy-text.hide-desktop,
  .oxy-button.hide-desktop,
  .oxy-image.hide-desktop {
    display: none !important;
  }
}
.oxy-section.show-mobile,
.oxy-inner-content.show-mobile,
.ct-section.show-mobile,
.ct-div-block.show-mobile,
.oxy-div.show-mobile,
.oxy-heading.show-mobile,
.oxy-text.show-mobile,
.oxy-button.show-mobile,
.oxy-image.show-mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .oxy-section.show-mobile,
  .oxy-inner-content.show-mobile,
  .ct-section.show-mobile,
  .ct-div-block.show-mobile,
  .oxy-div.show-mobile,
  .oxy-heading.show-mobile,
  .oxy-text.show-mobile,
  .oxy-button.show-mobile,
  .oxy-image.show-mobile {
    display: block !important;
  }
}
.oxy-section.show-tablet,
.oxy-inner-content.show-tablet,
.ct-section.show-tablet,
.ct-div-block.show-tablet,
.oxy-div.show-tablet,
.oxy-heading.show-tablet,
.oxy-text.show-tablet,
.oxy-button.show-tablet,
.oxy-image.show-tablet {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .oxy-section.show-tablet,
  .oxy-inner-content.show-tablet,
  .ct-section.show-tablet,
  .ct-div-block.show-tablet,
  .oxy-div.show-tablet,
  .oxy-heading.show-tablet,
  .oxy-text.show-tablet,
  .oxy-button.show-tablet,
  .oxy-image.show-tablet {
    display: block !important;
  }
}
.oxy-section.show-desktop,
.oxy-inner-content.show-desktop,
.ct-section.show-desktop,
.ct-div-block.show-desktop,
.oxy-div.show-desktop,
.oxy-heading.show-desktop,
.oxy-text.show-desktop,
.oxy-button.show-desktop,
.oxy-image.show-desktop {
  display: none !important;
}
@media (min-width: 1024px) {
  .oxy-section.show-desktop,
  .oxy-inner-content.show-desktop,
  .ct-section.show-desktop,
  .ct-div-block.show-desktop,
  .oxy-div.show-desktop,
  .oxy-heading.show-desktop,
  .oxy-text.show-desktop,
  .oxy-button.show-desktop,
  .oxy-image.show-desktop {
    display: block !important;
  }
}

/* SPACING UTILITIES
   ======================================== */
.mt-xs {
  margin-top: 8px !important;
}

.mt-sm {
  margin-top: 16px !important;
}

.mt-md {
  margin-top: 24px !important;
}

.mt-lg {
  margin-top: 32px !important;
}

.mt-xl {
  margin-top: 48px !important;
}

.mt-xxl {
  margin-top: 64px !important;
}

.mb-xs {
  margin-bottom: 8px !important;
}

.mb-sm {
  margin-bottom: 16px !important;
}

.mb-md {
  margin-bottom: 24px !important;
}

.mb-lg {
  margin-bottom: 32px !important;
}

.mb-xl {
  margin-bottom: 48px !important;
}

.mb-xxl {
  margin-bottom: 64px !important;
}

.ml-xs {
  margin-left: 8px !important;
}

.ml-sm {
  margin-left: 16px !important;
}

.ml-md {
  margin-left: 24px !important;
}

.ml-lg {
  margin-left: 32px !important;
}

.ml-xl {
  margin-left: 48px !important;
}

.mr-xs {
  margin-right: 8px !important;
}

.mr-sm {
  margin-right: 16px !important;
}

.mr-md {
  margin-right: 24px !important;
}

.mr-lg {
  margin-right: 32px !important;
}

.mr-xl {
  margin-right: 48px !important;
}

.pt-xs {
  padding-top: 8px !important;
}

.pt-sm {
  padding-top: 16px !important;
}

.pt-md {
  padding-top: 24px !important;
}

.pt-lg {
  padding-top: 32px !important;
}

.pt-xl {
  padding-top: 48px !important;
}

.pt-xxl {
  padding-top: 64px !important;
}

.pb-xs {
  padding-bottom: 8px !important;
}

.pb-sm {
  padding-bottom: 16px !important;
}

.pb-md {
  padding-bottom: 24px !important;
}

.pb-lg {
  padding-bottom: 32px !important;
}

.pb-xl {
  padding-bottom: 48px !important;
}

.pb-xxl {
  padding-bottom: 64px !important;
}

.px-xs {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.px-sm {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.px-md {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.px-lg {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.px-xl {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.py-xs {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-sm {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.py-md {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.py-lg {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.py-xl {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

/* ALIGNMENT UTILITIES
   ======================================== */
.text-left {
  text-align: left !important;
}

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

.text-right {
  text-align: right !important;
}

.flex-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.flex-between {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.flex-start {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.flex-end {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

/* BORDER UTILITIES
   ======================================== */
.border-radius-sm {
  border-radius: 4px !important;
}

.border-radius-md {
  border-radius: 8px !important;
}

.border-radius-lg {
  border-radius: 12px !important;
}

.border-radius-xl {
  border-radius: 16px !important;
}

.border-radius-full {
  border-radius: 9999px !important;
}

/* SHADOW UTILITIES
   ======================================== */
.shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

.bc-cart,
.bigcommerce-cart,
[data-js=bc-cart],
.bc-cart-page {
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  color: var(--text, #262626);
  padding: var(--spacing-xl, 1.5rem) 0;
}
@media (max-width: 767px) {
  .bc-cart,
  .bigcommerce-cart,
  [data-js=bc-cart],
  .bc-cart-page {
    padding: var(--spacing-lg, 1.125rem) 0;
  }
}

.bc-cart__title,
.bc-cart-header__title,
.bc-cart h1,
.bc-cart h2 {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  color: var(--Heading-Color-1, #262626);
  font-weight: 700;
  margin-bottom: var(--spacing-lg, 1.25rem);
}

.bc-cart-item {
  border-bottom: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  padding: var(--spacing-md, 1rem) 0;
  margin-bottom: var(--spacing-md, 1rem);
}
.bc-cart-item__product-title {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  font-weight: 600;
  color: var(--text, #262626);
  font-size: var(--Font-Size-f-size-sm, 1.125rem);
}
.bc-cart-item__product-brand, .bc-cart-item__product-sku {
  color: var(--Heading-Color-1-Alt, #707070);
  font-size: var(--Font-Size-f-size-xs, 0.875rem);
}
.bc-cart-item__quantity {
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  padding: var(--spacing-xs, 0.5rem) var(--spacing-sm, 0.75rem);
}
.bc-cart-item__quantity input {
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.bc-cart-item__remove-button {
  color: var(--link, #f94f01);
  transition: opacity 0.2s ease;
}
.bc-cart-item__remove-button:hover {
  opacity: 0.8;
}

.bc-cart-subtotal,
.bc-cart-total,
.bc-cart__item-total,
.bc-cart-item__total-price {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
}
.bc-cart-subtotal__label,
.bc-cart-total__label,
.bc-cart__item-total__label,
.bc-cart-item__total-price__label {
  color: var(--Heading-Color-1-Alt, #707070);
  font-weight: 600;
}
.bc-cart-subtotal__amount,
.bc-cart-subtotal .bc-cart-price,
.bc-cart-total__amount,
.bc-cart-total .bc-cart-price,
.bc-cart__item-total__amount,
.bc-cart__item-total .bc-cart-price,
.bc-cart-item__total-price__amount,
.bc-cart-item__total-price .bc-cart-price {
  color: var(--text, #262626);
  font-weight: 700;
  font-size: var(--Font-Size-f-size-md, 1.25rem);
}

.bc-btn,
.bc-cart__checkout-button,
.bc-cart__submit-button,
.bc-cart-actions__checkout-button {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  font-weight: 700;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-xl, 1.5rem);
  border-radius: var(--border-radius-border-radius-full, 1.25rem);
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.bc-btn--primary,
.bc-cart__checkout-button--primary,
.bc-cart__submit-button--primary,
.bc-cart-actions__checkout-button--primary {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: none;
}
.bc-btn--primary:hover,
.bc-cart__checkout-button--primary:hover,
.bc-cart__submit-button--primary:hover,
.bc-cart-actions__checkout-button--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.bc-btn--secondary,
.bc-cart__checkout-button--secondary,
.bc-cart__submit-button--secondary,
.bc-cart-actions__checkout-button--secondary {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--text, #262626);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
.bc-btn--secondary:hover,
.bc-cart__checkout-button--secondary:hover,
.bc-cart__submit-button--secondary:hover,
.bc-cart-actions__checkout-button--secondary:hover {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}

.bc-cart__continue-shopping {
  color: var(--link, #f94f01);
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 0.5rem);
  transition: opacity 0.2s ease;
}
.bc-cart__continue-shopping:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.bc-cart__continue-shopping::before {
  content: "←";
  font-size: 1.2em;
}

.bc-cart--empty,
.bc-cart__empty-message {
  text-align: center;
  padding: var(--spacing-4xl, 5rem) var(--spacing-xl, 1.5rem);
}
.bc-cart--empty p,
.bc-cart__empty-message p {
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  color: var(--Heading-Color-1-Alt, #707070);
  font-size: var(--Font-Size-f-size-md, 1.25rem);
  margin-bottom: var(--spacing-lg, 1.25rem);
}

.bc-cart-summary,
.bc-cart__summary {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  padding: var(--spacing-xl, 1.5rem);
}
.bc-cart-summary h3,
.bc-cart__summary h3 {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  color: var(--Heading-Color-1, #262626);
  font-weight: 700;
  margin-bottom: var(--spacing-md, 1rem);
}
.bc-cart-summary .bc-cart-summary__line,
.bc-cart__summary .bc-cart-summary__line {
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-xs, 0.5rem) 0;
  border-bottom: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Light-Gray, #e0e0e0);
}
.bc-cart-summary .bc-cart-summary__line:last-child,
.bc-cart__summary .bc-cart-summary__line:last-child {
  border-bottom: none;
  padding-top: var(--spacing-sm, 0.75rem);
  font-weight: 700;
  font-size: var(--Font-Size-f-size-md, 1.25rem);
}

.bc-quantity-selector,
.bc-product-quantity {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.5rem);
}
.bc-quantity-selector button,
.bc-product-quantity button {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.bc-quantity-selector button:hover,
.bc-product-quantity button:hover {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.bc-quantity-selector input,
.bc-product-quantity input {
  width: 60px;
  text-align: center;
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  padding: var(--spacing-xxs, 0.25rem);
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}

.bc-cart input[type=text],
.bc-cart input[type=email],
.bc-cart input[type=number],
.bc-cart select,
.bc-cart textarea {
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
  width: 100%;
  transition: border-color 0.2s ease;
}
.bc-cart input[type=text]:focus,
.bc-cart input[type=email]:focus,
.bc-cart input[type=number]:focus,
.bc-cart select:focus,
.bc-cart textarea:focus {
  outline: none;
  border-color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
}
.bc-cart label {
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  color: var(--text, #262626);
  font-weight: 600;
  margin-bottom: var(--spacing-xs, 0.5rem);
  display: block;
}

.bc-cart--loading,
.bc-cart__loading {
  position: relative;
}
.bc-cart--loading::after,
.bc-cart__loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bc-alert,
.bc-cart-alert,
.bc-cart__message {
  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  margin-bottom: var(--spacing-md, 1rem);
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.bc-alert--success,
.bc-cart-alert--success,
.bc-cart__message--success {
  background: var(--Very-Light-Green, #f0fff4);
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.bc-alert--error,
.bc-cart-alert--error,
.bc-cart__message--error {
  background: rgba(249, 79, 1, 0.1);
  color: var(--link, #f94f01);
  border: var(--Stroke-Border-Width, 1px) solid var(--link, #f94f01);
}
.bc-alert--info,
.bc-cart-alert--info,
.bc-cart__message--info {
  background: rgba(0, 209, 237, 0.1);
  color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
}

.bc-checkout,
.bigcommerce-checkout,
[data-js=bc-checkout],
.bc-checkout-page {
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  color: var(--text, #262626);
  padding: var(--spacing-xl, 1.5rem) 0;
}
@media (max-width: 767px) {
  .bc-checkout,
  .bigcommerce-checkout,
  [data-js=bc-checkout],
  .bc-checkout-page {
    padding: var(--spacing-lg, 1.125rem) 0;
  }
}

.bc-checkout__header,
.bc-checkout-header {
  margin-bottom: var(--spacing-xxl, 2rem);
}
.bc-checkout__header h1, .bc-checkout__header h2,
.bc-checkout-header h1,
.bc-checkout-header h2 {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  color: var(--Heading-Color-1, #262626);
  font-weight: 700;
  font-size: var(--Font-Size-h2, 2.5rem);
  margin-bottom: var(--spacing-md, 1rem);
}
@media (max-width: 767px) {
  .bc-checkout__header h1, .bc-checkout__header h2,
  .bc-checkout-header h1,
  .bc-checkout-header h2 {
    font-size: var(--Font-Size-h3, 2rem);
  }
}

.bc-checkout-steps,
.bc-checkout__progress,
.bc-progress-steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--spacing-xxl, 2rem);
  padding: var(--spacing-md, 1rem);
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
}
.bc-checkout-steps__item,
.bc-checkout__progress__item,
.bc-progress-steps__item {
  flex: 1;
  text-align: center;
  position: relative;
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.bc-checkout-steps__item::after,
.bc-checkout__progress__item::after,
.bc-progress-steps__item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -50%;
  width: 100%;
  height: 2px;
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  transform: translateY(-50%);
}
.bc-checkout-steps__item:last-child::after,
.bc-checkout__progress__item:last-child::after,
.bc-progress-steps__item:last-child::after {
  display: none;
}
.bc-checkout-steps__item--active,
.bc-checkout__progress__item--active,
.bc-progress-steps__item--active {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  font-weight: 700;
}
.bc-checkout-steps__item--active .bc-checkout-steps__number,
.bc-checkout__progress__item--active .bc-checkout-steps__number,
.bc-progress-steps__item--active .bc-checkout-steps__number {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.bc-checkout-steps__item--completed,
.bc-checkout__progress__item--completed,
.bc-progress-steps__item--completed {
  color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
}
.bc-checkout-steps__item--completed::after,
.bc-checkout__progress__item--completed::after,
.bc-progress-steps__item--completed::after {
  background: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
}
.bc-checkout-steps__number,
.bc-checkout__progress__number,
.bc-progress-steps__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  margin-bottom: var(--spacing-xs, 0.5rem);
  font-weight: 700;
}

.bc-checkout-section,
.bc-checkout__section {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  padding: var(--spacing-xl, 1.5rem);
  margin-bottom: var(--spacing-xl, 1.5rem);
}
.bc-checkout-section__title,
.bc-checkout__section__title {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  font-weight: 700;
  font-size: var(--Font-Size-f-size-lg, 1.5rem);
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-lg, 1.25rem);
  padding-bottom: var(--spacing-sm, 0.75rem);
  border-bottom: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Light-Gray, #e0e0e0);
}

.bc-form__group,
.bc-checkout-form__group {
  margin-bottom: var(--spacing-md, 1rem);
}
.bc-form label,
.bc-checkout-form label {
  display: block;
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  color: var(--text, #262626);
  font-weight: 600;
  font-size: var(--Font-Size-f-size-xs, 0.875rem);
  margin-bottom: var(--spacing-xs, 0.5rem);
}
.bc-form label .required,
.bc-checkout-form label .required {
  color: var(--link, #f94f01);
}
.bc-form input[type=text],
.bc-form input[type=email],
.bc-form input[type=tel],
.bc-form input[type=number],
.bc-form input[type=password],
.bc-form select,
.bc-form textarea,
.bc-checkout-form input[type=text],
.bc-checkout-form input[type=email],
.bc-checkout-form input[type=tel],
.bc-checkout-form input[type=number],
.bc-checkout-form input[type=password],
.bc-checkout-form select,
.bc-checkout-form textarea {
  width: 100%;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  font-size: var(--Font-Size-body, 1rem);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  background: var(--Brand-Colors-Primary-White, #ffffff);
  transition: all 0.2s ease;
}
.bc-form input[type=text]:focus,
.bc-form input[type=email]:focus,
.bc-form input[type=tel]:focus,
.bc-form input[type=number]:focus,
.bc-form input[type=password]:focus,
.bc-form select:focus,
.bc-form textarea:focus,
.bc-checkout-form input[type=text]:focus,
.bc-checkout-form input[type=email]:focus,
.bc-checkout-form input[type=tel]:focus,
.bc-checkout-form input[type=number]:focus,
.bc-checkout-form input[type=password]:focus,
.bc-checkout-form select:focus,
.bc-checkout-form textarea:focus {
  outline: none;
  border-color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  box-shadow: 0 0 0 3px rgba(0, 209, 237, 0.1);
}
.bc-form input[type=text]:disabled,
.bc-form input[type=email]:disabled,
.bc-form input[type=tel]:disabled,
.bc-form input[type=number]:disabled,
.bc-form input[type=password]:disabled,
.bc-form select:disabled,
.bc-form textarea:disabled,
.bc-checkout-form input[type=text]:disabled,
.bc-checkout-form input[type=email]:disabled,
.bc-checkout-form input[type=tel]:disabled,
.bc-checkout-form input[type=number]:disabled,
.bc-checkout-form input[type=password]:disabled,
.bc-checkout-form select:disabled,
.bc-checkout-form textarea:disabled {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  cursor: not-allowed;
}
.bc-form input[type=text].error, .bc-form input[type=text].bc-form__control--error,
.bc-form input[type=email].error,
.bc-form input[type=email].bc-form__control--error,
.bc-form input[type=tel].error,
.bc-form input[type=tel].bc-form__control--error,
.bc-form input[type=number].error,
.bc-form input[type=number].bc-form__control--error,
.bc-form input[type=password].error,
.bc-form input[type=password].bc-form__control--error,
.bc-form select.error,
.bc-form select.bc-form__control--error,
.bc-form textarea.error,
.bc-form textarea.bc-form__control--error,
.bc-checkout-form input[type=text].error,
.bc-checkout-form input[type=text].bc-form__control--error,
.bc-checkout-form input[type=email].error,
.bc-checkout-form input[type=email].bc-form__control--error,
.bc-checkout-form input[type=tel].error,
.bc-checkout-form input[type=tel].bc-form__control--error,
.bc-checkout-form input[type=number].error,
.bc-checkout-form input[type=number].bc-form__control--error,
.bc-checkout-form input[type=password].error,
.bc-checkout-form input[type=password].bc-form__control--error,
.bc-checkout-form select.error,
.bc-checkout-form select.bc-form__control--error,
.bc-checkout-form textarea.error,
.bc-checkout-form textarea.bc-form__control--error {
  border-color: var(--link, #f94f01);
}
.bc-form input[type=checkbox],
.bc-form input[type=radio],
.bc-checkout-form input[type=checkbox],
.bc-checkout-form input[type=radio] {
  margin-right: var(--spacing-xs, 0.5rem);
}
.bc-form input[type=checkbox] + label,
.bc-form input[type=radio] + label,
.bc-checkout-form input[type=checkbox] + label,
.bc-checkout-form input[type=radio] + label {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.bc-form__error,
.bc-form .bc-form-error,
.bc-checkout-form__error,
.bc-checkout-form .bc-form-error {
  color: var(--link, #f94f01);
  font-size: var(--Font-Size-f-size-xs, 0.875rem);
  margin-top: var(--spacing-xxs, 0.25rem);
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.bc-form__help,
.bc-form .bc-form-help,
.bc-checkout-form__help,
.bc-checkout-form .bc-form-help {
  color: var(--Heading-Color-1-Alt, #707070);
  font-size: var(--Font-Size-f-size-xs, 0.875rem);
  margin-top: var(--spacing-xxs, 0.25rem);
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}

.bc-payment-methods__method,
.bc-checkout__payment__method {
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  padding: var(--spacing-md, 1rem);
  margin-bottom: var(--spacing-sm, 0.75rem);
  cursor: pointer;
  transition: all 0.2s ease;
}
.bc-payment-methods__method:hover,
.bc-checkout__payment__method:hover {
  border-color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.bc-payment-methods__method--selected,
.bc-checkout__payment__method--selected {
  border-color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  background: rgba(32, 211, 64, 0.05);
}
.bc-payment-methods__method label,
.bc-checkout__payment__method label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.bc-payment-methods__method img,
.bc-checkout__payment__method img {
  max-height: 32px;
  margin-left: var(--spacing-sm, 0.75rem);
}

.bc-order-summary,
.bc-checkout__summary {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  padding: var(--spacing-xl, 1.5rem);
  position: sticky;
  top: var(--spacing-xl, 1.5rem);
}
.bc-order-summary h3,
.bc-checkout__summary h3 {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  font-weight: 700;
  font-size: var(--Font-Size-f-size-lg, 1.5rem);
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-md, 1rem);
}
.bc-order-summary__item,
.bc-checkout__summary__item {
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-sm, 0.75rem) 0;
  border-bottom: var(--Stroke-Divider-Width, 1px) solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.bc-order-summary__item:last-of-type,
.bc-checkout__summary__item:last-of-type {
  border-bottom: none;
}
.bc-order-summary__item__name,
.bc-checkout__summary__item__name {
  flex: 1;
  color: var(--text, #262626);
}
.bc-order-summary__item__price,
.bc-checkout__summary__item__price {
  font-weight: 600;
  color: var(--text, #262626);
}
.bc-order-summary__total,
.bc-checkout__summary__total {
  margin-top: var(--spacing-md, 1rem);
  padding-top: var(--spacing-md, 1rem);
  border-top: 2px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  display: flex;
  justify-content: space-between;
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  font-weight: 700;
  font-size: var(--Font-Size-f-size-lg, 1.5rem);
  color: var(--text, #262626);
}
.bc-order-summary__total .amount,
.bc-checkout__summary__total .amount {
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}

.bc-checkout__actions {
  display: flex;
  gap: var(--spacing-md, 1rem);
  margin-top: var(--spacing-xl, 1.5rem);
}
@media (max-width: 767px) {
  .bc-checkout__actions {
    flex-direction: column;
  }
}

.bc-btn--checkout,
.bc-checkout__submit,
.bc-checkout__continue {
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  font-weight: 700;
  font-size: var(--Font-Size-button, 1rem);
  padding: var(--spacing-md, 1rem) var(--spacing-xxl, 2rem);
  border-radius: var(--border-radius-border-radius-full, 1.25rem);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}
.bc-btn--checkout--primary,
.bc-checkout__submit--primary,
.bc-checkout__continue--primary {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  color: var(--Brand-Colors-Primary-White, #ffffff);
  flex: 1;
}
.bc-btn--checkout--primary:hover,
.bc-checkout__submit--primary:hover,
.bc-checkout__continue--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(32, 211, 64, 0.3);
}
.bc-btn--checkout--primary:disabled,
.bc-checkout__submit--primary:disabled,
.bc-checkout__continue--primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.bc-btn--checkout--secondary,
.bc-checkout__submit--secondary,
.bc-checkout__continue--secondary {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--text, #262626);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
.bc-btn--checkout--secondary:hover,
.bc-checkout__submit--secondary:hover,
.bc-checkout__continue--secondary:hover {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}

.bc-shipping-options__option {
  display: flex;
  align-items: center;
  padding: var(--spacing-sm, 0.75rem);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  margin-bottom: var(--spacing-sm, 0.75rem);
  cursor: pointer;
  transition: all 0.2s ease;
}
.bc-shipping-options__option:hover {
  border-color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.bc-shipping-options__option--selected {
  border-color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  background: rgba(32, 211, 64, 0.05);
}
.bc-shipping-options__option input[type=radio] {
  margin-right: var(--spacing-sm, 0.75rem);
}
.bc-shipping-options__option__label {
  flex: 1;
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
  color: var(--text, #262626);
}
.bc-shipping-options__option__price {
  font-weight: 600;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
}

.bc-promo-code,
.bc-coupon {
  display: flex;
  gap: var(--spacing-sm, 0.75rem);
  margin: var(--spacing-md, 1rem) 0;
}
.bc-promo-code input,
.bc-coupon input {
  flex: 1;
}
.bc-promo-code button,
.bc-coupon button {
  padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.25rem);
  background: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  border-radius: var(--border-radius-border-radius-full, 1.25rem);
  font-family: var(--Font-Family-Primary, "runda", Arial, sans-serif);
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}
.bc-promo-code button:hover,
.bc-coupon button:hover {
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  color: var(--Brand-Colors-Primary-White, #ffffff);
}

.bc-checkout--loading,
.bc-loading-overlay {
  position: relative;
}
.bc-checkout--loading::after,
.bc-loading-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  z-index: 10;
}

.bc-spinner {
  border: 3px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  border-top-color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: bc-spin 1s linear infinite;
}

@keyframes bc-spin {
  to {
    transform: rotate(360deg);
  }
}
.bc-alert,
.bc-message {
  padding: var(--spacing-md, 1rem);
  border-radius: var(--border-radius-border-radius-20, 1.25rem);
  margin-bottom: var(--spacing-md, 1rem);
  font-family: var(--Font-Family-Secondary, "open-sans", sans-serif);
}
.bc-alert--success,
.bc-message--success {
  background: var(--Very-Light-Green, #f0fff4);
  color: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.bc-alert--error,
.bc-message--error {
  background: rgba(249, 79, 1, 0.1);
  color: var(--link, #f94f01);
  border: var(--Stroke-Border-Width, 1px) solid var(--link, #f94f01);
}
.bc-alert--info,
.bc-message--info {
  background: rgba(0, 209, 237, 0.1);
  color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  border: var(--Stroke-Border-Width, 1px) solid var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
}
.bc-alert--warning,
.bc-message--warning {
  background: rgba(255, 193, 7, 0.1);
  color: #FFC107;
  border: var(--Stroke-Border-Width, 1px) solid #FFC107;
}