@charset "UTF-8";
/*
This file is used to contain all vendor imports.
*/
/*
This file is used to contain all abstracts imports.
Files inside this folder can contain abstract settings, helpers or functions. They have no direct output.
*/
:root {
  --mobile-breakpoint: 619px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideInFromLeft {
  from {
    transform: translate3d(-100px, 0, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideOutFromLeft {
  from {
    transform: translate3d(0px, 0, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(100px, 0, 0);
    opacity: 1;
  }
}
@keyframes slideDown {
  from {
    transform: translate3d(0, -100px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideUp {
  from {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@font-face {
  font-family: "Charter";
  src: url("/fonts/charter_regular.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Charter";
  src: url("/fonts/charter_italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Charter";
  src: url("/fonts/charter_bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Charter";
  src: url("/fonts/charter_black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
/*
This file is used to contain all base imports.
Files inside this folder can contain global styles used in the project.
*/
/* base/_reset.scss */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  height: auto;
  color: #3f4040;
  line-height: 1.5;
}

a, button {
  color: #3f4040;
  text-decoration: none;
}

button {
  cursor: pointer;
}

[v-cloak] {
  display: none !important;
}

html,
body,
input {
  font-size: 16px;
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  font-weight: 400;
}

a, button {
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
}

.text-italic {
  font-style: italic;
}

.font-heading {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif !important;
}

.font-text {
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif !important;
}

.text, .text-xl, .text-lg, .text-md, .text-sm, .dot-badge-md, .dot-badge-lg, .text-xs, .dot-badge-sm {
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
}
.text-xs, .dot-badge-sm {
  font-size: 12px;
  line-height: 18px;
}
.text-sm, .dot-badge-md, .dot-badge-lg {
  font-size: 14px;
  line-height: 20px;
}
.text-md {
  font-size: 16px;
  line-height: 24px;
}
.text-lg {
  font-size: 18px;
  line-height: 28px;
}
.text-xl {
  font-size: 24px;
  line-height: 32px;
}
.text--300, .menu-item-card__text, .text-300 {
  font-weight: 300 !important;
}
.text.--semibold, .--semibold.text-xs, .--semibold.dot-badge-sm, .--semibold.text-sm, .--semibold.dot-badge-md, .--semibold.dot-badge-lg, .--semibold.text-md, .--semibold.text-lg, .--semibold.text-xl, .text--400, .text-400 {
  font-weight: 400 !important;
}
.text--500, .menu-item-card__title, .text-500 {
  font-weight: 500;
}
.text--600, .text-600 {
  font-weight: 600 !important;
}
.text.--bold, .--bold.text-xs, .--bold.dot-badge-sm, .--bold.text-sm, .--bold.dot-badge-md, .--bold.dot-badge-lg, .--bold.text-md, .--bold.text-lg, .--bold.text-xl, .text--700, .text-700 {
  font-weight: 700 !important;
}
.text-800 {
  font-weight: 800 !important;
}
.text-900 {
  font-weight: 900 !important;
}
.text--white {
  color: #fff !important;
}

.heading-1 {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 54px;
  line-height: 59px;
  font-weight: 400;
  letter-spacing: -1.08px;
}

.heading-2 {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 45px;
  line-height: 49.5px;
  font-weight: 400;
  letter-spacing: -1.08px;
}

.heading-3 {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 35px;
  line-height: 38.5px;
  font-weight: 400;
  letter-spacing: -1.08px;
}

.heading-4 {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 30px;
  line-height: 33px;
  font-weight: 400;
}

.heading-5 {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 23px;
  line-height: 25px;
  font-weight: 400;
}

.heading-6 {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}

@media (max-width: 1099px) {
  .heading-1 {
    font-size: 45px;
    line-height: 49.5px;
  }
  .heading-2 {
    font-size: 36px;
    line-height: 39.5px;
  }
  .heading-3 {
    font-size: 27px;
    line-height: 29.7px;
  }
  .heading-4 {
    font-size: 20px;
    line-height: 22px;
  }
  .heading-5 {
    font-size: 18px;
    line-height: 19.8px;
  }
  .heading-6 {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (max-width: 619px) {
  .heading-1 {
    font-size: 35px;
    line-height: 38.5px;
  }
  .heading-2 {
    font-size: 30px;
    line-height: 33px;
  }
  .heading-3 {
    font-size: 25px;
    line-height: 27.5px;
  }
}
.display {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 1.875rem;
  line-height: 2.375rem;
  letter-spacing: -0.02em;
  color: #3f4040;
}
.display-xs, .menu-item-card__title {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #3f4040;
}
.display-sm {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 1.875rem;
  line-height: 2.375rem;
  letter-spacing: -0.02em;
  color: #3f4040;
}
.display-md {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 2.25rem;
  line-height: 2.75rem;
  letter-spacing: -0.02em;
  color: #3f4040;
}
.display-lg {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 3rem;
  line-height: 3.75rem;
  letter-spacing: -0.02em;
  color: #3f4040;
}
.display-xl {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 3.75rem;
  line-height: 4.5rem;
  letter-spacing: -0.02em;
  color: #3f4040;
}
.display-2xl {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 4.5rem;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #3f4040;
}
.display--300, .display-300 {
  font-weight: 300;
}
.display.--semibold, .display--500, .display--400 {
  font-weight: 400;
}
.display.--bold, .display--700 {
  font-weight: 700;
}
.display--white {
  color: #fff;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: unset;
  background: none;
}

@-moz-document url-prefix() {
  .display--gradient {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
  }
}
@media (min-width: 620px) {
  .display {
    font-size: 2.25rem;
    line-height: 2.75rem;
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1100px) {
  .display {
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 1099px) {
  .display-2xl--responsive {
    font-size: 3.75rem;
    line-height: 1.2;
  }
  .display-md--responsive {
    font-size: 1.875rem !important;
  }
}
@media (max-width: 619px) {
  .display-2xl--responsive {
    font-size: 2.25rem;
    line-height: 1.22;
  }
  .display-sm--responsive,
  .display-md--responsive {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 376px) {
  .xs--header-xs {
    font-size: 24px !important;
  }
  .xs--header-sm {
    font-size: 30px !important;
  }
  .xs--header-md {
    font-size: 36px !important;
  }
  .xs--header-lg {
    font-size: 48px !important;
  }
  .xs--header-xl {
    font-size: 60px !important;
  }
  .xs--header-2xl {
    font-size: 72px !important;
  }
}
@media (min-width: 620px) {
  .sm--header-xs {
    font-size: 24px !important;
  }
  .sm--header-sm {
    font-size: 30px !important;
  }
  .sm--header-md {
    font-size: 36px !important;
  }
  .sm--header-lg {
    font-size: 48px !important;
  }
  .sm--header-xl {
    font-size: 60px !important;
  }
  .sm--header-2xl {
    font-size: 72px !important;
  }
}
@media (min-width: 1100px) {
  .lg--header-xs {
    font-size: 24px !important;
  }
  .lg--header-sm {
    font-size: 30px !important;
  }
  .lg--header-md {
    font-size: 36px !important;
  }
  .lg--header-lg {
    font-size: 48px !important;
  }
  .lg--header-xl {
    font-size: 60px !important;
  }
  .lg--header-2xl {
    font-size: 72px !important;
  }
}
/* Base Text Size Classes */
.text-xs, .dot-badge-sm {
  font-size: 12px !important;
  line-height: 18px !important;
}

.text-sm, .dot-badge-md, .dot-badge-lg {
  font-size: 14px !important;
  line-height: 20px !important;
}

.text-md {
  font-size: 16px !important;
  line-height: 24px !important;
}

.text-lg {
  font-size: 18px !important;
  line-height: 28px !important;
}

.text-xl {
  font-size: 24px !important;
  line-height: 32px !important;
}

/* Utility classes for changing text sizes at breakpoint

	eg: class="text-md sm--text-lg" will change from text-md to text-lg at > sm breakpoint
*/
@media (min-width: 376px) {
  .xs--text-xs {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .xs--text-sm {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .xs--text-md {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .xs--text-lg {
    font-size: 18px !important;
    line-height: 28px !important;
  }
  .xs--text-xl {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
@media (min-width: 620px) {
  .sm--text-xs {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .sm--text-sm {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .sm--text-md {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .sm--text-lg {
    font-size: 18px !important;
    line-height: 28px !important;
  }
  .sm--text-xl {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
@media (min-width: 1100px) {
  .lg--text-xs {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .lg--text-sm {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .lg--text-md {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .lg--text-lg {
    font-size: 18px !important;
    line-height: 28px !important;
  }
  .lg--text-xl {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
.icon-xs {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.icon-sm {
  font-size: 1rem;
  line-height: 1.15rem;
}
.icon-md {
  font-size: 1.125rem;
  line-height: 1.175rem;
}
.icon-lg {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.icon-xl {
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.icon-xxl {
  font-size: 2rem;
  line-height: 3rem;
}

@media (min-width: 376px) {
  .xs--display-xs {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .xs--display-sm {
    font-size: 1.875rem !important;
    line-height: 2.375rem !important;
  }
  .xs--display-md {
    font-size: 2.25rem !important;
    line-height: 2.75rem !important;
  }
  .xs--display-lg {
    font-size: 3rem !important;
    line-height: 3.75rem !important;
  }
  .xs--display-xl {
    font-size: 3.75rem !important;
    line-height: 4.5rem !important;
  }
  .xs--display-2xl {
    font-size: 4.5rem !important;
    line-height: 1.2 !important;
  }
}
@media (min-width: 620px) {
  .sm--display-xs {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .sm--display-sm {
    font-size: 1.875rem !important;
    line-height: 2.375rem !important;
  }
  .sm--display-md {
    font-size: 2.25rem !important;
    line-height: 2.75rem !important;
  }
  .sm--display-lg {
    font-size: 3rem !important;
    line-height: 3.75rem !important;
  }
  .sm--display-xl {
    font-size: 3.75rem !important;
    line-height: 4.5rem !important;
  }
  .sm--display-2xl {
    font-size: 4.5rem !important;
    line-height: 1.2 !important;
  }
}
@media (min-width: 1100px) {
  .lg--display-xs {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .lg--display-sm {
    font-size: 1.875rem !important;
    line-height: 2.375rem !important;
  }
  .lg--display-md {
    font-size: 2.25rem !important;
    line-height: 2.75rem !important;
  }
  .lg--display-lg {
    font-size: 3rem !important;
    line-height: 3.75rem !important;
  }
  .lg--display-xl {
    font-size: 3.75rem !important;
    line-height: 4.5rem !important;
  }
  .lg--display-2xl {
    font-size: 4.5rem !important;
    line-height: 1.2 !important;
  }
}
.s-64 {
  font-size: 4rem;
}

.heading-sserif {
  font-size: 45px;
  color: #005db3;
}

.preheading-1 {
  font-size: 30px;
}

@media (max-width: 1099px) {
  .preheading-1 {
    font-size: 20px;
  }
}
.skip-nav {
  position: absolute;
  top: -100px;
  left: -100px;
  background: #000;
  color: #fff;
  padding: 0;
  margin: 0;
  z-index: 100;
  width: 0;
  height: 0;
  overflow: hidden;
}

.skip-nav:focus {
  top: 0;
}

.w-100 {
  width: 100% !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-linethrough {
  text-decoration: line-through !important;
}

.text-underline {
  text-decoration: underline !important;
}

.d-flex {
  display: flex !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.align-items-center {
  align-items: center !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-end {
  justify-content: end !important;
}

.d-contents {
  display: contents !important;
}

.d-none {
  display: none !important;
}

.position-relative {
  position: relative !important;
}

.list-style-none {
  list-style: none !important;
}

.btn-style-reset {
  border: 0;
  background: none;
}

.z-index-2 {
  position: relative !important;
  z-index: 2 !important;
}

.btn-reset {
  background: none;
  border: none;
}

.object-position-top {
  object-position: top center;
}

.overflow-hidden {
  overflow: hidden !important;
}

.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mt-8 {
  margin-top: 2rem !important;
}
.mt-10 {
  margin-top: 2.5rem !important;
}
.mt-12 {
  margin-top: 3rem !important;
}
.mt-16 {
  margin-top: 4rem !important;
}
.mt-20 {
  margin-top: 5rem !important;
}
.mt-24 {
  margin-top: 6rem !important;
}
.mt-32 {
  margin-top: 8rem !important;
}
.mt-40 {
  margin-top: 10rem !important;
}
.mt-48 {
  margin-top: 12rem !important;
}
.mt-56 {
  margin-top: 14rem !important;
}
.mt-64 {
  margin-top: 16rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.mb-10 {
  margin-bottom: 2.5rem !important;
}
.mb-12 {
  margin-bottom: 3rem !important;
}
.mb-16 {
  margin-bottom: 4rem !important;
}
.mb-20 {
  margin-bottom: 5rem !important;
}
.mb-24 {
  margin-bottom: 6rem !important;
}
.mb-32 {
  margin-bottom: 8rem !important;
}
.mb-40 {
  margin-bottom: 10rem !important;
}
.mb-48 {
  margin-bottom: 12rem !important;
}
.mb-56 {
  margin-bottom: 14rem !important;
}
.mb-64 {
  margin-bottom: 16rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-0 {
  margin-left: 0 !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 0.75rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.ml-5 {
  margin-left: 1.25rem !important;
}
.ml-6 {
  margin-left: 1.5rem !important;
}
.ml-8 {
  margin-left: 2rem !important;
}
.ml-10 {
  margin-left: 2.5rem !important;
}
.ml-12 {
  margin-left: 3rem !important;
}
.ml-16 {
  margin-left: 4rem !important;
}
.ml-20 {
  margin-left: 5rem !important;
}
.ml-24 {
  margin-left: 6rem !important;
}
.ml-32 {
  margin-left: 8rem !important;
}
.ml-40 {
  margin-left: 10rem !important;
}
.ml-48 {
  margin-left: 12rem !important;
}
.ml-56 {
  margin-left: 14rem !important;
}
.ml-64 {
  margin-left: 16rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-0 {
  margin-right: 0 !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mr-5 {
  margin-right: 1.25rem !important;
}
.mr-6 {
  margin-right: 1.5rem !important;
}
.mr-8 {
  margin-right: 2rem !important;
}
.mr-10 {
  margin-right: 2.5rem !important;
}
.mr-12 {
  margin-right: 3rem !important;
}
.mr-16 {
  margin-right: 4rem !important;
}
.mr-20 {
  margin-right: 5rem !important;
}
.mr-24 {
  margin-right: 6rem !important;
}
.mr-32 {
  margin-right: 8rem !important;
}
.mr-40 {
  margin-right: 10rem !important;
}
.mr-48 {
  margin-right: 12rem !important;
}
.mr-56 {
  margin-right: 14rem !important;
}
.mr-64 {
  margin-right: 16rem !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-5 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}
.mx-6 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-8 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-10 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}
.mx-12 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-16 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-20 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.mx-24 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}
.mx-32 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}
.mx-40 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}
.mx-48 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}
.mx-56 {
  margin-left: 14rem !important;
  margin-right: 14rem !important;
}
.mx-64 {
  margin-left: 16rem !important;
  margin-right: 16rem !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.my-12 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-16 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-20 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.my-24 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}
.my-32 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}
.my-40 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}
.my-48 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}
.my-56 {
  margin-top: 14rem !important;
  margin-bottom: 14rem !important;
}
.my-64 {
  margin-top: 16rem !important;
  margin-bottom: 16rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 0.75rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pt-5 {
  padding-top: 1.25rem !important;
}
.pt-6 {
  padding-top: 1.5rem !important;
}
.pt-8 {
  padding-top: 2rem !important;
}
.pt-10 {
  padding-top: 2.5rem !important;
}
.pt-12 {
  padding-top: 3rem !important;
}
.pt-16 {
  padding-top: 4rem !important;
}
.pt-20 {
  padding-top: 5rem !important;
}
.pt-24 {
  padding-top: 6rem !important;
}
.pt-32 {
  padding-top: 8rem !important;
}
.pt-40 {
  padding-top: 10rem !important;
}
.pt-48 {
  padding-top: 12rem !important;
}
.pt-56 {
  padding-top: 14rem !important;
}
.pt-64 {
  padding-top: 16rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pb-5 {
  padding-bottom: 1.25rem !important;
}
.pb-6 {
  padding-bottom: 1.5rem !important;
}
.pb-8 {
  padding-bottom: 2rem !important;
}
.pb-10 {
  padding-bottom: 2.5rem !important;
}
.pb-12 {
  padding-bottom: 3rem !important;
}
.pb-16 {
  padding-bottom: 4rem !important;
}
.pb-20 {
  padding-bottom: 5rem !important;
}
.pb-24 {
  padding-bottom: 6rem !important;
}
.pb-32 {
  padding-bottom: 8rem !important;
}
.pb-40 {
  padding-bottom: 10rem !important;
}
.pb-48 {
  padding-bottom: 12rem !important;
}
.pb-56 {
  padding-bottom: 14rem !important;
}
.pb-64 {
  padding-bottom: 16rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 0.75rem !important;
}
.pl-4 {
  padding-left: 1rem !important;
}
.pl-5 {
  padding-left: 1.25rem !important;
}
.pl-6 {
  padding-left: 1.5rem !important;
}
.pl-8 {
  padding-left: 2rem !important;
}
.pl-10 {
  padding-left: 2.5rem !important;
}
.pl-12 {
  padding-left: 3rem !important;
}
.pl-16 {
  padding-left: 4rem !important;
}
.pl-20 {
  padding-left: 5rem !important;
}
.pl-24 {
  padding-left: 6rem !important;
}
.pl-32 {
  padding-left: 8rem !important;
}
.pl-40 {
  padding-left: 10rem !important;
}
.pl-48 {
  padding-left: 12rem !important;
}
.pl-56 {
  padding-left: 14rem !important;
}
.pl-64 {
  padding-left: 16rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 0.75rem !important;
}
.pr-4 {
  padding-right: 1rem !important;
}
.pr-5 {
  padding-right: 1.25rem !important;
}
.pr-6 {
  padding-right: 1.5rem !important;
}
.pr-8 {
  padding-right: 2rem !important;
}
.pr-10 {
  padding-right: 2.5rem !important;
}
.pr-12 {
  padding-right: 3rem !important;
}
.pr-16 {
  padding-right: 4rem !important;
}
.pr-20 {
  padding-right: 5rem !important;
}
.pr-24 {
  padding-right: 6rem !important;
}
.pr-32 {
  padding-right: 8rem !important;
}
.pr-40 {
  padding-right: 10rem !important;
}
.pr-48 {
  padding-right: 12rem !important;
}
.pr-56 {
  padding-right: 14rem !important;
}
.pr-64 {
  padding-right: 16rem !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.px-12 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-16 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-20 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.px-24 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}
.px-32 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}
.px-40 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}
.px-48 {
  padding-left: 12rem !important;
  padding-right: 12rem !important;
}
.px-56 {
  padding-left: 14rem !important;
  padding-right: 14rem !important;
}
.px-64 {
  padding-left: 16rem !important;
  padding-right: 16rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-16 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-20 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.py-24 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.py-32 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}
.py-40 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}
.py-48 {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}
.py-56 {
  padding-top: 14rem !important;
  padding-bottom: 14rem !important;
}
.py-64 {
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}

@media (min-width: 619px) {
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 0.75rem !important;
  }
  .mt-sm-4 {
    margin-top: 1rem !important;
  }
  .mt-sm-5 {
    margin-top: 1.25rem !important;
  }
  .mt-sm-6 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-8 {
    margin-top: 2rem !important;
  }
  .mt-sm-10 {
    margin-top: 2.5rem !important;
  }
  .mt-sm-12 {
    margin-top: 3rem !important;
  }
  .mt-sm-16 {
    margin-top: 4rem !important;
  }
  .mt-sm-20 {
    margin-top: 5rem !important;
  }
  .mt-sm-24 {
    margin-top: 6rem !important;
  }
  .mt-sm-32 {
    margin-top: 8rem !important;
  }
  .mt-sm-40 {
    margin-top: 10rem !important;
  }
  .mt-sm-48 {
    margin-top: 12rem !important;
  }
  .mt-sm-56 {
    margin-top: 14rem !important;
  }
  .mt-sm-64 {
    margin-top: 16rem !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 0.75rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 1.25rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-10 {
    margin-bottom: 2.5rem !important;
  }
  .mb-sm-12 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-16 {
    margin-bottom: 4rem !important;
  }
  .mb-sm-20 {
    margin-bottom: 5rem !important;
  }
  .mb-sm-24 {
    margin-bottom: 6rem !important;
  }
  .mb-sm-32 {
    margin-bottom: 8rem !important;
  }
  .mb-sm-40 {
    margin-bottom: 10rem !important;
  }
  .mb-sm-48 {
    margin-bottom: 12rem !important;
  }
  .mb-sm-56 {
    margin-bottom: 14rem !important;
  }
  .mb-sm-64 {
    margin-bottom: 16rem !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ml-sm-3 {
    margin-left: 0.75rem !important;
  }
  .ml-sm-4 {
    margin-left: 1rem !important;
  }
  .ml-sm-5 {
    margin-left: 1.25rem !important;
  }
  .ml-sm-6 {
    margin-left: 1.5rem !important;
  }
  .ml-sm-8 {
    margin-left: 2rem !important;
  }
  .ml-sm-10 {
    margin-left: 2.5rem !important;
  }
  .ml-sm-12 {
    margin-left: 3rem !important;
  }
  .ml-sm-16 {
    margin-left: 4rem !important;
  }
  .ml-sm-20 {
    margin-left: 5rem !important;
  }
  .ml-sm-24 {
    margin-left: 6rem !important;
  }
  .ml-sm-32 {
    margin-left: 8rem !important;
  }
  .ml-sm-40 {
    margin-left: 10rem !important;
  }
  .ml-sm-48 {
    margin-left: 12rem !important;
  }
  .ml-sm-56 {
    margin-left: 14rem !important;
  }
  .ml-sm-64 {
    margin-left: 16rem !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mr-sm-3 {
    margin-right: 0.75rem !important;
  }
  .mr-sm-4 {
    margin-right: 1rem !important;
  }
  .mr-sm-5 {
    margin-right: 1.25rem !important;
  }
  .mr-sm-6 {
    margin-right: 1.5rem !important;
  }
  .mr-sm-8 {
    margin-right: 2rem !important;
  }
  .mr-sm-10 {
    margin-right: 2.5rem !important;
  }
  .mr-sm-12 {
    margin-right: 3rem !important;
  }
  .mr-sm-16 {
    margin-right: 4rem !important;
  }
  .mr-sm-20 {
    margin-right: 5rem !important;
  }
  .mr-sm-24 {
    margin-right: 6rem !important;
  }
  .mr-sm-32 {
    margin-right: 8rem !important;
  }
  .mr-sm-40 {
    margin-right: 10rem !important;
  }
  .mr-sm-48 {
    margin-right: 12rem !important;
  }
  .mr-sm-56 {
    margin-right: 14rem !important;
  }
  .mr-sm-64 {
    margin-right: 16rem !important;
  }
  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .mx-sm-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-sm-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .mx-sm-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-sm-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-sm-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-sm-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-sm-16 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-sm-20 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-sm-24 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-sm-32 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-sm-40 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
  .mx-sm-48 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
  .mx-sm-56 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }
  .mx-sm-64 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .my-sm-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .my-sm-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-sm-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-16 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-sm-20 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-sm-24 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-sm-32 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-sm-40 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .my-sm-48 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
  .my-sm-56 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }
  .my-sm-64 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }
}
.text-white {
  color: #fff !important;
}

.text-black {
  color: #000 !important;
}

.text-gray-950 {
  color: #0f0f0f !important;
}

.text-gray-900 {
  color: #141414 !important;
}

.text-gray-800 {
  color: #292929 !important;
}

.text-gray-700 {
  color: #3f4040 !important;
}

.text-gray-600 {
  color: #525252 !important;
}

.text-gray-500 {
  color: #737373 !important;
}

.text-gray-400 {
  color: #a3a3a3 !important;
}

.text-gray-300 {
  color: #d6d6d6 !important;
}

.text-gray-200 {
  color: #e5e5e5 !important;
}

.text-gray-100 {
  color: #f5f5f5 !important;
}

.text-gray-50 {
  color: #f7f7f7 !important;
}

.text-gray-25 {
  color: #fcfcfc !important;
}

.text-brand-950 {
  color: #00303d !important;
}

.text-brand-900 {
  color: #005971 !important;
}

.text-brand-800 {
  color: #006b88 !important;
}

.text-brand-700 {
  color: #008eb5 !important;
}

.text-brand-600 {
  color: #00a0cb !important;
}

.text-brand-500 {
  color: #00b2e3 !important;
}

.text-brand-400 {
  color: #33c1e8 !important;
}

.text-brand-300 {
  color: #67e3f9 !important;
}

.text-brand-200 {
  color: #a5f0fc !important;
}

.text-brand-100 {
  color: #cff9fe !important;
}

.text-brand-50 {
  color: #ecfdff !important;
}

.text-brand-25 {
  color: #f5feff !important;
}

.text-error-950 {
  color: #55160c !important;
}

.text-error-900 {
  color: #7a271a !important;
}

.text-error-800 {
  color: #912018 !important;
}

.text-error-700 {
  color: #b42318 !important;
}

.text-error-600 {
  color: #d92d20 !important;
}

.text-error-500 {
  color: #f04438 !important;
}

.text-error-400 {
  color: #f97066 !important;
}

.text-error-300 {
  color: #fda29b !important;
}

.text-error-200 {
  color: #fecdca !important;
}

.text-error-100 {
  color: #fee4e2 !important;
}

.text-error-50 {
  color: #fef3f2 !important;
}

.text-error-25 {
  color: #fffbfa !important;
}

.text-warning-950 {
  color: #4e1d09 !important;
}

.text-warning-900 {
  color: #7a2e0e !important;
}

.text-warning-800 {
  color: #93370d !important;
}

.text-warning-700 {
  color: #b54708 !important;
}

.text-warning-600 {
  color: #dc6803 !important;
}

.text-warning-500 {
  color: #f79009 !important;
}

.text-warning-400 {
  color: #fdb022 !important;
}

.text-warning-300 {
  color: #fec84b !important;
}

.text-warning-200 {
  color: #fedf89 !important;
}

.text-warning-100 {
  color: #fef0c7 !important;
}

.text-warning-50 {
  color: #fffaeb !important;
}

.text-warning-25 {
  color: #fffcf5 !important;
}

.text-success-950 {
  color: #053321 !important;
}

.text-success-900 {
  color: #074d31 !important;
}

.text-success-800 {
  color: #085d3a !important;
}

.text-success-700 {
  color: #067647 !important;
}

.text-success-600 {
  color: #079455 !important;
}

.text-success-500 {
  color: #17b26a !important;
}

.text-success-400 {
  color: #47cd89 !important;
}

.text-success-300 {
  color: #75e0a7 !important;
}

.text-success-200 {
  color: #abefc6 !important;
}

.text-success-100 {
  color: #dcfae6 !important;
}

.text-success-50 {
  color: #ecfdf3 !important;
}

.text-success-25 {
  color: #f6fef9 !important;
}

.text-gold-950 {
  color: #684a19 !important;
}

.text-gold-900 {
  color: #936924 !important;
}

.text-gold-800 {
  color: #b4802c !important;
}

.text-gold-700 {
  color: #d09433 !important;
}

.text-gold-600 {
  color: #e9a539 !important;
}

.text-gold-500 {
  color: #ffb53e !important;
}

.text-gold-400 {
  color: #ffc376 !important;
}

.text-gold-300 {
  color: #ffd19c !important;
}

.text-gold-200 {
  color: #ffddba !important;
}

.text-gold-100 {
  color: #ffe9d3 !important;
}

.text-gold-50 {
  color: #fff4ea !important;
}

.text-gold-25 {
  color: #fff9f3 !important;
}

.text-true-blue-950 {
  color: #002a50 !important;
}

.text-true-blue-900 {
  color: #003b71 !important;
}

.text-true-blue-800 {
  color: #00488b !important;
}

.text-true-blue-700 {
  color: #0053a0 !important;
}

.text-true-blue-600 {
  color: #005db3 !important;
}

.text-true-blue-500 {
  color: #0066c4 !important;
}

.text-true-blue-400 {
  color: #688ccf !important;
}

.text-true-blue-300 {
  color: #93a9d9 !important;
}

.text-true-blue-200 {
  color: #b4c2e3 !important;
}

.text-true-blue-100 {
  color: #d0d8ed !important;
}

.text-true-blue-50 {
  color: #e9edf6 !important;
}

.text-true-blue-25 {
  color: #f2f4fa !important;
}

.text-green-950 {
  color: #00331c !important;
}

.text-green-900 {
  color: #004928 !important;
}

.text-green-800 {
  color: #005931 !important;
}

.text-green-700 {
  color: #006738 !important;
}

.text-green-600 {
  color: #00733f !important;
}

.text-green-500 {
  color: #007e45 !important;
}

.text-green-400 {
  color: #689b7a !important;
}

.text-green-300 {
  color: #93b49e !important;
}

.text-green-200 {
  color: #b4c9bb !important;
}

.text-green-100 {
  color: #d0dcd4 !important;
}

.text-green-50 {
  color: #e9eeeb !important;
}

.text-green-25 {
  color: #f2f5f3 !important;
}

.text-teal-950 {
  color: #00453f !important;
}

.text-teal-900 {
  color: #00625a !important;
}

.text-teal-800 {
  color: #00786e !important;
}

.text-teal-700 {
  color: #008a7e !important;
}

.text-teal-600 {
  color: #009a8e !important;
}

.text-teal-500 {
  color: #00a99b !important;
}

.text-teal-400 {
  color: #68bab0 !important;
}

.text-teal-300 {
  color: #93cac2 !important;
}

.text-teal-200 {
  color: #b4d8d3 !important;
}

.text-teal-100 {
  color: #d0e6e3 !important;
}

.text-teal-50 {
  color: #e9f3f1 !important;
}

.text-teal-25 {
  color: #f2f8f7 !important;
}

.text-medium-teal-950 {
  color: #003d41 !important;
}

.text-medium-teal-900 {
  color: #00565c !important;
}

.text-medium-teal-800 {
  color: #006971 !important;
}

.text-medium-teal-700 {
  color: #007a83 !important;
}

.text-medium-teal-600 {
  color: #008892 !important;
}

.text-medium-teal-500 {
  color: #0095a0 !important;
}

.text-medium-teal-400 {
  color: #68abb3 !important;
}

.text-medium-teal-300 {
  color: #93bfc5 !important;
}

.text-medium-teal-200 {
  color: #b4d1d5 !important;
}

.text-medium-teal-100 {
  color: #d0e1e4 !important;
}

.text-medium-teal-50 {
  color: #e9f1f2 !important;
}

.text-medium-teal-25 {
  color: #f2f6f7 !important;
}

.text-dark-teal-950 {
  color: #003036 !important;
}

.text-dark-teal-900 {
  color: #00444c !important;
}

.text-dark-teal-800 {
  color: #00535d !important;
}

.text-dark-teal-700 {
  color: #00606c !important;
}

.text-dark-teal-600 {
  color: #006c79 !important;
}

.text-dark-teal-500 {
  color: #007684 !important;
}

.text-dark-teal-400 {
  color: #68969f !important;
}

.text-dark-teal-300 {
  color: #93b0b7 !important;
}

.text-dark-teal-200 {
  color: #b4c7cb !important;
}

.text-dark-teal-100 {
  color: #d0dbde !important;
}

.text-dark-teal-50 {
  color: #e9eeef !important;
}

.text-dark-teal-25 {
  color: #f2f5f5 !important;
}

.text-fuchsia-950 {
  color: #47104c !important;
}

.text-fuchsia-900 {
  color: #6f1877 !important;
}

.text-fuchsia-800 {
  color: #821890 !important;
}

.text-fuchsia-700 {
  color: #9f1ab1 !important;
}

.text-fuchsia-600 {
  color: #ba24d5 !important;
}

.text-fuchsia-500 {
  color: #d444f1 !important;
}

.text-fuchsia-400 {
  color: #e478fa !important;
}

.text-fuchsia-300 {
  color: #eeaafd !important;
}

.text-fuchsia-200 {
  color: #f6d0fe !important;
}

.text-fuchsia-100 {
  color: #fbe8ff !important;
}

.text-fuchsia-50 {
  color: #fdf4ff !important;
}

.text-fuchsia-25 {
  color: #fefaff !important;
}

.text-violet-950 {
  color: #2e125e !important;
}

.text-violet-900 {
  color: #491c96 !important;
}

.text-violet-800 {
  color: #5720b7 !important;
}

.text-violet-700 {
  color: #6927da !important;
}

.text-violet-600 {
  color: #7839ee !important;
}

.text-violet-500 {
  color: #875bf7 !important;
}

.text-violet-400 {
  color: #a48afb !important;
}

.text-violet-300 {
  color: #c3b5fd !important;
}

.text-violet-200 {
  color: #ddd6fe !important;
}

.text-violet-100 {
  color: #ece9fe !important;
}

.text-violet-50 {
  color: #f5f3ff !important;
}

.text-violet-25 {
  color: #fbfaff !important;
}

.text-body {
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif !important;
}

.text-heading {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif !important;
}

.animation-delay--250 {
  animation-delay: 250ms !important;
}

*:not(input):focus-visible,
input[type=radio]:focus-visible {
  outline: 3px solid #141414 !important;
  outline-offset: 1px;
}

/* base /_blurs.scss */
.bg-blur-sm-light {
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(4px);
}

.bg-blur-md-light {
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
}

.bg-blur-lg-light {
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(12px);
}

.bg-blur-xl-light {
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(20px);
}

.bg-blur-sm-dark {
  background-color: rgba(52, 64, 84, 0.6);
  backdrop-filter: blur(4px);
}

.bg-blur-md-dark {
  background-color: rgba(52, 64, 84, 0.6);
  backdrop-filter: blur(8px);
}

.bg-blur-lg-dark {
  background-color: rgba(52, 64, 84, 0.6);
  backdrop-filter: blur(12px);
}

.bg-blur-xl-dark {
  background-color: rgba(52, 64, 84, 0.6);
  backdrop-filter: blur(20px);
}

/* Additonal Base Stylesheets */
/*
This file is used to contain all components imports.
Files inside this folder can contain styles for reusable components.
*/
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 16px;
  list-style: none;
}
.breadcrumb.breadcrumb-mobile {
  display: none;
}

.breadcrumb__item {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.breadcrumb__item:not(.--active):hover > .breadcrumb__link {
  background-color: #ecfdff;
  color: #006b88;
  cursor: pointer;
  border-radius: 3px;
}
.breadcrumb__item:not(:last-child)::after {
  content: "/";
  margin-left: 8px;
}

.breadcrumb__item.--active {
  font-weight: 700;
  cursor: default !important;
  color: #141414;
}

.breadcrumb__link {
  padding: 4px 8px;
}

.breadcrumb-dark .breadcrumb__item, .breadcrumb-dark .breadcrumb__link {
  color: #fff;
}
.breadcrumb-dark .breadcrumb__item:not(.--active):hover > .breadcrumb__link, .breadcrumb-dark .breadcrumb__link:not(.--active):hover > .breadcrumb__link {
  color: #f7f7f7;
  background-color: #3f4040;
}

@media (max-width: 619px) {
  .breadcrumb.breadcrumb-mobile {
    display: flex;
  }
  .breadcrumb.breadcrumb-desktop {
    display: none;
  }
  .breadcrumb__item::before {
    content: "\f0d9";
    font: var(--fa-font-sharp-solid);
    margin-left: 8px;
  }
  .breadcrumb__item::after {
    content: "";
  }
}
.dd-menu {
  position: relative;
}

.dropdown-button .dd-menu_button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
}
.dropdown-button .dd-menu_button::after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 700;
  font-size: 1rem;
  margin-left: 0.5rem;
}
.dropdown-button.show .dd-menu_button::after {
  content: "\f0d8";
}

.dd-menu_content {
  display: none;
  position: absolute;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  z-index: 1;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  flex: none;
  flex-grow: 0;
  margin-top: 10px;
}
.dd-menu_content.right {
  right: 0;
}
.dd-menu_content.show {
  display: flex;
}
.dd-menu_content .dd-menu_item {
  white-space: nowrap;
  color: #3f4040;
  padding: 1rem;
  width: 100%;
}
.dd-menu_content .dd-menu_item:hover {
  background-color: #f5f5f5;
}
.dd-menu_content .dd-menu_item:hover.disabled, .dd-menu_content .dd-menu_item:hover:disabled {
  background-color: initial;
}
.dd-menu_content .dd-menu_item:disabled, .dd-menu_content .dd-menu_item.disabled {
  color: #d6d6d6;
}

/* components /_buttons.scss */
/* Button sizes. All buttons must use one of these and a button color.
  eg:
  <button class="btn btn-md btn-primary">
    <div class="btn__content">
      <i class="fa fa-archive btn__icon"></i>
      Button CTA Text
      <i class="fa fa-chevron-right btn__indicator"></i>
    </div>
  </button>
*/
.btn-sm {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 8px 18px;
}

.btn-md {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 24px;
}

.btn-lg {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  padding: 12px 32px;
}

.btn-xl {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  padding: 20px 38px;
}

.btn-2xl {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  padding: 24px 40px;
}

@media (max-width: 1099px) {
  .btn-2xl:not(.btn--no-resize, .btn-link), .btn-xl:not(.btn--no-resize, .btn-link) {
    padding: 12px 32px;
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 619px) {
  .btn-2xl:not(.btn--no-resize, .btn-link), .btn-xl:not(.btn--no-resize, .btn-link), .btn-lg:not(.btn--no-resize, .btn-link), .btn-md:not(.btn--no-resize, .btn-link) {
    padding: 8px 18px;
    font-size: 14px;
    line-height: 20px;
  }
}
.btn__content {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  transition: transform 0.2s ease-out;
  white-space: nowrap;
}
.btn__content.--word-wrap {
  white-space: pre-wrap;
}

.btn.--word-wrap, .btn-link.--word-wrap {
  white-space: pre-wrap;
}

.btn__icon {
  margin-right: 8px;
  position: relative;
  z-index: 2;
  transition: margin-right 0.2s ease-out;
}

.btn__indicator {
  margin-left: 16px;
  margin-right: 8px;
  z-index: 2;
  transition: transform 0.2s ease-out;
  padding-inline-start: 0;
}

@media (max-width: 375px) {
  .btn__indicator {
    margin-left: 9px;
  }
}
.btn {
  position: relative;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden;
  transition: box-shadow 0.2s ease-out;
  white-space: nowrap;
}
.btn:disabled {
  background: #f5f5f5;
  color: #525252;
  cursor: default !important;
}
.btn.full-width {
  width: 100%;
}
.btn:focus-visible {
  outline: 3px solid #141414 !important;
  outline-offset: 1px;
}
.btn:not(:disabled):hover .btn__indicator, .btn:not(:disabled):focus-visible .btn__indicator {
  transform: translateX(8px);
}

.btn-primary {
  background: #3f4040;
  color: #fff;
  border: 0;
}
.btn-primary:not(:disabled):hover, .btn-primary:not(:disabled):focus-visible {
  background-color: #141414;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.3), 0px 4px 6px -2px rgba(20, 20, 20, 0.1);
}

.btn-secondary {
  background-color: #fff;
  color: #005971;
  border: 1px solid #d6d6d6;
  min-width: max-content;
}
.btn-secondary:not(:disabled):hover, .btn-secondary:not(:disabled):focus-visible {
  color: #006b88;
  background-color: #f5feff;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
}

.btn-outline {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}

.btn-tertiary {
  background-color: #0066c4;
  color: #fff;
  border: 0;
}
.btn-tertiary:not(:disabled):hover, .btn-tertiary:not(:disabled):focus-visible {
  background-color: #00488b;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.3), 0px 4px 6px -2px rgba(20, 20, 20, 0.1);
}

.btn-error {
  background-color: #d92d20;
  border: 0;
  color: #fff;
}
.btn-error:not(:disabled):hover, .btn-error:not(:disabled):focus-visible {
  background-color: #b42318;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.3), 0px 4px 6px -2px rgba(20, 20, 20, 0.1);
}

.btn-error-secondary {
  background-color: #fff;
  color: #b42318;
  border: solid 1px #fda29b;
}
.btn-error-secondary:not(:disabled):hover, .btn-error-secondary:not(:disabled):focus-visible {
  background-color: #fef3f2;
  border-color: #fef3f2;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
}

.btn-primary-blue {
  background: linear-gradient(90deg, #33c1e8 0%, #00a0cb 100%);
  color: #fff;
  border: 0;
}
.btn-primary-blue:not(:disabled):hover, .btn-primary-blue:not(:disabled):focus-visible {
  background-color: #f5feff;
}

.btn-white {
  background-color: #fff;
  color: #3f4040;
  border: 1px solid #d6d6d6;
}
.btn-white:not(:disabled):hover, .btn-white:not(:disabled):focus-visible {
  background-color: #f7f7f7;
}

.btn-white-blue {
  background-color: #fff;
  color: #3f4040;
  border: 1px solid #d6d6d6;
}
.btn-white-blue:not(:disabled):hover, .btn-white-blue:not(:disabled):focus-visible {
  background-color: #cff9fe;
  box-shadow: 0px 1px 2px 0px rgba(20, 20, 20, 0.05);
  border: none;
}

.btn-secondary-gray {
  background-color: #fff;
  color: #3f4040;
  border: solid 1px #e5e5e5;
}
.btn-secondary-gray::before {
  background-color: #cff9fe;
}
.btn-secondary-gray:not(:disabled):hover, .btn-secondary-gray:not(:disabled):focus-visible {
  border: solid 1px #cff9fe;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.btn-secondary-gray:active, .btn-secondary-gray:focus {
  outline: solid 4px #f5f5f5;
}
.btn-secondary-gray:disabled {
  color: #d6d6d6;
}

.btn-error-outline {
  background-color: #fff;
  color: #b42318;
  border: solid 1px #fef3f2;
}

@media (max-width: 1099px) {
  .btn--tablet-full {
    width: 100%;
  }
}
@media (max-width: 619px) {
  .btn--mobile-full {
    width: 100%;
  }
}
/* 
  Button text links. These do not use the .btn class. Just a size, and .btn-link
  eg: 
  <button class="btn-link btn-md">
    <span class="btn-link__content">
      Button CTA
      <i class="btn__indicator fa fa-chevron-right"></i>
    </span>
  </button>
*/
.btn-link {
  background: none;
  color: #3f4040;
  font-weight: 600;
  position: relative;
  border: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 3px;
  cursor: pointer;
  width: fit-content;
  display: inline-block;
  white-space: nowrap;
}
.btn-link-white {
  color: #fff;
}
.btn-link__content {
  display: inline-block;
  transition: transform 0.2s ease-out;
  transform: translateY(0);
}
.btn-link::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  transition: width 0.2s ease-out;
}
.btn-link.closer-line::after {
  bottom: 2px;
}
.btn-link:not(:disabled):hover::after, .btn-link:not(:disabled):focus-visible::after {
  width: 100%;
}
.btn-link:not(:disabled):hover .btn__indicator, .btn-link:not(:disabled):focus-visible .btn__indicator {
  transform: translateX(8px);
}
.btn-link:disabled, .btn-link:disabled:hover {
  color: #d6d6d6;
}
.btn-link:disabled::after, .btn-link:disabled:hover::after {
  content: none;
}
.btn-link.--primary, .btn-link--primary, .btn-link-primary {
  color: #006b88;
}
.btn-link.--primary:not(:disabled):hover, .btn-link.--primary:not(:disabled):focus-visible, .btn-link--primary:not(:disabled):hover, .btn-link--primary:not(:disabled):focus-visible, .btn-link-primary:not(:disabled):hover, .btn-link-primary:not(:disabled):focus-visible {
  color: #00303d;
}
.btn-link-white {
  color: #fff;
}
.btn-link-white::after {
  background-color: #fff;
}
.btn-link-white:not(:disabled):hover, .btn-link-white:not(:disabled):focus-visible {
  color: #fff;
}
.btn-link:active, .btn-link:focus {
  outline: none;
}
.btn-link.btn-sm, .btn-link.btn-md, .btn-link.btn-lg, .btn-link.btn-xl, .btn-link.btn-xxl {
  padding-top: 3px;
}

.text-button {
  background-color: transparent;
  border: none;
  outline: none;
  color: #fff;
}

.language-button {
  font-size: 0.75rem;
  background-color: #525252;
  border: none;
  color: #fff;
  border-radius: 50%;
  padding: 7px;
}

.download-link {
  font-family: "Helvetica";
  font-size: 16px;
  font-weight: 700;
  color: #006b88;
  position: relative;
  display: inline-block;
  width: fit-content;
  transition: transform 0.3s ease-out;
}
.download-link:not(:disabled):hover {
  transform: translateY(-3px);
}
.download-link::before {
  content: "\f019";
  margin-right: 10px;
  font-family: "Font Awesome 5 Pro";
}
.download-link::after {
  content: "";
  display: block;
  border-bottom: 1px solid #008eb5;
  margin-top: 3px;
  width: 0;
  transition: all 0.3s ease-out;
}
.download-link:not(:disabled):hover::after {
  content: "";
  display: block;
  border-bottom: 1px solid #008eb5;
  margin-top: 3px;
  width: 100%;
  transform: translateY(3px);
}

.text-link {
  color: inherit;
  text-decoration: underline;
  font-weight: 600;
  text-align: left;
}
.text-link:not(:disabled):hover {
  opacity: 0.9;
}
.text-link--primary {
  color: #006b88;
}
.text-link--primary:not(:disabled):hover {
  color: #005971;
  text-decoration: underline;
}

.btn-icon {
  padding: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 0.875rem;
  color: #006b88;
  border: none;
  outline: none;
  background: none;
}
.btn-icon .tooltip__icon {
  color: inherit;
}
.btn-icon:not(:disabled):hover {
  background-color: #fff;
}
.btn-icon:not(:disabled):hover .tooltip__icon {
  color: inherit;
}
.btn-icon:disabled, .btn-icon:disabled:hover, .btn-icon:disabled .tooltip__icon:hover {
  color: #d6d6d6;
}

.icon-container {
  display: flex;
  white-space: nowrap;
}

.btn-trash,
.btn-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
  outline: none;
}
.btn-trash--md,
.btn-cart--md {
  width: 42px;
  height: 40px;
  font-size: 30px;
  border-radius: 5px;
}
.btn-trash--light i,
.btn-cart--light i {
  color: #00b2e3;
}
.btn-trash--light:not(:disabled):hover,
.btn-cart--light:not(:disabled):hover {
  background-color: #ecfdff;
}

.btn-grey-simple {
  display: flex;
  padding: 0.5625rem 0.625rem;
  align-items: center;
  inline-size: 100%;
  border-radius: 8px;
}
.btn-grey-simple:not(:disabled):hover {
  background-color: #f7f7f7;
}

.close-button {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  color: #fff;
  font-size: 1.25rem;
}
.close-button--bg {
  background-color: #fff;
  opacity: 0.15;
}

.btn-download {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 16px;
  padding: 20px 38px;
  max-width: fit-content;
}
.btn-download i {
  font-weight: 900;
}

@media (max-width: 619px) {
  .btn-download {
    font-size: 14px;
    padding: 8px 18px;
  }
}
.btn-xl-xl-sm {
  font-size: 16px;
  font-weight: 600;
  padding: 20px 38px;
  white-space: nowrap;
}

@media (max-width: 619px) {
  .btn-xl-xl-sm {
    font-size: 14px;
    padding: 8px 18px;
  }
}
/*
 <div class="select select--label">
   <label>Show: </label>
   <select class="select__input" name="show-select">
     <option value="1">1</option>
     <option value="10">10</option>
     <option value="25">25</option>
     <option value="50">50</option>
   </select>
 </div>
 */
.select-sm .select__input {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 18px;
}

.select-md .select__input {
  font-size: 16px;
  line-height: 24px;
  padding: 12px 14px;
}

.btn-select {
  position: relative;
  margin-block: 6px;
}
.btn-select__input {
  padding: 8px 18px;
  padding-right: 43px;
  background-color: #fff;
  color: #005971;
  font-weight: 600;
  border: solid 1px #d6d6d6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-overflow: "";
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border-radius: 9999px;
}
.btn-select::after {
  content: "\f078";
  font: var(--fa-font-regular);
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #005971;
  pointer-events: none;
}
.btn-select--label {
  min-width: fit-content;
  display: flex;
  align-items: center;
  padding-inline: 14px 5px;
  font-size: 0.875rem;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 9999px;
}
.btn-select--label .btn-select__input {
  border: none;
  outline: none;
  box-shadow: none;
  font-size: inherit;
  font-weight: inherit;
  min-width: fit-content;
}
.btn-select--label label {
  padding-block: 10px;
  padding-inline: 10px 0;
  border: none;
  font-size: 16px;
  line-height: 24px;
  font-size: inherit;
  font-weight: inherit;
}
.btn-select-sm .btn-select__input {
  padding: 8px 18px;
  padding-right: 43px;
  font-size: 14px;
  line-height: 20px;
}

.select {
  position: relative;
}
.select__input {
  padding: 8px 12px;
  padding-right: 43px;
  background-color: #fff;
  color: #737373;
  border: solid 1px #d6d6d6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  text-overflow: "";
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border-radius: 6px;
}
.select__input:active, .select__input:focus, .select__input:focus-within {
  border-color: #00a0cb;
  outline: 0;
  box-shadow: 0px 3px 3px 1px rgba(0, 142, 181, 0.08), 0px 5px 8px 3px rgba(0, 142, 181, 0.03);
  color: #141414;
}
.select__input.input--md, .select__input.password-input {
  padding: 12px 14px;
}
.select__input.input--lg {
  padding: 14px;
}
.select::after {
  content: "\f078";
  font: var(--fa-font-regular);
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #737373;
  pointer-events: none;
}
.select--label {
  min-width: fit-content;
  display: flex;
  align-items: center;
  padding-inline: 14px 5px;
  font-size: 0.875rem;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #d6d6d6;
}
.select--label .select__input {
  border: none;
  outline: none;
  box-shadow: none;
  font-size: inherit;
  font-weight: inherit;
  min-width: fit-content;
}
.select--label label {
  padding-block: 10px;
  padding-inline: 10px 0;
  background-color: #fff;
  border: none;
  font-size: 16px;
  line-height: 24px;
  font-size: inherit;
  font-weight: inherit;
}

.select::-ms-expand {
  display: none;
}

/*
  Example checkbox implementation:
  <label class="checkbox checkbox-sm">
    <input type="checkbox"/>
    <span class="checkmark"></span>
    All Products
  </label>

  Label acts as the container. Must include a size class (eg: .checkbox-sm). 
  Default input gets hidden and span.checkmark takes it place.
*/
.checkbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  cursor: pointer;
}
.checkbox:focus-within .checkmark {
  outline: 3px solid #141414 !important;
  outline-offset: 1px;
}
.checkbox:hover > .checkmark {
  background-color: #cff9fe;
  border-color: #00a0cb;
  transition: background-color 0.2s;
}
.checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
}
.checkbox input[type=checkbox]:checked + .checkmark:after {
  content: "\f00c";
  font: var(--fa-font-regular);
  color: #00a0cb;
}
.checkbox input[type=checkbox]:checked + .checkmark {
  background-color: #cff9fe;
  border-color: #00a0cb;
  transition: background-color 0.2s;
}
.checkbox-sm {
  font-size: 14px;
}
.checkbox-sm .checkmark {
  height: 16px;
}
.checkbox-md {
  font-size: 16px;
}
.checkbox-md .checkmark {
  height: 20px;
}
.checkbox__label {
  font-weight: 500;
}

.checkmark {
  border: solid 1px #d6d6d6;
  border-radius: 2px;
  background-color: #fff;
  display: inline-block;
  position: relative;
  cursor: pointer;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkmark:hover {
  background-color: #cff9fe;
  border-color: #00a0cb;
  transition: background-color 0.2s;
}
.checkmark:active, .checkmark:focus {
  border-color: #00a0cb;
  outline: solid 4px #cff9fe;
}
.checkmark:disabled {
  background-color: #f5f5f5;
  border-color: #d6d6d6;
}

.input-text, .password-input,
.input-textarea {
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  padding: 8px 12px;
  background-color: #fff;
  color: #141414;
  display: block;
  line-height: 1.5;
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  font-size: 1rem;
}
.input-text.input--md, .password-input,
.input-textarea.input--md {
  padding: 12px 14px;
}
.input-text.input--lg, .input--lg.password-input,
.input-textarea.input--lg {
  padding: 14px;
}
.input-text:not(.input-text--error, .password-input--error, :disabled):hover, .password-input:not(.input-text--error, .password-input--error, :disabled):hover,
.input-textarea:not(.input-text--error, .password-input--error, :disabled):hover {
  border-color: #737373;
}
.input-text:not(.input-text--error, .password-input--error, .input-group__input, :disabled):active, .password-input:not(.input-text--error, .password-input--error, .input-group__input, :disabled):active,
.input-textarea:not(.input-text--error, .password-input--error, .input-group__input, :disabled):active {
  border-color: #00a0cb;
  box-shadow: 0px 3px 3px 1px rgba(0, 142, 181, 0.08), 0px 5px 8px 3px rgba(0, 142, 181, 0.03);
}
.input-text:focus-visible:not(.search-input), .password-input:focus-visible:not(.search-input),
.input-textarea:focus-visible:not(.search-input) {
  outline: 3px solid #141414 !important;
  outline-offset: 1px;
}
.input-text:not(.input-group__input):disabled, .password-input:not(.input-group__input):disabled,
.input-textarea:not(.input-group__input):disabled {
  background-color: #f5f5f5;
  color: #525252;
}
.input-text--error, .password-input--error,
.input-textarea--error {
  border-color: #f04438 !important;
}
.input-text--error:not(select, input[type=date], .password-input--error), .password-input--error:not(select, input[type=date], .password-input--error),
.input-textarea--error:not(select, input[type=date], .password-input--error) {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0-24 0 0-48 24 0 48 0 24 0 0 24 0 88 8 0 24 0 0 48-24 0-80 0-24 0 0-48 24 0zm72-144l-64 0 0-64 64 0 0 64z" fill="rgb(180,35,24)"/></svg>');
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.input-text--error:focus, .password-input--error:focus, .input-text--error:active:not(:disabled), .password-input--error:active:not(:disabled), .input-text--error:focus-within, .password-input--error:focus-within,
.input-textarea--error:focus,
.input-textarea--error:active:not(:disabled),
.input-textarea--error:focus-within {
  border-color: #f04438 !important;
}

.input-label {
  text-transform: uppercase;
  color: #3f4040;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.form-inputs-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #737373;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #737373;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #737373;
}

.input-label {
  font-size: 14px;
  color: #3f4040;
}

.input-helper-text {
  font-size: 14px;
  line-height: 20px;
}

.search-input__clear span {
  font-weight: 600 !important;
}

.search-input:placeholder-shown + .search-input__clear {
  display: none;
}

.date-input {
  display: block;
  height: 45px;
  width: 100%;
  border: 1px solid #d6d6d6;
  border-radius: 0;
  font-size: 1rem;
  padding: 0 15px;
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-weight: 300;
}

input[type=radio] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: #00a0cb;
}

.input-group {
  display: flex;
  align-items: center;
  gap: 8px;
  border: solid 1px #d6d6d6;
  padding: 12px 14px;
  background-color: #fff;
}
.input-group__left, .input-group__right {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
}
.input-group__input {
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  background-color: transparent;
}
.input-group__input:focus, .input-group__input:active {
  border: 0;
  box-shadow: none;
  outline: 0;
}
.input-group:focus-within {
  border-color: #00a0cb;
  box-shadow: 0px 3px 3px 1px rgba(0, 142, 181, 0.08), 0px 5px 8px 3px rgba(0, 142, 181, 0.03);
}
.input-group:has(.input-text:disabled, .password-input:disabled) {
  background-color: #f5f5f5;
  color: #525252;
}

.input-group {
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  padding: 8px 12px;
}
.input-group input {
  font-size: 1rem;
  font-weight: 400;
  width: 100%;
}

.product-card {
  background-color: #f7f7f7;
  border-radius: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-card__hover-info-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(100%);
  transition: transform 200ms ease-in, opacity 200ms ease-in, visibility 0ms 200ms;
  background-color: #f7f7f7;
  padding: 32px;
  font-size: 14px;
  line-height: 20px;
  visibility: hidden;
  opacity: 0;
  display: grid;
  place-content: center;
}

.product-card__top:hover .product-card__hover-info-container,
.product-card__top:focus-visible .product-card__hover-info-container {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  transition: transform 200ms ease-in, opacity 200ms ease-in;
}

.product-card__top:hover:not(:has(.product-card__hover-info-container)) .product-card__img,
.product-card__top:focus-visible:not(:has(.product-card__hover-info-container)) .product-card__img {
  transform: scale(1.05);
}

.product-card__hover-info {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
  margin-bottom: -1px;
  line-height: 1.5;
}
.product-card__hover-info ul {
  list-style: disc;
  margin-left: 1rem;
  margin-left: 1rem;
}
.product-card__hover-info sup {
  font-size: 0.6em;
}

.product-card__hover-info-learn-more {
  text-decoration: underline;
  font-weight: 700;
  margin-left: 1rem;
  position: relative;
  top: 6px;
  line-height: 1;
}

.product-card__badge {
  position: absolute;
  top: 16px;
  left: 16px;
}

.product-card__top {
  display: block;
  height: 100%;
  width: 100%;
  max-height: 240px;
  padding: 16px 16px 32px 16px;
  position: relative;
  overflow: hidden;
}

.product-card__img {
  width: 100%;
  object-fit: contain;
  aspect-ratio: 1;
  height: 100%;
  cursor: pointer;
  transition: transform 200ms ease-in;
}

.product-card__stock-label {
  position: absolute;
  bottom: 0;
  left: 16px;
}

.product-card__bottom {
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px 16px 16px;
  border-radius: 8px;
}

.product-card__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.product-card__name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.product-card__desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}

.product-card__cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.product-card__price {
  font-weight: 700;
}

.product-card__out-of-stock {
  font-size: 12px;
  line-height: 18px;
  color: #f04438;
  font-weight: 400;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.product-card__out-of-stock-icon {
  font-size: 8px;
}

.product-card__stock-badges {
  display: flex;
  gap: 8px;
}

.premier-badge-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
}

.premier-badge {
  color: #fff;
  width: 52%;
  min-width: 137px;
  max-width: 162px;
  width: clamp(137px, 52%, 162px);
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -63px;
  top: -85px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  z-index: 1;
}
.premier-badge__text {
  position: relative;
  top: 20px;
  right: 20px;
}

.product-card--dark {
  background-color: #292929;
  color: #fff;
  border: solid 1px #737373;
}
.product-card--dark .product-card__name {
  color: #fff;
}
.product-card--dark .product-card__bottom, .product-card--dark .product-card__hover-info-container {
  background-color: transparent;
  color: #fff;
}
.product-card--dark .product-card__hover-info-container {
  background-color: #292929;
}

@media (max-width: 619px) {
  .product-card__cta {
    flex-direction: column;
    align-items: start;
  }
}
.filter-panel {
  margin-bottom: 16px;
}

.filter-panel__btn {
  border: 0;
  border-bottom: solid 1px #e5e5e5;
  color: #525252;
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 4px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  cursor: pointer;
}
.filter-panel__btn::after {
  content: "\f077";
  font: var(--fa-font-regular);
}
.filter-panel__btn.--open::after {
  content: "\f078";
  font: var(--fa-font-regular);
}

.filter-panel__content {
  margin-top: 16px;
  background-color: var(--lightgray);
  transition: grid-template-rows 0.2s ease-out;
  display: grid;
  grid-template-rows: 0fr;
}
.filter-panel__content-inner {
  overflow: hidden;
}
.filter-panel__content .checkbox {
  margin-bottom: 8px;
}
.filter-panel__content.--open {
  grid-template-rows: 1fr;
}

.reset-filters {
  display: flex;
  justify-content: end;
  margin-top: 14px;
  margin-bottom: 32px;
}

@media (min-width: 1100px) {
  .reset-filters, .filter-panel, .filter-panel__content-inner {
    padding-inline: 4px;
  }
  .filter-panel__btn::after {
    opacity: 0;
  }
  .filter-panel__btn:hover::after,
  .filter-panel__btn:focus::after {
    opacity: 1;
  }
}
.badge, .badge--large, .badge--lg, .badge--medium, .badge--md, .badge--small, .badge--sm {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 2px;
  width: fit-content;
}
.badge-sm {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  padding: 2px 8px;
}
.badge-md {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 2px 10px;
}
.badge-lg {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 4px 12px;
}
.badge-light-gray {
  color: #3f4040;
  background-color: #f7f7f7;
}
.badge-gray {
  color: #3f4040;
  background-color: #f5f5f5;
}
.badge-primary {
  color: #008eb5;
  background-color: #ecfdff;
}
.badge-error {
  color: #b42318;
  background-color: #fef3f2;
}
.badge-warning {
  color: #b54708;
  background-color: #fffaeb;
}
.badge-success {
  color: #067647;
  background-color: #ecfdf3;
}
.badge-teal {
  color: #008a7e;
  background-color: #e9f3f1;
}

.modal--open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(52, 64, 84, 0.7);
  backdrop-filter: blur(4px);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-inline: 10px;
  will-change: transform;
}
.modal.--show {
  visibility: visible;
  opacity: 1;
}
.modal.--show .modal__dialog {
  opacity: 1;
  transform: translateY(0);
}
.modal.modal--640 .modal__dialog {
  width: 100%;
  max-width: 640px;
}
.modal.modal--380 .modal__dialog {
  width: 100%;
  max-width: 380px;
}

.modal__dialog {
  background-color: #fff;
  overflow: auto;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.3s ease-in;
  border-radius: 8px;
  width: 100%;
  max-width: 400px;
}

.modal__header {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1rem;
  padding: 24px;
  border-bottom: solid 1px #d6d6d6;
}

.modal__title {
  font-weight: 600;
  font-size: 23px;
  line-height: 31px;
  color: #141414;
}

.modal__subtitle {
  color: #525252;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
}

.modal__top-bar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.modal__body {
  position: relative;
  padding: 24px;
}

.modal__footer {
  padding: 24px;
  border-top: solid 1px #d6d6d6;
}

.modal__close-button {
  margin-left: auto;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  color: #737373;
  padding: 4px 13px;
  border-radius: 2px;
  aspect-ratio: 1;
}
.modal__close-button i {
  font-size: 1.5rem;
}
.modal__close-button:hover {
  background-color: #f5f5f5;
  color: #525252;
}

.modal__text {
  font-size: 0.875rem;
  font-weight: 300;
}

.modal-close {
  border: 0;
  background: none;
  font-size: 24px;
  padding: 4px 13px;
  cursor: pointer;
  color: #737373;
  border-radius: 2px;
  aspect-ratio: 1;
}
.modal-close:hover {
  background-color: #f5f5f5;
  color: #525252;
}

.modal__buttons {
  display: flex;
  justify-content: end;
  gap: 12px;
  align-items: center;
}

.modal__buttons--stacked {
  flex-direction: column;
  align-items: stretch;
  text-align: center;
}

.modal__vertical-group {
  margin-top: 1rem;
  flex: 1;
}
.modal__vertical-group label {
  font-size: 0.875rem;
  font-weight: 500;
  display: block;
  margin-bottom: 0.5rem;
}

.inputs-2-50 {
  display: flex;
  gap: 1rem;
  width: 100%;
}
.inputs-2-50 > * {
  width: 100%;
}
.inputs-2-50 button {
  flex: 1;
}

.inputs-2-70 {
  display: flex;
  gap: 1rem;
  width: 100%;
}
.inputs-2-70 > * {
  flex: 1;
}
.inputs-2-70 > *:first-of-type {
  flex: 2;
}

.modal__buttons--fixed {
  display: flex;
  gap: 12px;
  flex-direction: column;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  padding-block: 32px;
  padding-inline: 24px;
  border-top: solid 1px #d6d6d6;
}

.disclaimer-modal .modal__dialog {
  width: 90%;
  max-width: 700px;
}
.disclaimer-modal .modal__body {
  font-size: 13px;
}
.disclaimer-modal .btn-primary {
  max-width: 200px;
  display: block;
  margin-inline-start: auto;
}

.dialog-modal {
  margin: auto;
}
.dialog-modal::backdrop {
  background-color: rgba(52, 64, 84, 0.7);
  backdrop-filter: blur(4px);
}

@media (max-width: 744px) {
  .modal__buttons {
    flex-direction: column;
  }
  .modal__buttons > * {
    width: 100%;
  }
  .modal__buttons--reverse {
    flex-direction: column-reverse;
  }
  .modal__buttons--reverse > * {
    width: 100%;
  }
  .modal__remove {
    order: 4;
  }
  .modal__keep {
    order: 5;
  }
}
@media (max-width: 619px) {
  .inputs-2-50,
  .inputs-2-70 {
    flex-direction: column;
  }
}
.pagination {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-inline: 24px;
  width: 100%;
}
.pagination button[aria-label=Previous]:disabled,
.pagination button[aria-label=Next]:disabled {
  visibility: hidden;
}
.pagination__button {
  font-weight: 400;
  cursor: pointer;
  background: none;
  border: none;
}
.pagination__button:disabled {
  cursor: default;
}
.pagination__list {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 2px;
}
.pagination__number {
  display: block;
  padding: 10px 16px;
  background: none;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  transition: background-color 0.2s;
  cursor: pointer;
}
.pagination__number.--active {
  background-color: #f7f7f7;
  cursor: default;
}
.pagination__number:not(.--active):hover {
  background-color: #f7f7f7;
  transition: background-color 0.2s;
}
.pagination__mobile {
  display: none;
}

@media (max-width: 619px) {
  .pagination {
    justify-content: space-between;
    gap: 16px;
  }
  .pagination__list {
    display: none;
  }
  .pagination__mobile {
    display: block;
  }
  .pagination__button {
    padding: 8px 14px !important;
    background-color: transparent;
  }
  .pagination__button::after {
    content: none;
  }
}
.cc-pay-container .address-pagination {
  display: block;
}
.cc-pay-container .address-pagination__show {
  display: none;
}
.cc-pay-container .address-pagination .pagination {
  justify-content: space-between;
  gap: 16px;
}
.cc-pay-container .address-pagination .pagination__list {
  display: none;
}
.cc-pay-container .address-pagination .pagination__mobile {
  display: block;
}
.cc-pay-container .address-pagination .pagination__button {
  padding: 8px 14px !important;
  border: solid 1px #e5e5e5;
  background-color: #fff;
}
.cc-pay-container .address-pagination .pagination__button::after {
  content: none;
}
.cc-pay-container .address-pagination .pagination__button:hover {
  background-color: #cff9fe;
}

/* components /_badges.scss */
.badge, .badge--large, .badge--lg, .badge--medium, .badge--md, .badge--small, .badge--sm {
  /*
   Simple badges.
   <span class="badge--small success">New</span>
   */
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 10px;
  width: fit-content;
  border-radius: 2px;
  font-weight: 700;
}
.badge__close {
  cursor: pointer;
}
.badge--small, .badge--sm {
  height: 22px;
  font-size: 0.75rem;
}
.badge--medium, .badge--md {
  padding: 2px 8px;
  font-size: 0.875rem;
}
.badge--large, .badge--lg {
  height: 28px;
  font-size: 0.875rem;
}
.badge.charcoal, .charcoal.badge--small, .charcoal.badge--sm, .charcoal.badge--medium, .charcoal.badge--md, .charcoal.badge--large, .charcoal.badge--lg, .badge-charcoal {
  background-color: #f7f7f7;
  color: #3f4040;
}
.badge.violet, .violet.badge--small, .violet.badge--sm, .violet.badge--medium, .violet.badge--md, .violet.badge--large, .violet.badge--lg, .badge-violet {
  background-color: #f5f3ff;
  color: #6927da;
}
.badge.primary, .primary.badge--small, .primary.badge--sm, .primary.badge--medium, .primary.badge--md, .primary.badge--large, .primary.badge--lg, .badge-primary {
  background-color: #ecfdff;
  color: #005971;
}
.badge.error, .error.badge--small, .error.badge--sm, .error.badge--medium, .error.badge--md, .error.badge--large, .error.badge--lg, .badge-error {
  background-color: #fef3f2;
  color: #b42318;
}
.badge.warning, .warning.badge--small, .warning.badge--sm, .warning.badge--medium, .warning.badge--md, .warning.badge--large, .warning.badge--lg, .badge-warning {
  background-color: #fffaeb;
  color: #b54708;
}
.badge.success, .success.badge--small, .success.badge--sm, .success.badge--medium, .success.badge--md, .success.badge--large, .success.badge--lg, .badge-success {
  background-color: #ecfdf3;
  color: #067647;
}
.badge.teal, .teal.badge--small, .teal.badge--sm, .teal.badge--medium, .teal.badge--md, .teal.badge--large, .teal.badge--lg, .badge-teal {
  background-color: #e9eeef;
  color: #00535d;
}
.badge.p-10, .p-10.badge--small, .p-10.badge--sm, .p-10.badge--medium, .p-10.badge--md, .p-10.badge--large, .p-10.badge--lg {
  padding: 10px;
}
.badge .item-list, .badge--small .item-list, .badge--sm .item-list, .badge--medium .item-list, .badge--md .item-list, .badge--large .item-list, .badge--lg .item-list {
  margin-left: 20px;
}
.badge .item-list li:not(:last-child), .badge--small .item-list li:not(:last-child), .badge--sm .item-list li:not(:last-child), .badge--medium .item-list li:not(:last-child), .badge--md .item-list li:not(:last-child), .badge--large .item-list li:not(:last-child), .badge--lg .item-list li:not(:last-child) {
  margin-bottom: 10px;
}

.dot-badge, .dot-badge-md, .dot-badge-lg, .dot-badge-sm {
  font-weight: 600;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 4px;
}
.dot-badge::before, .dot-badge-sm::before, .dot-badge-md::before, .dot-badge-lg::before {
  content: "•";
  font-size: 16px;
  font-weight: 900;
}
.dot-badge--success {
  color: #067647;
}
.dot-badge--warning {
  color: #b54708;
}
.dot-badge--error {
  color: #b42318;
}
.dot-badge--error::before {
  color: #f04438;
}

.ws-ms-slide .badge--small {
  position: absolute;
  top: 10px;
  left: 10px;
}

/* components /_input-qty-picker.scss */
.input-qty-picker, .input-qty-picker--vue {
  display: flex;
  width: fit-content;
  position: relative;
  color: #141414;
}

.input-qty-picker__button {
  border: solid 1px #d6d6d6;
  background: #fff;
  color: #141414;
}
.input-qty-picker__button:hover {
  border-color: #a3a3a3;
  background: #f5f5f5;
}
.input-qty-picker__button:active {
  border-color: #a3a3a3;
  background: #e5e5e5;
}
.input-qty-picker__button:disabled {
  color: #737373;
}

.input-qty-picker__minus, .input-qty-picker__minus--vue {
  border-radius: 8px 0px 0px 8px;
  border-right: 0;
}

.input-qty-picker__plus, .input-qty-picker__plus--vue {
  border-radius: 0px 8px 8px 0px;
  border-left: 0;
}

.input-qty-picker__input, .input-qty-picker__input--vue {
  color: #141414;
  border: 1px solid #d6d6d6;
  background: #fff;
  text-align: center;
  -moz-appearance: textfield;
  border-radius: 0;
  padding: 0;
}
.input-qty-picker__input::-webkit-outer-spin-button, .input-qty-picker__input::-webkit-inner-spin-button, .input-qty-picker__input--vue::-webkit-outer-spin-button, .input-qty-picker__input--vue::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-qty-picker--xl .input-qty-picker__button {
  padding: 20px 16px;
}
.input-qty-picker--xl .input-qty-picker__input, .input-qty-picker--xl .input-qty-picker__input--vue {
  width: 100%;
  min-width: 45px;
  max-width: 64px;
}

.input-qty-picker--lg .input-qty-picker__button {
  padding: 14px;
}
.input-qty-picker--lg .input-qty-picker__input, .input-qty-picker--lg .input-qty-picker__input--vue {
  max-width: 55px;
}

.input-qty-picker--md .input-qty-picker__button {
  padding: 14px 10px;
  font-size: 14px;
}
.input-qty-picker--md .input-qty-picker__input, .input-qty-picker--md .input-qty-picker__input--vue {
  max-width: 49px;
  font-size: 14px;
}

.input-qty-picker--sm .input-qty-picker__button {
  padding: 10px 8px;
  font-size: 14px;
}
.input-qty-picker--sm .input-qty-picker__input, .input-qty-picker--sm .input-qty-picker__input--vue {
  max-width: 45px;
  font-size: 14px;
}

/* components /_tabbed-panel.scss */
.tabs__buttons {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  border-bottom: 1px solid #f7f7f7;
  gap: 10px;
}

.tabs__button {
  font-size: 1rem;
  font-weight: 400;
  min-width: 240px;
  background: none;
  border: none;
  outline: none;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 142, 181, 0);
  transition: all 0.3s ease-out;
  cursor: pointer;
  color: #737373;
}
.tabs__button:hover, .tabs__button.active {
  color: #006b88;
  border-bottom: 1px solid rgb(0, 142, 181);
}

.tabs__content-container {
  margin-top: 40px;
}

.tabs__content.active {
  display: initial;
}
.tabs__content p {
  margin-bottom: 10px;
}
.tabs__content h3 {
  margin-bottom: 20px;
}
.tabs__content hr {
  background-color: #e5e5e5;
  height: 1px;
  border: none;
  margin: 20px 0;
}
.tabs__content--left, .tabs__content--right {
  flex: 1;
}
.tabs__content-categories {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* components /_info-cards.scss */
.info-card, .info-card--blue {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  padding: 1.5rem;
  gap: 40px;
  max-width: 400px;
  align-items: start;
}
.info-card--blue {
  background-color: #ecfdff;
}

.featured-text {
  display: grid;
  gap: 1rem;
  margin-block-end: 3rem;
}
.featured-text.icon-left {
  grid-template-columns: auto 1fr;
}
.featured-text .featured-text__icon {
  width: 48px;
  height: 48px;
}
.featured-text .featured-text__content {
  margin-block-start: 10px;
}
.featured-text .featured-text__description {
  margin-block-start: 0.5rem;
}
.featured-text .featured-text__title {
  color: #141414;
}
.featured-text.text-left {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.featured-text.text-left a {
  display: block;
  margin-block-start: 1.125rem;
}

.card-icon-logo {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 1.5rem;
}
.card-icon-logo__header {
  display: flex;
  gap: 1rem;
}
.card-icon-logo__logo-container {
  height: 3rem;
}
.card-icon-logo__logo-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.card-icon-logo__title {
  margin-block-start: 1.125rem;
}
.card-icon-logo__description {
  margin-block-start: 0.5rem;
}
.card-icon-logo__CTA {
  margin-block-start: 1.5rem;
}

/* components /_multi-slider.scss */
.ws-multislider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  width: fit-content;
  margin: auto auto;
}
.ws-multislider .ws-multislider-window {
  overflow-x: hidden;
  /*border     : 1px solid red;*/
  margin: 0 auto;
  grid-column: 2;
  position: relative;
  display: flex;
}
.ws-multislider .ws-multislider-slides-container {
  display: flex;
  width: fit-content;
  height: fit-content;
  margin: auto;
  position: relative;
  align-items: stretch;
  padding-block: 4px;
}
.ws-multislider .transition {
  transition: transform 0.3s ease-out;
}
.ws-multislider .previous,
.ws-multislider .next {
  grid-row: 1;
  align-self: center;
  z-index: 2;
  cursor: pointer;
}
.ws-multislider .previous:hover,
.ws-multislider .next:hover {
  background-color: #f5f5f5;
}
.ws-multislider .previous:hover .ws-multislider-previous-chevron,
.ws-multislider .previous:hover .ws-multislider-next-chevron,
.ws-multislider .next:hover .ws-multislider-previous-chevron,
.ws-multislider .next:hover .ws-multislider-next-chevron {
  fill: #3f4040;
}
.ws-multislider .previous.ws-multislider-default-btn {
  margin-right: -27px;
  margin-left: auto;
  grid-column: 1;
}
.ws-multislider .next.ws-multislider-default-btn {
  margin-left: -27px;
  grid-column: 3;
}
.ws-multislider .ws-multislider-previous-chevron,
.ws-multislider .ws-multislider-next-chevron {
  fill: #3f4040;
}
.ws-multislider .ws-multislider-dots {
  margin: 30px auto;
  grid-row: 2;
  grid-column: 1/-1;
}
.ws-multislider .ws-multislider-dots .ws-multislider-dot {
  height: 8px;
  width: 70px;
  background-color: #e5e5e5;
  border-radius: 999rem;
  display: inline-block;
  margin: 0 10px;
  cursor: pointer;
  border: 0;
}
.ws-multislider .ws-multislider-dots .ws-multislider-dot.active {
  background-color: #525252;
  cursor: default;
}
.ws-multislider .ws-ms-slide-pad {
  padding: 0 5px;
}
.ws-multislider .ws-ms-slide {
  width: 300px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: 240px auto 1fr auto;
  padding: 10px;
  border-radius: 5px;
  position: relative;
  background-color: #f7f7f7;
  height: 100%;
}
.ws-multislider .ws-ms-slide-image {
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
}
.ws-multislider .ws-ms-slide-image img {
  height: 240px;
  object-fit: contain;
}
.ws-multislider .catalog-tag.slider-tag {
  position: absolute;
  height: 30px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  z-index: 2;
  margin: 15px auto 0 auto;
}
.ws-multislider .catalog-tag.slider-tag p {
  font-size: 0.875rem;
  height: 100%;
  background-color: var(--green-accent);
  margin: 0;
  font-weight: 700;
  padding: 0 5px 0 10px;
  max-height: 30px;
  display: flex;
  align-items: center;
  width: 100%;
}
.ws-multislider .catalog-tag.slider-tag svg {
  position: relative;
  left: -2px;
  height: 40px;
}
.ws-multislider .ws-ms-slide-brand {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  margin-top: 20px;
}
.ws-multislider .ws-ms-slide-brand a {
  color: var(--darkest);
}
.ws-multislider .ws-ms-slide-brand a:hover {
  text-decoration: underline;
}
.ws-multislider .ws-ms-slide-name {
  text-align: center;
  font-size: 1rem;
  font-weight: 900;
  color: #737373;
}
.ws-multislider .ws-ms-slide-name a {
  color: #737373;
}
.ws-multislider .ws-ms-slide-description {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 15px;
}
.ws-multislider .ws-ms-slide-price {
  font-size: 1rem;
  font-weight: 400;
  flex: 4;
}
.ws-multislider .ws-ms-slide-buttons {
  flex: 6;
  display: flex;
  justify-content: end;
}
.ws-multislider .ws-ms-slide-button {
  font-size: 1rem;
  padding: 7px;
  width: 100%;
}

.blur {
  filter: blur(2px);
}

.none {
  display: none !important;
}

.logged-buttons-container {
  display: grid;
  grid-template-rows: repeat(2, 38px);
  gap: 10px;
}

.ws-ms-slide-bottom {
  display: flex;
  gap: 10px;
  align-items: center;
}

.add-to-cart-button {
  width: 100%;
}

@media (max-width: 1099px) {
  .ws-multislider .ws-multislider-dots {
    display: none;
  }
}
@media (max-width: 375px) {
  .ws-multislider .next.ws-multislider-default-btn, .ws-multislider .previous.ws-multislider-default-btn {
    font-size: 14px;
    padding: 7px 15px;
  }
  .ws-multislider .previous.ws-multislider-default-btn {
    margin-right: -35px;
  }
  .ws-multislider .next.ws-multislider-default-btn {
    margin-left: -35px;
  }
}
/* components /_misc.scss */
hr {
  height: 1px;
  background-color: #e5e5e5;
  border: none;
}

.no-scroll {
  overflow-y: hidden;
}

.block {
  display: block;
}

.validation-error input,
.validation-error select,
.validation-error textarea {
  border: 1px solid #fda29b;
  position: relative;
}
.validation-error input.input-text:focus, .validation-error input.password-input:focus, .validation-error input.input-text:active, .validation-error input.password-input:active,
.validation-error select.input-text:focus,
.validation-error select.password-input:focus,
.validation-error select.input-text:active,
.validation-error select.password-input:active,
.validation-error textarea.input-text:focus,
.validation-error textarea.password-input:focus,
.validation-error textarea.input-text:active,
.validation-error textarea.password-input:active {
  border-color: #fda29b;
  box-shadow: 0px 0px 0px 4px #F2A4B5, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.v-cloak,
.hide {
  display: none !important;
}

.error-list {
  list-style: none;
  margin-left: 0 !important;
}

/* components /_alerts.scss */
.alert {
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  align-items: start;
  gap: 12px;
  color: #3f4040;
}
.alert * {
  font-size: 0.875rem;
  line-height: 20px;
}
.alert .alert__content {
  display: flex;
  column-gap: 10px;
}
.alert .alert__title {
  color: #141414;
  font-weight: 600;
  color: inherit;
  margin-bottom: 5px;
}
.alert .alert__text {
  font-weight: 400;
  color: #3f4040;
}
.alert .alert__actions {
  margin-top: 12px;
  display: flex;
  gap: 24px;
}
.alert .alert__icon {
  color: #141414;
  margin-top: 4px;
}
.alert .btn-link,
.alert .text-link {
  color: #141414;
  font-weight: 600;
}
.alert.white {
  background-color: #fff;
}
.alert.primary {
  background-color: #f5feff;
  border-color: #00b2e3;
}
.alert--error, .alert.error {
  background-color: #fef3f2;
  border-color: #f04438;
}
.alert--error .alert__title, .alert--error .alert__icon, .alert.error .alert__title, .alert.error .alert__icon {
  color: #b42318;
}
.alert--warning, .alert.warning {
  background-color: #fffaeb;
  border-color: #fec84b;
}
.alert--warning .alert__icon, .alert--warning .alert__title, .alert.warning .alert__icon, .alert.warning .alert__title {
  color: #b54708;
}
.alert--success {
  background-color: #ecfdf3;
  color: #141414;
  border-color: #17b26a;
}
.alert--success .alert__title, .alert--success .alert__icon {
  color: #141414;
}
.alert.info .alert__content::before {
  content: "\f05a";
  font-family: "Font Awesome 6 Sharp";
  display: block;
  color: inherit;
}
.alert.triangle .alert__content::before {
  content: "\f071";
  font-family: "Font Awesome 6 Sharp";
  display: block;
  color: inherit;
}
.alert.check .alert__content::before {
  content: "\f058";
  font-family: "Font Awesome 6 Sharp";
  display: block;
  color: inherit;
}
.alert button {
  padding: 0;
  margin-left: auto;
  color: inherit;
}
.alert button i {
  color: inherit;
  font-size: 1.25rem;
}
.alert ul,
.alert ol {
  margin-left: 10px;
}

/*
  <i class="fa-solid fa-info-circle tooltip tooltip__icon tooltip--dark tooltip--top">
    <span class="tooltip__text">Examples:<br />! @@ # $ % ^ &amp; * ( ) { } [ ] : ;<br />&lt; &gt; , . ? / + _ = | ‘ ~ -
    </span>
  </i>
*/
.tooltip {
  position: relative;
}
.tooltip .tooltip__text {
  transition: 0.3s;
  border-radius: 8px;
  width: max-content;
  font-size: 12px;
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  font-weight: 600;
  visibility: hidden;
  opacity: 0;
  padding: 8px 12px;
  max-width: 250px;
  position: absolute;
  z-index: 1;
}
.tooltip .tooltip__text::after {
  content: " ";
  position: absolute;
  top: 100%;
  /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
}
.tooltip:hover .tooltip__text, .tooltip:focus-visible .tooltip__text {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.tooltip__icon {
  color: #737373;
  cursor: pointer;
  font-size: 14px;
}
.tooltip__icon:hover, .tooltip__icon:focus-visible {
  color: #141414;
}
.tooltip--light .tooltip__text {
  background-color: #fff;
}
.tooltip--light .tooltip__text::after {
  border-color: #fff transparent transparent transparent;
}
.tooltip--dark .tooltip__text {
  background-color: #141414;
  color: #fff;
}
.tooltip--dark .tooltip__text::after {
  border-color: #141414 transparent transparent transparent;
}
.tooltip--right .tooltip__text {
  left: calc(100% + 6px);
}
.tooltip--left .tooltip__text {
  right: calc(100% + 6px);
}
.tooltip--top .tooltip__text {
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
}

.header {
  padding-block: 40px;
}
.header--grey {
  background-color: #f7f7f7;
  background-image: none !important;
}
.header--circle-grey {
  background-color: #f7f7f7;
  background-image: url("/images/shared/headers/header-circle-grey.svg");
  background-size: 50%;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.header--line-grey {
  background-color: #f7f7f7;
  background-image: url("/images/shared/headers/header-line-grey.svg");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}
.header--circle-blue {
  background: linear-gradient(90deg, #006b88 0%, #00a0cb 100%);
  color: #fff;
  position: relative;
}
.header--circle-blue * {
  position: relative;
  z-index: 2;
}
.header--circle-blue::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/images/shared/headers/header-circle-blue.svg");
  background-size: 50%;
  background-position: bottom right;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}
.header--circle-blue .display {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: unset;
  color: #fff;
}
.header--circle-blue .breadcrumb__item,
.header--circle-blue .breadcrumb__item > a {
  color: #fff !important;
}
.header__text-content {
  padding-left: 2rem;
}

@media (max-width: 1099px) {
  .header {
    padding-left: 32px;
    padding-right: 32px;
  }
  .header--circle-grey, .header--circle-blue::before {
    background-size: auto 100%;
    background-position: bottom right;
  }
  .header__text-content {
    padding-left: 0;
  }
}
@media (max-width: 619px) {
  .header {
    padding-left: 16px;
    padding-right: 16px;
  }
  .header--circle-grey, .header--circle-blue::before {
    background-position: bottom right -100px;
  }
}
.head-new h1 {
  text-align: center;
}

.head-reskin {
  background-color: #f5f5f5;
}

.head-reskin-white {
  background-color: white;
}

.head-reskin-content {
  position: relative;
  padding-block: 96px;
  margin-inline: auto;
  text-align: center;
  width: 100%;
  max-width: 1216px;
}
.head-reskin-content h1 {
  margin-block-end: 16px;
}

.breadcrumbs-reskin {
  padding-block-start: 16px;
}

.breadcrumb-reskin-item {
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 400;
}
.breadcrumb-reskin-item:not(:last-child) {
  margin-inline-end: 8px;
}
.breadcrumb-reskin-item:last-child {
  margin-inline-start: 8px;
}
.breadcrumb-reskin-item.active {
  font-weight: 700;
}
.breadcrumb-reskin-item:not(.active):hover {
  border-radius: 6xp;
  color: #006b88;
  background-color: #ecfdff;
}

.breadcrumb-reskin-item__mobile {
  display: none;
}

@media (max-width: 1099px) {
  .head-reskin-content {
    padding-block: 64px;
  }
}
@media (max-width: 619px) {
  .head-reskin-content {
    padding-block: 48px;
  }
  .head-reskin-content h1 {
    font-size: 35px;
  }
  .breadcrumb-reskin-item {
    display: none;
  }
  .breadcrumbs-reskin__separator {
    display: none;
  }
  .breadcrumb-reskin-item__mobile {
    display: inline;
  }
  .breadcrumb-reskin-item__mobile::before {
    content: "\f0d9";
    font-family: "Font Awesome 6 Sharp";
    font-weight: 900;
    padding-inline-end: 8px;
  }
}
.password-input {
  display: flex;
  padding: 0;
  position: relative;
}
.password-input--error::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0-24 0 0-48 24 0 48 0 24 0 0 24 0 88 8 0 24 0 0 48-24 0-80 0-24 0 0-48 24 0zm72-144l-64 0 0-64 64 0 0 64z" fill="rgb(180,35,24)"/></svg>');
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  position: absolute;
  right: 55px;
  top: 50%;
  transform: translateY(-50%);
}
.password-input ::-ms-reveal {
  display: none;
}
.password-input .input-text, .password-input .password-input {
  width: 100%;
  border: 0;
  margin: 0;
  outline: 0;
}
.password-input .input-text:focus, .password-input .password-input:focus, .password-input .input-text:active, .password-input .password-input:active {
  border: 0;
  box-shadow: none;
  outline: 0;
}
.password-input__eye-btn {
  background: transparent;
  border: 0;
  padding: 12px 14px;
  cursor: default;
  color: #e5e5e5;
}
.password-input__eye-btn i {
  cursor: pointer;
}
.password-input:focus-within .password-input__eye-btn {
  color: #a3a3a3;
}

.password-requirements {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 24px;
  margin-bottom: 32px;
}
.password-requirements p {
  display: flex;
  align-items: center;
  gap: 12px;
}
.password-requirements p .fa-solid {
  display: none;
}

.password-requirements .requirement-met {
  color: #067647;
}
.password-requirements .requirement-met .fa-regular {
  display: none;
}
.password-requirements .requirement-met .fa-solid {
  color: #17b26a;
  display: block;
}

.requirement-not-met {
  color: #b42318;
}

@media (max-width: 619px) {
  .password-requirements {
    margin-top: 16px;
    margin-bottom: 24px;
  }
}
.table {
  border-collapse: separate;
  border-spacing: 0;
  border: solid 1px #e5e5e5;
  border-radius: 8px;
  background-color: #fff;
}
.table th, .table__header {
  background-color: #f7f7f7;
  padding: 12px 24px;
  font-weight: 600;
}
.table__header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.table td {
  padding: 16px 24px;
}
.table tr.order-product-row td {
  padding: 0;
  border-bottom: 0;
}
.table th,
.table td {
  border-bottom: solid 1px #e5e5e5;
  text-align: left;
  font-weight: 600;
}
.table-sm th, .table-sm td {
  font-size: 14px;
  line-height: 20px;
}
.table th:first-child {
  border-top-left-radius: 8px;
}
.table th:last-child {
  border-top-right-radius: 8px;
}
.table tr:last-child > td:first-child {
  border-bottom-left-radius: 8px;
}
.table tr:last-child > td {
  border-bottom: 0;
}

.grid-table {
  width: 100%;
  display: grid;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  grid-template-columns: auto auto 1fr auto;
}
.grid-table .grid-table__header {
  display: contents;
}
.grid-table .grid-table__header--cell {
  height: 44px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  padding: 1rem;
  font-size: 0.875rem;
}
.grid-table .grid-table__header--cell:first-of-type {
  border-right: none;
}
.grid-table .grid-table__header--cell:last-of-type {
  border-left: none;
}
.grid-table .grid-table__row {
  display: contents;
}
.grid-table .grid-table__row:last-of-type div {
  border-bottom: none;
}
.grid-table .grid-table__vanish {
  display: contents;
}
.grid-table .grid-table__cell {
  display: flex;
  align-items: center;
  justify-content: start;
  border-bottom: 1px solid #e5e5e5;
  padding: 1rem;
  font-size: 0.875rem;
}

@media (max-width: 1099px) {
  .grid-table {
    grid-template-columns: 1fr auto;
  }
  .grid-table .grid-table__vanish {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e5e5e5;
    padding-block: 0.5rem;
  }
  .grid-table .grid-table__vanish .grid-table__cell {
    border-bottom: none;
    padding-block: 0.5rem;
  }
  .grid-table .table--manage-address__icons {
    padding-block: 0;
  }
  .grid-table .hide-on-mobile {
    display: none;
  }
}
@media (max-width: 619px) {
  .table .hide-on-mobile {
    display: none;
  }
}
.sub-page-navigation__header {
  padding: 0 16px 8px 16px;
  border-bottom: solid 1px #e5e5e5;
  margin-bottom: 32px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.sub-page-navigation__menu {
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sub-page-navigation__item {
  padding: 10px 14px;
  color: #3f4040;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  white-space: nowrap;
}
.sub-page-navigation__item--active, .sub-page-navigation__item:hover {
  color: #006b88;
  background-color: #ecfdff;
}
.sub-page-navigation__dropdown {
  display: none;
}
.sub-page-navigation.--account-nav .feature-tab .btn-link {
  display: inline-block;
}

@media (max-width: 1099px) {
  .sub-page-navigation {
    position: relative;
  }
  .sub-page-navigation__header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 16px;
  }
  .sub-page-navigation__dropdown {
    display: block;
    position: relative;
    padding: 8px 12px;
    border: solid 1px #d6d6d6;
    border-radius: 6px;
    width: 100%;
    background-color: #fff;
    text-align: left;
    font-size: 1rem;
    color: #141414;
  }
  .sub-page-navigation__dropdown::after {
    content: "\f078";
    font: var(--fa-font-sharp-regular);
    position: absolute;
    right: 12px;
    font-size: 16px;
  }
  .sub-page-navigation__dropdown:active, .sub-page-navigation__dropdown:focus {
    border-color: #00a0cb;
    box-shadow: 0px 3px 3px 1px rgba(0, 142, 181, 0.08), 0px 5px 8px 3px rgba(0, 142, 181, 0.03);
  }
  .sub-page-navigation__menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: calc(100% + 4px);
    width: 100%;
    padding: 16px;
    border: solid 1px #d6d6d6;
    border-radius: 8px;
    z-index: 3;
    background-color: #fff;
    z-index: 10;
  }
  .sub-page-navigation__menu--show {
    visibility: visible;
    opacity: 1;
  }
  .sub-page-navigation.--account-nav .feature-tab {
    display: none;
  }
}
/* components /_steps-bar.scss */
.progress-component {
  --max-component-width: 1024px;
  --number-of-steps: 4;
  --progress-step-width: 200px;
  --minimum-gap-between-steps: 1rem;
  --minimum-full-container-width: calc( (var(--number-of-steps) * var(--progress-step-width)) + (var(--minimum-gap-between-steps) * (var(--number-of-steps) - 1)) );
  --progress-step-dot-diameter: 46px;
  --inactive-light-color: #f7f7f7;
  --inactive-dark-color: #e5e5e5;
  --active-light-color: #ecfdff;
  --active-dark-color: #00a0cb;
  --progress-bar-color: #e5e5e5;
  --progress-step-border-size: 16px;
  --progress-step-gap: 1.5rem;
  --progress-bar-height: 2px;
  --progress-bar-width: calc(100% - (var(--progress-step-width)));
  --progress-bar-background-color: linear-gradient( to right, var(--active-dark-color), var(--active-dark-color) 33.3%, var(--progress-bar-color) 33.3%, var(--progress-bar-color) 100% );
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  isolation: isolate;
  width: 100%;
  max-width: var(--max-component-width);
  margin-inline: auto;
  margin-block: 2.5rem 5rem;
}
.progress-component * {
  box-sizing: border-box;
}

.progress-bar {
  background: var(--progress-bar-background-color);
  width: var(--progress-bar-width);
  height: var(--progress-bar-height);
  grid-column: 1;
  grid-row: 1;
  position: relative;
  top: calc(var(--progress-step-dot-diameter) / 2);
  z-index: 1;
  justify-self: center;
}

.progress-steps-container {
  display: flex;
  justify-content: space-between;
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
}

.progress-step__dot {
  box-sizing: border-box;
  height: var(--progress-step-dot-diameter);
  width: var(--progress-step-dot-diameter);
  border: var(--progress-step-border-size) solid var(--inactive-light-color);
  background-color: var(--inactive-dark-color);
  border-radius: 50%;
}

.progress-step__content {
  margin-block: 0;
  text-align: center;
  font-weight: 600;
}

.progress-step {
  display: flex;
  flex-direction: column;
  gap: var(--progress-step-gap);
  justify-content: start;
  align-items: center;
  width: var(--progress-step-width);
}
.progress-step.active .progress-step__dot {
  border-color: var(--active-light-color);
  background-color: var(--active-dark-color);
  outline: solid 2px #0f0f0f;
  outline-offset: 2px;
}
.progress-step.active .progress-step__content {
  color: #006b88;
}
.progress-step.done .progress-step__dot {
  border: none;
  background-color: var(--active-light-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.progress-step.done .progress-step__dot::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.25rem;
  font-weight: 500;
  background-color: transparent;
  color: #006b88;
  position: unset;
  width: initial;
  height: initial;
  border-radius: 0;
  transform: none;
}

@media (max-width: 800px) {
  .progress-component {
    width: 80%;
    margin-inline: auto;
  }
  .progress-step {
    width: unset;
  }
  .progress-step__content {
    display: none;
  }
  .progress-bar {
    width: 100%;
  }
}
:root {
  --toaster-offset: 80px;
}

.page-notification-container {
  position: fixed;
  z-index: 1000;
  top: var(--toaster-offset);
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 16px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  pointer-events: none;
}
.page-notification-container.--show {
  opacity: 1;
  visibility: visible;
  transition: 0.4s ease;
}

.page-notification {
  visibility: hidden;
  opacity: 0;
  color: #525252;
  border-radius: 8px;
  padding: 16px;
  padding-right: 50px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  position: relative;
  transition: 0.4s ease;
  min-height: 64px;
  width: 100%;
  max-width: 400px;
  transform: translate3d(0, -200px, 0);
  pointer-events: auto;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
}
.page-notification.--show {
  visibility: visible;
  opacity: 1;
  transition: 0.4s ease;
  transform: translate3d(0, 0, 0);
}
.page-notification--icon .page-notification__content {
  padding-left: 60px;
}
.page-notification--icon::before {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  aspect-ratio: 1;
  background-size: contain;
  position: absolute;
  top: 16px;
  left: 16px;
}
.page-notification--icon-check::before {
  content: "\f058";
  font: var(--fa-font-regular);
}
.page-notification--icon-error::before {
  content: "\f31a";
  font: var(--fa-font-regular);
}
.page-notification--icon-sparkle::before {
  content: "\f890";
  font: var(--fa-font-regular);
}
.page-notification--success {
  background-color: #f6fef9;
  border-bottom: solid 4px #abefc6;
}
.page-notification--success.page-notification--icon::before {
  background-image: url("/images/icons/featured-icon-success.svg");
}
.page-notification--success .page-notification__actions .btn-link {
  color: #079455;
}
.page-notification--success .page-notification__actions .btn-link::after {
  background-color: #079455;
}
.page-notification--success .page-notification__cta.btn-link {
  color: #067647;
}
.page-notification--success .page-notification__cta.btn-link::after {
  background-color: #067647;
}
.page-notification--warning {
  background-color: #fffcf5;
  border-bottom: solid 4px #fedf89;
}
.page-notification--warning.page-notification--icon::before {
  background-image: url("/images/icons/featured-icon-warning.svg");
}
.page-notification--warning .page-notification__actions .btn-link {
  color: #dc6803;
}
.page-notification--warning .page-notification__actions .btn-link::after {
  background-color: #dc6803;
}
.page-notification--warning .page-notification__cta.btn-link {
  color: #b54708;
}
.page-notification--warning .page-notification__cta.btn-link::after {
  background-color: #b54708;
}
.page-notification--error {
  background-color: #fffbfa;
  border-bottom: solid 4px #fecdca;
}
.page-notification--error.page-notification--icon::before {
  background-image: url("/images/icons/featured-icon-error.svg");
}
.page-notification--error .page-notification__actions .btn-link {
  color: #d92d20;
}
.page-notification--error .page-notification__actions .btn-link::after {
  background-color: #d92d20;
}
.page-notification--error .page-notification__cta.btn-link {
  color: #b42318;
}
.page-notification--error .page-notification__cta.btn-link::after {
  background-color: #b42318;
}
.page-notification--primary {
  background-color: #f5feff;
  border-bottom: solid 4px #a5f0fc;
}
.page-notification--primary.page-notification--icon::before {
  background-image: url("/images/icons/featured-icon-primary.svg");
}
.page-notification--primary .page-notification__actions .btn-link {
  color: #737373;
}
.page-notification--primary .page-notification__actions .btn-link::after {
  background-color: #737373;
}
.page-notification--primary .page-notification__cta.btn-link {
  color: #008eb5;
}
.page-notification--primary .page-notification__cta.btn-link::after {
  background-color: #008eb5;
}
.page-notification__title {
  color: #141414;
  font-weight: 400;
}
.page-notification__actions {
  display: flex;
  gap: 12px;
  font-weight: 400;
  margin-top: 16px;
}
.page-notification__close {
  position: absolute;
  top: 8px;
  right: 9px;
  border: 0;
  background: none;
  color: #737373;
  font-size: 20px;
  padding: 3px 10px;
  cursor: pointer;
}

@media (max-width: 1099px) {
  .page-notification-container {
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0) 25%);
    justify-content: end;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .page-notification {
    transform: translate3d(0, 200px, 0);
  }
  .page-notification--icon .page-notification__content {
    padding-left: 0;
  }
  .page-notification--icon::before {
    position: static;
    margin-bottom: 12px;
  }
}
/*
  <div class="featured-icon featured-icon-lg featured-icon--error">
    <i class="fa-sharp fa-solid fa-ban featured-icon__i"></i>
  </div>
*/
.featured-icon {
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #525252;
}
.featured-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8.5px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 0.714px solid rgba(255, 255, 255, 0.6);
  z-index: 2;
  backdrop-filter: blur(5.7142858505px);
}
.featured-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: rotate(15deg);
  transform-origin: bottom right;
  z-index: 1;
  border-radius: 8.5px;
}
.featured-icon__img {
  width: 100%;
  position: relative;
  z-index: 3;
}
.featured-icon i, .featured-icon .featured-icon__i, .featured-icon img, .featured-icon .featured-icon__img {
  position: relative;
  z-index: 3;
}
.featured-icon-xs {
  min-width: 24px;
  width: 24px;
  height: 24px;
  padding: 2px;
  border: 0.429px solid rgba(255, 255, 255, 0.6);
  border-radius: 5.143px;
}
.featured-icon-xs::after {
  border-radius: 5.143px;
}
.featured-icon-xs i,
.featured-icon-xs .featured-icon__i {
  font-size: 10px;
}
.featured-icon-xs img {
  width: 12px;
  object-fit: contain;
}
.featured-icon-sm {
  width: 32px;
  height: 32px;
}
.featured-icon-sm i,
.featured-icon-sm .featured-icon__i {
  font-size: 14px;
  margin-top: 9px;
}
.featured-icon-sm i,
.featured-icon-sm .featured-icon__i {
  font-size: 14px;
}
.featured-icon-sm img {
  width: 18px;
  object-fit: contain;
}
.featured-icon-md {
  width: 40px;
  height: 40px;
}
.featured-icon-md i,
.featured-icon-md .featured-icon__i {
  font-size: 16px;
}
.featured-icon-md img {
  width: 20px;
  object-fit: contain;
}
.featured-icon-lg {
  width: 48px;
  height: 48px;
}
.featured-icon-lg i,
.featured-icon-lg .featured-icon__i {
  font-size: 20px;
}
.featured-icon-lg img {
  width: 24px;
  object-fit: contain;
}
.featured-icon-xl {
  width: 56px;
  height: 56px;
}
.featured-icon-xl i,
.featured-icon-xl .featured-icon__i {
  font-size: 24px;
}
.featured-icon-svg img {
  width: 24px;
  height: 24px;
}
.featured-icon--primary::after, .featured-icon-primary::after, .featured-icon-brand::after {
  background-color: #cff9fe;
}
.featured-icon--error::after {
  background-color: #fecdca;
}
.featured-icon--warning::after, .featured-icon-gold::after {
  background-color: #ffb53e;
}
.featured-icon--success::after {
  background-color: #cff9fe;
}

.check-icon::before {
  content: "\f00c";
  font: var(--fa-font-sharp-solid);
  border-radius: 50%;
}
.check-icon-md {
  padding: 3px 5px 1px 6px;
  font-size: 14px;
}
.check-icon--primary {
  background-color: #ecfdff;
  color: #00b2e3;
}

.payment-method-sm {
  width: 100%;
  max-width: 34px;
  object-fit: contain;
}

.payment-method-md {
  width: 100%;
  max-width: 46px;
  object-fit: contain;
}

.payment-method-lg {
  width: 100%;
  max-width: 58px;
  object-fit: contain;
}

.icon-new {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  isolation: isolate;
}
.icon-new .icon-new__background {
  position: absolute;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #cff9fe;
  transform: rotate(15deg);
  border-radius: 7px;
  left: 5px;
  bottom: 5px;
}
.icon-new .icon-new__inner {
  width: 100%;
  aspect-ratio: 1/1;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

/* components /_loading-indicators.scss */
.loader-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.loader-container-full-screen {
  position: fixed;
}

.spinner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(4px);
}

.spinner__container {
  position: relative;
  height: 40px;
  width: 40px;
}
.spinner__container svg, .spinner__container .spinner__svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  will-change: transform;
}
.spinner__container .spinner__svg-1 {
  animation: rotation 2s infinite cubic-bezier(0.422, 0.201, 0.395, 0.909);
}
.spinner__container .spinner__svg-2 {
  animation: negative-rotation 1s infinite cubic-bezier(0.422, 0.201, 0.395, 0.909);
}

body:has(.scroll-flag) {
  overflow-y: hidden;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes negative-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
.loader-container {
  container-name: spinnercontainer;
  container-type: inline-size;
}

@container spinnercontainer (min-width: 1099px) {
  .spinner svg {
    height: 50px;
    width: 50px;
  }
}
@container spinnercontainer (min-width: 1440px) {
  .spinner svg {
    height: 60px;
    width: 60px;
  }
}
@container spinnercontainer (min-width: 1920px) {
  .spinner svg {
    height: 65px;
    width: 65px;
  }
}
/* components /_product-thumbnail.scss */
.product-thumbnail__button {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  width: 80px;
  height: 80px;
  background-color: transparent;
  border-color: #e5e5e5;
  cursor: pointer;
}
.product-thumbnail__button:hover {
  background-color: #fff;
  border-color: #d6d6d6;
}
.product-thumbnail__button.active {
  border-color: #737373;
}

.product-thumbnail__image {
  height: 75px;
  width: 75px;
  object-fit: contain;
}

.thumbnail-gallery {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 512px;
  overflow-y: auto;
}

@media (max-width: 1440px) {
  .thumbnail-gallery {
    flex-direction: row;
    height: 512px;
    overflow-x: auto;
    order: 2;
    height: unset;
    width: 512;
  }
}
/* components /_product-images.scss */
.pdp-img-gallery {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  gap: 32px;
  margin-inline: auto;
  background-color: #fff;
  border-radius: 16px;
  padding: 32px;
  align-self: start;
}
.pdp-img-gallery__window {
  position: relative;
  width: 100%;
}
.pdp-img-gallery__window-img {
  max-width: 512px;
  width: 100%;
  display: block;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  margin: auto;
  pointer-events: none;
  user-select: none;
}
.pdp-img-gallery__window-img.--lightbox {
  max-width: 760px;
  margin: 0;
}
.pdp-img-gallery__window-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  padding: 8px 14px;
  border-radius: 100%;
  border: none;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  font-size: 14px;
  color: #3f4040;
}
.pdp-img-gallery__window-btn:hover {
  background-color: #f5f5f5;
}
.pdp-img-gallery__window-btn.--prev {
  left: -20px;
}
.pdp-img-gallery__window-btn.--next {
  right: 0;
}
.pdp-img-gallery .pdp-img-gallery__lightbox-close {
  display: none;
}
.pdp-img-gallery__zoom {
  background: none;
  font-size: 32px;
  padding: 8px;
  border: none;
  color: #737373;
  position: absolute;
  bottom: 0;
  right: 0;
}
.pdp-img-gallery__zoom:hover {
  color: #525252;
}
.pdp-img-gallery__thumbs-track {
  position: relative;
}
.pdp-img-gallery__thumbs-track::before, .pdp-img-gallery__thumbs-track::after {
  content: "";
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  position: absolute;
  left: 0;
  right: 0;
  height: 80px;
  visibility: hidden;
  z-index: 1;
}
.pdp-img-gallery__thumbs-track::before {
  background: linear-gradient(to bottom, #F9FAFB, rgba(249, 250, 251, 0));
  top: 0;
}
.pdp-img-gallery__thumbs-track::after {
  background: linear-gradient(to top, #F9FAFB, rgba(249, 250, 251, 0));
  bottom: 0;
}
.pdp-img-gallery__thumbs-track.--overlay-end::after {
  opacity: 1;
  visibility: visible;
}
.pdp-img-gallery__thumbs-track.--overlay-start::before {
  opacity: 1;
  visibility: visible;
}
.pdp-img-gallery__thumbs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: auto;
  height: 100%;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
}
.pdp-img-gallery__thumbs::-webkit-scrollbar {
  display: none;
}
.pdp-img-gallery .js-img-gallery-content {
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.pdp-img-gallery .js-img-gallery-content.--start {
  margin-bottom: -8px;
}
.pdp-img-gallery .js-img-gallery-content.--end {
  margin-top: -8px;
}
.pdp-img-gallery__thumbnail {
  background: none;
  border: solid 1px #e5e5e5;
  border-radius: 8px;
  padding: 4px;
  scroll-snap-align: start;
}
.pdp-img-gallery__thumbnail-img {
  display: block;
  width: 75px;
  aspect-ratio: 1;
  opacity: 0.8;
  object-fit: contain;
  object-position: center;
  user-select: none;
}
.pdp-img-gallery__thumbnail:hover, .pdp-img-gallery__thumbnail:focus-visible {
  background: #fff;
}
.pdp-img-gallery__thumbnail:hover .pdp-img-gallery__btn-img, .pdp-img-gallery__thumbnail:focus-visible .pdp-img-gallery__btn-img {
  opacity: 1;
}
.pdp-img-gallery__thumbnail.--active {
  border-color: #737373;
  background: #fff;
}
.pdp-img-gallery__thumbnail.--active .pdp-img-gallery__btn-img {
  opacity: 1;
}
.pdp-img-gallery__modal .modal__dialog {
  max-width: 840px;
  position: relative;
  padding: 40px 86px;
}
.pdp-img-gallery__modal .modal__close-button {
  position: absolute;
  top: 24px;
  right: 24px;
}
.pdp-img-gallery__modal .pdp-img-gallery__window-btn.--next {
  right: 40px;
}
.pdp-img-gallery__modal .pdp-img-gallery__window-btn.--prev {
  left: 40px;
}
.pdp-img-gallery__lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(52, 64, 84, 0.7);
  backdrop-filter: blur(4px);
  max-width: 100%;
  display: grid;
  place-content: center;
}
.pdp-img-gallery__lightbox .pdp-img-gallery__lightbox-modal {
  background-color: #fff;
  padding: 40px;
  display: grid;
  place-content: center;
  width: auto;
  position: relative;
  border-radius: 8px;
}
.pdp-img-gallery__lightbox .pdp-img-gallery__lightbox-modal .pdp-img-gallery__window-btn.--prev {
  left: 40px;
}
.pdp-img-gallery__lightbox .pdp-img-gallery__lightbox-modal .pdp-img-gallery__window-btn.--next {
  right: 40px;
}
.pdp-img-gallery__lightbox .pdp-img-gallery__window-img {
  max-width: 760px;
}
.pdp-img-gallery__lightbox .pdp-img-gallery__lightbox-close {
  display: inline-block;
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 4px 13px;
  color: #737373;
  background: none;
  border: none;
  font-size: 24px;
}
.pdp-img-gallery__lightbox .pdp-img-gallery__lightbox-close:hover {
  color: #525252;
}

@media (max-width: 1099px) {
  .pdp-img-gallery {
    flex-direction: column;
    align-items: center;
    max-height: none;
    max-width: 100%;
    margin-inline: unset;
  }
  .pdp-img-gallery .js-img-gallery-content.--end {
    margin-top: unset;
    margin-left: -8px;
  }
  .pdp-img-gallery .js-img-gallery-content.--start {
    margin-bottom: unset;
    margin-right: -8px;
  }
  .pdp-img-gallery__thumbs-track {
    width: 100%;
  }
  .pdp-img-gallery__thumbs-track::before, .pdp-img-gallery__thumbs-track::after {
    width: 80px;
    height: 100%;
  }
  .pdp-img-gallery__thumbs-track::before {
    background: linear-gradient(to right, #F9FAFB, rgba(249, 250, 251, 0));
    right: unset;
  }
  .pdp-img-gallery__thumbs-track::after {
    background: linear-gradient(to left, #F9FAFB, rgba(249, 250, 251, 0));
    left: unset;
  }
  .pdp-img-gallery__thumbs {
    flex-direction: row;
    overflow-y: unset;
    overflow-x: auto;
    width: 100%;
    scroll-snap-type: x mandatory;
  }
  .pdp-img-gallery__thumbnail {
    width: 100%;
    max-width: 75px;
  }
  .pdp-img-gallery__thumbnail-img {
    width: 100%;
  }
}
@media (max-width: 619px) {
  .pdp-img-gallery {
    border-radius: 0;
  }
  .pdp-img-gallery__window-btn {
    padding: 8px 14px;
    font-size: 14px;
  }
  .pdp-img-gallery__window-btn.--next {
    right: -12px;
  }
  .pdp-img-gallery__window-btn.--prev {
    left: -12px;
  }
  .pdp-img-gallery__modal .modal__dialog {
    max-width: 840px;
    position: relative;
    padding: 60px 16px 40px 16px;
  }
  .pdp-img-gallery__modal .modal__close-button {
    position: absolute;
    top: 16px;
    right: 16px;
  }
  .pdp-img-gallery__modal .pdp-img-gallery__window-btn {
    position: static;
    transform: unset;
  }
  .pdp-img-gallery__modal-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
  }
}
@media (width > 1099px) {
  main:has(.pdp-img-gallery):not(:has(.pdp-img-gallery__modal.--show)) .pdp-img-gallery {
    position: sticky;
    top: 86px;
  }
}
.checkout-progress-bar {
  list-style-type: none;
}
.checkout-progress-bar__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 25%;
  position: relative;
}
.checkout-progress-bar__step::before {
  content: "\f111";
  font: var(--fa-font-sharp-solid);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f7f7f7;
  color: #e5e5e5;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkout-progress-bar__step::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 20px;
  left: -50%;
  z-index: -1;
  background-color: #00a0cb;
}
.checkout-progress-bar__step:first-child::after {
  content: none;
}
.checkout-progress-bar__step.--done::before, .checkout-progress-bar__step.--active::before {
  background-color: #ecfdff;
  color: #00a0cb;
}
.checkout-progress-bar__step.--done::before {
  content: "\f00c";
  font: var(--fa-font-sharp-regular);
  font-size: 20px;
}

@media (max-width: 1099px) {
  .checkout-progress-bar__step::before {
    font-size: 10px;
  }
  .checkout-progress-bar__step.--done::before {
    font-size: 18px;
  }
}
/* components /_navigation-menu-item-card.scss */
.service-card-container {
  display: block;
  flex: 1;
}

.menu-item-card {
  min-height: 202px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fcfcfc;
  min-width: 510px;
  width: 100%;
  position: relative;
  display: flex;
  isolation: isolate;
}
.menu-item-card:hover {
  background-color: #f5f5f5;
}
.menu-item-card:focus, .menu-item-card:active {
  outline: 2px solid #a5f0fc;
}
.menu-item-card__CTA {
  margin-block-start: 1.5rem;
}
.menu-item-card__content {
  padding: 1.5rem 0 1.5rem 1.5rem;
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  z-index: 2;
}
.menu-item-card__image {
  position: absolute;
  display: grid;
  grid-template-areas: "content";
  right: 0;
  clip-path: circle(110% at 100% 50%);
}
.menu-item-card__image img {
  grid-area: content;
}
.menu-item-card__image--overlay {
  grid-area: content;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #fff 0%, rgba(255, 255, 255, 0.25) 100%);
}
.menu-item-card__image--circle {
  width: 145px;
  height: 145px;
  background: linear-gradient(45deg, #fff 0%, #f5f5f5 100%);
  border-radius: 50%;
  position: absolute;
  top: 127.5px;
  right: 187.5px;
  mix-blend-mode: multiply;
}
.menu-item-card__text {
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
  width: 100%;
  max-width: 350px;
}

@media (max-width: 1099px) {
  .menu-item-card {
    border-radius: 0;
  }
}
@media (max-width: 619px) {
  .menu-item-card {
    min-width: unset;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto 150px;
    grid-template-areas: "title" "text" "cta" "image";
    gap: 1rem;
    border-radius: 0;
  }
  .menu-item-card__content {
    display: contents;
  }
  .menu-item-card__title {
    grid-area: title;
    padding-inline: 1.5rem;
    padding-top: 1.5rem;
  }
  .menu-item-card__text {
    grid-area: text;
    padding-inline: 1.5rem;
  }
  .menu-item-card__CTA {
    grid-area: cta;
    padding-inline: 1rem;
  }
  .menu-item-card__image {
    position: initial;
    justify-self: end;
    grid-area: image;
    height: 150px;
    width: 260px;
    clip-path: circle(90% at 75% 130%);
  }
  .menu-item-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .menu-item-card__image--overlay {
    display: none;
  }
  .menu-item-card__image--circle {
    width: 112px;
    height: 112px;
    bottom: -50%;
    top: unset;
    left: 18px;
    grid-area: image;
  }
}
/* components /_navigation-menu-item-new.scss */
.nav-menu-item {
  display: grid;
  grid-template-columns: 35px 1fr;
  gap: 16px;
  background-color: white;
  padding: 16px;
  border-radius: 8px;
  cursor: pointer;
}
.nav-menu-item .nav-menu-item__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #141414;
}
.nav-menu-item .nav-menu-item__text {
  color: #525252;
}
.nav-menu-item .badge, .nav-menu-item .badge--small, .nav-menu-item .badge--sm, .nav-menu-item .badge--medium, .nav-menu-item .badge--md, .nav-menu-item .badge--large, .nav-menu-item .badge--lg {
  display: inline-flex;
  font-size: 14px;
  padding-inline: 8px;
}
.nav-menu-item:hover, .nav-menu-item.active {
  background-color: #f7f7f7;
}
.nav-menu-item:focus, .nav-menu-item:focus-within, .nav-menu-item:active {
  outline: 2px solid black;
}
.nav-menu-item .btn-md {
  padding: 0;
  padding-inline-end: 16px;
}

.feature-tab {
  border-left: 4px solid #00a0cb;
  padding: 16px 24px;
}

.featured-icon-card {
  display: flex;
  gap: 16px;
  background-color: #f5feff;
  border-radius: 8px;
  padding: 20px;
  width: 100%;
  color: #141414;
  font-weight: 600;
  transition: box-shadow 200ms ease-out;
}
.featured-icon-card:hover {
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}

.feature-card {
  background-color: #f5feff;
  display: flex;
  padding: 24px;
  border-radius: 8px;
  flex-direction: column;
  gap: 64px;
}
.feature-card__img-circles {
  height: 100%;
  padding-bottom: 32px;
  width: 50%;
  overflow: hidden;
  position: relative;
}
.feature-card__img {
  width: 100%;
  aspect-ratio: 1;
  border-top-left-radius: 8px;
}
.feature-card__content {
  padding: 32px 24px;
  width: 50%;
}
.feature-card:hover {
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}

@media (max-width: 619px) {
  .featured-icon-card--mobile {
    flex-direction: column;
  }
  .feature-card {
    flex-direction: column;
    gap: 0;
    overflow: hidden;
  }
  .feature-card__content, .feature-card__img-circles {
    width: 100%;
  }
  .feature-card__img-circles {
    margin-top: -40%;
    padding-bottom: 0;
  }
}
/*
    <input class="checkbox-group-input" id="agreeToTerms" v-model="AgreedToTerms" type="checkbox" :disabled="IsProcessing" / >
    <label for="agreeToTerms" class="mt-12 checkbox-group checkbox-group--terms">
        <span class="checkmark"> </span>
        <div>
            <div class="text-md text--700">
            I have read and accepted XYMOGEN's Terms & Conditions
            </div>
            <div>
            By placing this order, you agree to our <a class="text-link" data-toggle="modal" data-target="#termsModal" onclick="ShowModal('#termsModal', event, { preventDefault: true })" > Terms and Conditions</a >
            </div>
        </div>
    </label>

*/
.checkbox-group-input {
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
}
.checkbox-group-input:focus + .checkbox-group .checkmark {
  outline: 3px solid #141414 !important;
  outline-offset: 1px;
}
.checkbox-group-input:checked + .checkbox-group {
  background-color: #f5feff;
  border: solid 2px #00a0cb;
}
.checkbox-group-input:checked + .checkbox-group .checkmark::after {
  content: "\f00c";
  font: var(--fa-font-regular);
  color: #00a0cb;
}
.checkbox-group-input:checked + .checkbox-group--terms {
  background-color: #fffcf5;
  border: solid 2px #f79009;
}
.checkbox-group-input:checked + .checkbox-group .checkmark {
  background-color: #cff9fe;
  border-color: #00a0cb;
  transition: background-color 0.2s;
}
.checkbox-group-input:checked + .checkbox-group .checkmark--radio {
  background-color: #00a0cb;
}
.checkbox-group-input:checked + .checkbox-group .checkmark--radio::after {
  color: #fff;
}
.checkbox-group-input:disabled + .checkbox-group {
  background-color: #e5e5e5;
  border-color: #f7f7f7;
}

.checkbox-group {
  display: flex;
  gap: 12px;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background: #fff;
  cursor: pointer;
}
.checkbox-group--sm {
  gap: 4px;
  align-items: center;
}
.checkbox-group--terms {
  background-color: #fffcf5;
  border-color: #fedf89;
}
.checkbox-group--terms:hover {
  border-color: #fedf89 !important;
}
.checkbox-group:hover {
  border-color: #67e3f9;
}
.checkbox-group:hover > .checkmark {
  background-color: #cff9fe;
  border-color: #00a0cb;
  transition: background-color 0.2s;
}
.checkbox-group .checkmark {
  height: 20px;
  aspect-ratio: 1;
}
.checkbox-group .checkmark {
  border: solid 1px #d6d6d6;
  border-radius: 2px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.checkbox-group .checkmark--radio {
  border-radius: 50%;
  font-size: 12px;
}
.checkbox-group .checkmark::after {
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkbox-group .checkmark:hover {
  background-color: #cff9fe;
  border-color: #00a0cb;
  transition: background-color 0.2s;
}
.checkbox-group .checkmark:active, .checkbox-group .checkmark:focus {
  border-color: #006b88;
  outline: solid 4px #cff9fe;
}
.checkbox-group .checkmark:disabled {
  background-color: #f5f5f5;
  border-color: #d6d6d6;
}

/* components /_global-notifications.scss */
.global-notification {
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.global-notification__banner--hide {
  display: none !important;
}
.global-notification .global-notification__banner {
  border: none;
  border-radius: 0;
  display: flex;
  justify-content: center;
  position: relative;
  padding: 16px 32px;
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 32px;
}
.global-notification .global-notification__banner .global-notification__content {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.global-notification .global-notification__banner .global-notification__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 900;
}
.global-notification .global-notification__banner .global-notification__text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #141414;
}
.global-notification .global-notification__banner .global-notification__title::before {
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  padding-inline-end: 8px;
}
.global-notification .global-notification__banner.maintenance {
  background-color: #f7f7f7;
  color: #141414;
}
.global-notification .global-notification__banner.maintenance .global-notification__title {
  color: #141414;
}
.global-notification .global-notification__banner.maintenance .global-notification__title::before {
  content: "\f0ad";
}
.global-notification .global-notification__banner.error {
  background-color: #fef3f2;
  color: #141414;
}
.global-notification .global-notification__banner.error .global-notification__title {
  color: #b42318;
}
.global-notification .global-notification__banner.error .global-notification__title::before {
  content: "\f071";
}
.global-notification .global-notification__banner.warning {
  background-color: #fffaeb;
  color: #141414;
}
.global-notification .global-notification__banner.warning .global-notification__title {
  color: #b54708;
}
.global-notification .global-notification__banner.warning .global-notification__title::before {
  content: "\f06a";
}
.global-notification .global-notification__banner.feature {
  background-color: #f5feff;
  color: #141414;
}
.global-notification .global-notification__banner.feature .global-notification__title {
  color: #141414;
}
.global-notification .global-notification__banner.feature .global-notification__title::before {
  content: "\f890";
}
.global-notification .global-notification__close-button {
  background: none;
  align-self: start;
  font-size: 18px;
  width: 32px;
  height: 32px;
}
.global-notification .global-notification__close-button i {
  font-weight: 900;
}
.global-notification .alert {
  border: none;
  border-radius: 0;
  display: flex;
  justify-content: center;
  position: relative;
}

@media (min-width: 619px) {
  .global-notification .alert .alert__title,
  .global-notification .alert .alert__text {
    text-align: center;
  }
  .global-notification .alert .alert__title::before {
    content: "\f071";
    font-family: "Font Awesome 6 Sharp";
    display: inline-block;
    color: inherit;
    margin-right: 0.5rem;
  }
  .global-notification .alert.triangle .alert__content::before, .global-notification .alert.info .alert__content::before, .global-notification .alert.check .alert__content::before {
    content: "";
  }
}
.cta-section {
  padding: 64px;
  background-color: #006b88;
  background-image: url("/images/shared/headers/cta-section-circle.svg");
  background-repeat: no-repeat;
  background-position-x: 25%;
  background-size: contain;
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

@media (max-width: 1099px) {
  .cta-section {
    flex-direction: column;
    align-items: start;
    justify-content: start;
  }
}
@media (max-width: 619px) {
  .cta-section {
    padding: 40px 24px;
  }
}
/* components /_featured-image-card.scss */
.featured-card-container {
  width: 100%;
  container-type: inline-size;
}

.featured-image-card {
  width: 100%;
  border-radius: 8px;
  background-color: #ecfdff;
  overflow: hidden;
  padding-block-end: 1rem;
}
.featured-image-card:hover {
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
}

.featured-image-card__text {
  padding-block: 1rem;
}

.featured-image-card__image-and-circle {
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
  margin-block-end: 1rem;
}

.featured-image-card__image-container {
  width: 405px;
  height: 405px;
  position: absolute;
  bottom: 0;
  right: 1rem;
}

.featured-image-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: circle(50% at 50% 50%);
}

.featured-image-card__circle {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(229, 229, 229, 0.4);
  width: 118px;
  height: 118px;
  clip-path: circle(50% at 50% 50%);
}

.featured-image-card__subtitle {
  padding-inline: 1rem;
  margin-top: 2rem;
}

.featured-image-card__title {
  padding-inline: 1rem;
}

.featured-image-card__description {
  padding-inline: 1rem;
  margin-top: 0.5rem;
}

.check-mark-list {
  padding-inline: 1rem;
  margin-top: 1rem;
}
.check-mark-list ul {
  list-style-type: none;
  padding-inline-start: 1rem;
}
.check-mark-list ul li {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  margin-block-end: 0.5rem;
  display: flex;
  gap: 0.5rem;
}
.check-mark-list ul li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Sharp";
  color: #00b2e3;
  font-weight: 700;
}
.check-mark-list.check-mark-list--xl ul li {
  font-size: 24px;
  line-height: 32px;
}
.check-mark-list--gray ul li::before {
  color: #525252;
}
.check-mark-list--success ul li::before {
  color: #ecfdf3;
  background: #17b26a;
  border-radius: 50%;
  height: 1em;
  width: 1em;
  line-height: 1.1;
}
.check-mark-list--no-circle ul li::before {
  content: "\f00c";
}
.check-mark-list--no-padding {
  padding: 0;
}
.check-mark-list--no-padding ul {
  padding: 0;
}

.featured-image-card__CTA {
  display: block;
  width: fit-content;
  margin: 2.5rem 0 2.5rem 1.5rem;
}
.featured-image-card__CTA i {
  margin-left: 1rem;
}

.featured-image-card__text {
  display: contents;
}

@container (min-width:406px) {
  .featured-image-card__image-container {
    right: unset;
    left: -50px;
  }
  .featured-image-card__CTA {
    margin-left: 1rem;
  }
}
@container (min-width:832px) {
  .featured-image-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "image text";
  }
  .featured-image-card__text {
    display: block;
    grid-area: text;
  }
  .featured-image-card__image-and-circle {
    height: 420px;
  }
  .featured-image-card__image-container {
    width: 550px;
    height: 550px;
    left: -150px;
  }
  .featured-image-card__circle {
    width: 170px;
    height: 170px;
  }
  .featured-image-card__description,
  .featured-image-card__bullets-container ul li {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
/* components /_tabs-carousel.scss */
.tabs-carousel {
  display: grid;
  grid-template-columns: 1fr;
}

.tabs-carousel__left {
  display: grid;
  grid-template-columns: 282px 1fr 530px;
  gap: 2rem;
  grid-row: 1;
  grid-column: 1;
}

.tabs-carousel__links {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-self: center;
  width: 100%;
  max-width: 280px;
}

.tabs-carousel__link {
  border-bottom: 2px solid rgba(0, 107, 136, 0);
  transition: all 0.3s ease-out;
  padding-block-end: 0.75rem;
}
.tabs-carousel__link:hover, .tabs-carousel__link.active {
  border-bottom: 2px solid #006b88;
}
.tabs-carousel__link:hover button, .tabs-carousel__link.active button {
  color: #006b88;
}
.tabs-carousel__link button {
  font-size: 1.125rem;
  color: #737373;
  background-color: transparent;
  border: none;
  outline: none;
  transition: all 0.3s ease-out;
  text-align: left;
}

.tabs-carousel__descriptions {
  position: relative;
  display: grid;
}

.tabs-carousel__item {
  grid-column: 1;
  grid-row: 1;
  justify-content: start;
  align-self: center;
  opacity: 0;
  transition: all 0.5s ease-out;
  transform: translateY(100px);
  visibility: hidden;
}
.tabs-carousel__item.active {
  opacity: 1;
  transform: none;
  visibility: visible;
}

.tabs-carousel__description {
  width: 100%;
  max-width: 600px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #525252;
  align-self: center;
}

.tabs-carousel__CTA {
  display: block;
}

.tabs-carousel__images {
  display: grid;
  grid-row: 1;
  grid-column: 1;
  justify-self: end;
  align-self: center;
}

.tabs-carousel__image-container {
  width: 820px;
  height: 820px;
  position: relative;
  grid-row: 1;
  grid-column: 1;
  right: -200px;
  opacity: 0;
  transition: all 0.5s ease-out;
  transform: translateX(250px);
}
.tabs-carousel__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: circle(50% at 50% 50%);
}
.tabs-carousel__image-container.active {
  opacity: 1;
  transform: none;
}

.tabs-carousel__image--circle-1 {
  width: 213px;
  height: 213px;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  opacity: 0.4;
  border-radius: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.tabs-carousel__image--circle-2 {
  width: 306px;
  height: 306px;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  position: absolute;
  opacity: 0.4;
  border-radius: 50%;
  right: 0;
  top: 0;
}

@media (max-width: 1440px) {
  .tabs-carousel__image-container {
    right: -400px;
  }
  .tabs-carousel__left {
    grid-template-columns: 283px 1fr 390px;
  }
}
.mobile-tabs-carousel-container {
  width: 100%;
  overflow: hidden;
}

.mobile-tabs-carousel {
  margin-block-start: 3rem;
  display: grid;
  grid-auto-columns: auto;
  overflow-x: scroll;
  align-items: start;
  gap: 1rem;
  scroll-snap-type: x mandatory;
}
.mobile-tabs-carousel .mobile-tabs-carousel-card {
  width: 100%;
  max-width: 343px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  padding-inline: 1rem;
  padding-block: 0.5rem;
  scroll-snap-align: start;
}
.mobile-tabs-carousel__link {
  width: 100%;
  max-width: 300px;
  transition: all 0.3s ease-out;
  padding-block-end: 0.75rem;
  color: #008eb5;
  border-bottom: 2px solid #008eb5;
}
.mobile-tabs-carousel__description {
  margin-block-start: 1.5rem;
}
.mobile-tabs-carousel__CTA {
  margin-block-start: 1.5rem;
}
.mobile-tabs-carousel .mobile-tabs-carousel__image-container {
  width: 300px;
  height: 300px;
  justify-self: center;
  position: relative;
}
.mobile-tabs-carousel .mobile-tabs-carousel__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: circle(50% at 50% 50%);
}
.mobile-tabs-carousel .mobile-tabs-carousel__image-container .mobile-tabs-carousel__image--circle-1 {
  width: 78px;
  height: 78px;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  opacity: 0.4;
  mix-blend-mode: multiply;
  border-radius: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.mobile-tabs-carousel .mobile-tabs-carousel__image-container .mobile-tabs-carousel__image--circle-2 {
  width: 120px;
  height: 120px;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  position: absolute;
  opacity: 0.4;
  mix-blend-mode: multiply;
  border-radius: 50%;
  right: 0;
  top: 0;
}

/* components /__country-mobile-popup.scss */
.site-country {
  position: relative;
  border: 1px solid #d6d6d6;
  padding: 0.5rem;
  width: 100%;
  margin-block-end: 0.5rem;
}
.site-country li {
  display: block;
  transition-duration: 0.5s;
}
.site-country li:hover {
  cursor: pointer;
}
.site-country .site-country__popup {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 100%;
  border: 1px solid #d6d6d6;
  padding: 0.5rem;
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.site-country .site-country__popup.open {
  display: block;
  visibility: visible;
  opacity: 1;
}
.site-country .site-country__popup li:first-of-type {
  background-color: #f5f5f5;
}
.site-country .site-country__popup li {
  padding: 0.5rem;
  display: flex;
  gap: 0.5rem;
}
.site-country .site-country__popup li a {
  display: flex;
  align-items: center;
}

.country-toggle__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.country-toggle__item i {
  margin-left: auto;
}

.simple-slider-wrapper {
  position: relative;
}

.simple-slider {
  display: flex;
  gap: 10px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow-x: scroll;
  position: relative;
  padding-bottom: 25px;
  scrollbar-width: thin;
  scrollbar-color: #ededed transparent;
  list-style: none;
}
.simple-slider__scroll-bar-cover {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8px;
  background-color: #fff;
  opacity: 1;
  transition: all ease 0.4s;
  pointer-events: none;
}
.simple-slider:hover + .simple-slider__scroll-bar-cover {
  opacity: 0;
  transition: all ease 0.4s;
  visibility: hidden;
}
.simple-slider__slide {
  scroll-snap-align: start;
}
.simple-slider__control {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 14px;
  font-size: 14px;
  border: 0;
  background-color: #fff;
  box-shadow: -8px 12px 16px -4px rgba(16, 24, 40, 0.08);
  transition: opacity 0.3s ease;
  color: #3f4040;
}
.simple-slider__control:not(:disabled):hover {
  background-color: #f5f5f5;
}
.simple-slider__control:disabled {
  opacity: 0;
  pointer-events: none;
}
.simple-slider::-webkit-scrollbar {
  height: 8px;
}
.simple-slider::-webkit-scrollbar-thumb {
  background-color: #ededed;
  border-radius: 10px;
}
.simple-slider:hover::-webkit-scrollbar-thumb {
  background-color: #ededed;
}
.simple-slider:hover::-webkit-scrollbar-thumb:hover {
  background-color: #00a0cb;
}
.simple-slider::-webkit-scrollbar-track {
  background: transparent;
}
.simple-slider--no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.simple-slider--no-scrollbar::-webkit-scrollbar {
  display: none;
}

.id-verification-container {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.id-verification-container__info {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: space-between;
}
.id-verification-container__copy {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 800px;
  flex-direction: column;
  gap: 24px;
}

.id-verification__top-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 1099px) {
  .id-verification-container__info {
    flex-direction: column;
    align-items: start;
  }
  .id-verification-container__copy {
    max-width: 100%;
  }
}
.touch-slider__track {
  position: relative;
  list-style: none;
  height: fit-content;
}
.touch-slider__slide {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.touch-slider__slide--active {
  visibility: visible;
}
.touch-slider__control {
  cursor: pointer;
}

.slider-dots {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.slider-dots__control {
  width: 11px;
  height: 11px;
  border-radius: 20px;
  background-color: #fff;
  opacity: 0.5;
  border: 0;
  transition: width 0.5s ease-out;
}
.slider-dots__control:hover {
  opacity: 0.75;
}
.slider-dots__control--active {
  width: 32px;
}
.slider-dots--dark .slider-dots__control {
  background-color: #e5e5e5;
  opacity: 1;
}
.slider-dots--dark .slider-dots__control:hover {
  opacity: 1;
  background-color: #a3a3a3;
}
.slider-dots--dark .slider-dots__control--active {
  background-color: #525252;
}
.slider-dots--dark .slider-dots__control--active:hover {
  background-color: #525252;
}

.accordion {
  display: flex;
  flex-direction: column;
}
.accordion__button:not(.accordion__button--nostyle) {
  color: #141414;
  border: 0;
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 24px;
  background: none;
  border-radius: 8px;
}
.accordion__button:not(.accordion__button--nostyle)::after {
  content: "\f078";
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-sharp-solid);
  font-size: 16px;
  color: #737373;
}
.accordion__button:not(.accordion__button--nostyle):hover {
  background-color: #f7f7f7;
}
.accordion__hr {
  margin-top: 8px;
  border-color: #d6d6d6;
}
.accordion__hr:not(:last-of-type) {
  margin-bottom: 32px;
}
.accordion__button[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #f7f7f7;
}
.accordion__button[aria-expanded=true]::after {
  content: "\f077";
}
.accordion__panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}
.accordion__panel-content {
  padding: 16px 24px;
  background-color: #f7f7f7;
}
.accordion__panel-content ol {
  padding-inline-start: 1rem;
}
.accordion__button-caret {
  color: #141414;
  border: 0;
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  background: none;
  font-weight: 600 !important;
  border-radius: 8px;
}
.accordion__button-caret::after {
  font-family: "Font Awesome 6 Sharp";
  content: "\f107";
}
.accordion__button-caret[aria-expanded=true] {
  background-color: #f7f7f7;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.accordion__button-caret[aria-expanded=true]::after {
  content: "\f106" !important;
}
.accordion__button-caret:not(.accordion-mobile):hover {
  background-color: #f7f7f7 !important;
}
.accordion__button-caret[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion .left-menu-panel {
  background-color: #f7f7f7;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.accordion .left-menu-panel .accordion__panel-content {
  padding: 0 12px;
}

.accordion--dark {
  color: #fff;
}
.accordion--dark .accordion__button:not(.accordion__button--nostyle) {
  color: #fff;
}
.accordion--dark .accordion__button:not(.accordion__button--nostyle)::after {
  color: #d6d6d6;
}
.accordion--dark .accordion__button:not(.accordion__button--nostyle):hover, .accordion--dark .accordion__button:not(.accordion__button--nostyle)[aria-expanded=true] {
  background-color: #525252;
}
.accordion--dark .accordion__panel-content {
  background-color: #525252;
}
.accordion--dark .accordion__hr {
  border-color: #737373;
}

.accordion_underlined__button {
  text-align: left;
  font-size: 24px;
  font-weight: 400 !important;
  padding: 16px 24px;
  width: 100%;
}

.accordion-grey-bg__panel {
  background-color: #f7f7f7;
  padding-inline: 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-block-start: 0;
  margin-block-end: 8px;
}

@media (max-width: 1099px) {
  .accordion_underlined__button {
    font-size: 20px;
  }
}
@media (max-width: 619px) {
  .accordion__hr:not(:last-of-type) {
    margin-bottom: 24px;
  }
}
.decorator {
  position: absolute;
  pointer-events: none;
}

.decorator-top {
  top: 0;
}

.decorator-btm {
  bottom: 0;
}

.decorator-center {
  top: 50%;
  transform: translateY(-50%);
}

.decorator-left {
  left: 0;
}

.decorator-right {
  right: 0;
}

.decorator-teal-green-blue {
  height: 573px;
  width: min(32px, 2.22vw);
  background: linear-gradient(to bottom, #00786e 0%, #00786e 12.38%, #007e45 12.38%, #007e45 64.66%, #00b2e3 64.66%, #00b2e3 100%);
}

.decorator-brand-blue-teal {
  height: 496px;
  width: min(32px, 2.22vw);
  background: linear-gradient(to bottom, #00b2e3 0%, #00b2e3 18%, #0066c4 18%, #0066c4 72%, #009a8e 72%, #009a8e 100%);
}

.decorator-ang-p1p2s3 {
  background-image: linear-gradient(to bottom, #00a99b 0%, #00a99b min(32px, 2.22vw), #0066c4 min(32px, 2.22vw), #0066c4 100%), linear-gradient(to right, #00b2e3 0%, #00b2e3 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: min(32px, 2.22vw) min(183px, 100%), min(162px, 100%) min(32px, 2.22vw);
}

.decorator-blue-brand-teal {
  height: 489px;
  width: min(32px, 2.22vw);
  background: linear-gradient(to bottom, #0066c4 0%, #0066c4 36%, #00b2e3 36%, #00b2e3 50%, #009a8e 50%, #009a8e 100%);
}

.decorator-blue-brand-gold {
  height: 612px;
  width: min(32px, 2.22vw);
  background: linear-gradient(to bottom, #0066c4 0%, #0066c4 33%, #00b2e3 33%, #00b2e3 76%, #ffb53e 76%, #ffb53e 100%);
}

.decorator-hor-teal-gold-teal {
  height: min(32px, 2.22vw);
  width: max(420px, 29vw);
  background: linear-gradient(to right, #006c79 0%, #006c79 14%, #ffb53e 14%, #ffb53e 63%, #00a99b 63%, #00a99b 100%);
}

.decorator-hor-tyb {
  height: min(32px, 2.22vw);
  background-image: linear-gradient(to right, #0095a0 0%, #0095a0 28%, #ffb53e 28%, #ffb53e 72%, #0066c4 72%, #0066c4 100%);
  background-repeat: no-repeat;
  background-size: min(525px, 36.45vw) auto;
}

.decorator-ang-brand-gold-blue-teal {
  background-image: linear-gradient(to right, #00b2e3 0%, #00b2e3 23%, #ffb53e 23%, #ffb53e 93.2%, #0066c4 93.2%, #0066c4 min(32px, 2.22vw)), linear-gradient(to top, #0095a0 0%, #0095a0 100%);
  background-size: min(470px, 33vw) min(32px, 2.22vw), min(32px, 2.22vw) max(260px, 18vw);
  background-repeat: no-repeat;
  background-position: bottom right;
  width: min(470px, 33vw);
  height: min(260px, 18vw);
}

.decorator-4 {
  width: 230px;
  height: 100px;
  background-image: linear-gradient(to right, #0066c4 0%, #0066c4 60px, #ffb53e 60px, #ffb53e 200px, #067647 200px, #067647 230px), linear-gradient(to bottom, #00b2e3 0%, #00b2e3 100%);
  background-repeat: no-repeat;
  background-size: 100% 30px, 30px 100%;
  background-position: top right;
}

.decorator-5 {
  background-image: linear-gradient(to right, #0066c4 0%, #0066c4 80px, #067647 80px, #067647 110px, #ffb53e 110px, #ffb53e 100%);
  background-repeat: no-repeat;
  height: 30px;
  width: 270px;
}

.decorator-6 {
  background-image: linear-gradient(to bottom, #067647 0%, #067647 30px, #ffb53e 30px, #ffb53e 100%), linear-gradient(to right, #00b2e3 0%, #00b2e3 100%);
  background-size: 30px 100%, 100% 30px;
  background-position: top left;
  background-repeat: no-repeat;
  width: 130px;
  height: 150px;
}

.decorator-7 {
  background-image: linear-gradient(to right, #00b2e3 0%, #00b2e3 140px, #007684 140px, #007684 190px, #00a99b 190px, #00a99b 270px);
  background-repeat: no-repeat;
  height: 30px;
  width: 270px;
}

.decorator-1 {
  --short: 30px;
  --long: 70px;
  --width: 100px;
  top: 24px;
  right: 0;
  width: var(--width);
  aspect-ratio: 1;
  background: linear-gradient(to right, #00a99b 0%, #00a99b var(--long), #067647 var(--long), #067647 var(--width)), linear-gradient(to bottom, #00b2e3 0%, #00b2e3 100%);
  background-position: 0 0, var(--long) var(--short);
  background-size: var(--width) var(--short), var(--short) var(--width);
  background-repeat: no-repeat;
}

.decorator-2 {
  --short: 30px;
  --medium: 70px;
  --long: 160px;
  --height: 30px;
  height: var(--height);
  width: calc(var(--short) + var(--medium) + var(--long));
  background: linear-gradient(to right, #0066c4 0%, #0066c4 var(--medium), #067647 var(--medium), #067647 calc(var(--medium) + var(--short)), #ffb53e calc(var(--medium) + var(--short)), #ffb53e calc(var(--medium) + var(--short) + var(--long)));
  background-repeat: no-repeat;
}

.decorator-3 {
  --short: 50px;
  --medium: 80px;
  --long: 140px;
  --width: 30px;
  width: var(--width);
  height: calc(var(--short) + var(--medium) + var(--long));
  background: linear-gradient(to bottom, #00b2e3 0%, #00b2e3 var(--long), #007684 var(--long), #007684 calc(var(--long) + var(--short)), #00a99b calc(var(--long) + var(--short)), #00a99b calc(var(--long) + var(--medium) + var(--short)));
  background-repeat: no-repeat;
}

.decorator-8 {
  --short: 50px;
  --medium: 80px;
  --long: 140px;
  --width: 30px;
  width: var(--width);
  height: calc(var(--short) + var(--medium) + var(--long));
  background: linear-gradient(to bottom, #00b2e3 0%, #00b2e3 var(--long), #ffb53e var(--long), #ffb53e calc(var(--long) + var(--short)), #00a99b calc(var(--long) + var(--short)), #00a99b calc(var(--long) + var(--medium) + var(--short)));
  background-repeat: no-repeat;
}

.decorator-9 {
  --short: 90px;
  --long: 180px;
  --height: 30px;
  height: var(--height);
  width: calc(var(--short) + var(--long));
  background: linear-gradient(to right, #00b2e3 0%, #00b2e3 var(--long), #ffb53e var(--long), #ffb53e calc(var(--long) + var(--short)));
}

.decorator-2-angle {
  --medium: 70px;
  --long: 140px;
  --short: 60px;
  --width: 30px;
  width: calc(var(--width) + var(--long) + var(--short));
  height: calc(var(--width) + var(--medium));
  background: linear-gradient(to bottom, #00b2e3 0%, #00b2e3 var(--medium), #067647 var(--medium), #067647 calc(var(--medium) + var(--width))), linear-gradient(to right, #067647 0%, #067647 var(--width), #ffb53e var(--width), #ffb53e calc(var(--width) + var(--long)), #0066c4 calc(var(--width) + var(--long)), #0066c4 calc(var(--width) + var(--long) + var(--short)));
  background-repeat: no-repeat;
  background-position: top left, bottom left;
  background-size: var(--width) calc(var(--medium) + var(--width)), calc(var(--width) + var(--long) + var(--short)) var(--width);
}

@media (max-width: 619px) {
  .decorator-1 {
    --width: 70px;
    --long: 55px;
    --short: 15px;
  }
  .decorator-2 {
    --short: 15px;
    --medium: 75px;
    --long: 165px;
    --height: 15px;
  }
  .decorator-3, .decorator-8 {
    --short: 35px;
    --medium: 65px;
    --long: 125px;
    --width: 15px;
  }
  .decorator-2-angle {
    --width: 15px;
    --medium: 55px;
    --long: 125px;
    --short: 45px;
  }
  .decorator-4 {
    width: 185px;
    height: 70px;
    background-image: linear-gradient(to right, #0066c4 0%, #0066c4 45px, #ffb53e 45px, #ffb53e 170px, #067647 170px, #067647 185px), linear-gradient(to bottom, #00b2e3 0%, #00b2e3 100%);
    background-size: 100% 15px, 15px 100%;
  }
  .decorator-5 {
    width: 225px;
    height: 15px;
    background-image: linear-gradient(to right, #0066c4 0%, #0066c4 75px, #067647 75px, #067647 90px, #ffb53e 90px, #ffb53e 100%);
  }
  .decorator-6 {
    width: 100px;
    height: 120px;
    background-image: linear-gradient(to bottom, #067647 0%, #067647 15px, #ffb53e 15px, #ffb53e 100%), linear-gradient(to right, #00b2e3 0%, #00b2e3 100%);
    background-size: 15px 100%, 100% 15px;
  }
  .decorator-7 {
    width: 225px;
    height: 15px;
    background-image: linear-gradient(to right, #00b2e3 0%, #00b2e3 125px, #007684 125px, #007684 160px, #00a99b 160px, #00a99b 100%);
  }
  .decorator-9 {
    --long: 160px;
    --short: 65px;
    --height: 15px;
  }
}
.home-hero-slider {
  width: 100%;
  height: fit-content;
  min-height: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 8px;
}

.home-hero-slide__heading {
  font-size: 61px;
  line-height: 68px;
}

.hero-wellness-week {
  font-size: 110px;
  line-height: 90px;
}

.home-hero-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  border-radius: 0 0 16px 16px;
}
.home-hero-slide__container {
  position: relative;
  height: 100%;
  padding-inline: 64px;
}
.home-hero-slide__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1950px;
  height: 100%;
  object-fit: cover;
  object-position: bottom right;
  z-index: -1;
  transform: scale(1.25);
  transition: transform 0.5s ease-in-out;
}
.home-hero-slide__img-slide-in {
  position: absolute;
  left: unset;
  top: unset;
  right: 0;
  bottom: 0;
  height: 100%;
  opacity: 0;
  transform: translateX(100%);
}
.home-hero-slide__video-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1;
  mix-blend-mode: multiply;
}
.home-hero-slide__video-container .home-hero-slide__container {
  z-index: 2;
}
.home-hero-slide__video {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 1950px;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  transition: transform 0.5s ease-in-out;
}
.home-hero-slide__video[poster] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-hero-slide__content {
  display: flex;
  width: 100%;
  max-width: 575px;
  height: 100%;
  padding: 80px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
  will-change: transform;
}
.home-hero-slide__lockup-img {
  width: 100%;
  max-width: 300px;
  height: fit-content;
  object-fit: contain;
}
.home-hero-slide__btns {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 24px;
}

.home-hero-slide--gold {
  background-color: #ffb53e;
}

.home-hero-slide--blue {
  background-color: #0053a0;
}

.home-hero-slide--teal {
  background-color: #00535d;
}

.home-hero-slide--color .home-hero-slide__content {
  transform: translate3d(0, -50px, 0);
  transition: transform 0.5s ease-in-out;
}
.home-hero-slide--color .home-hero-slide__img {
  height: 100%;
  object-fit: contain;
  object-position: bottom right;
  transform: translate3d(20vw, 0, 0);
  opacity: 0;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  z-index: auto;
  left: unset;
  width: auto;
}

.home-hero-slide--center .home-hero-slide__content {
  margin: auto;
  justify-content: end;
  align-items: center;
  text-align: center;
  transform: translate3d(0, -200px, 0);
  transition: transform 0.5s ease-in-out;
}
.home-hero-slide--center .home-hero-slide__btns {
  align-items: center;
}

.home-hero-slide__btns-stacked {
  flex-direction: column;
}

.home-hero-slide--left .home-hero-slide__content {
  transform: translate3d(20vw, 0, 0);
  transition: transform 0.5s ease-in-out;
}

.home-hero-slide.touch-slider__slide--active {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
}
.home-hero-slide.touch-slider__slide--active .home-hero-slide__img {
  transform: scale(1);
  transition: transform 0.5s ease-in-out;
}
.home-hero-slide.touch-slider__slide--active .home-hero-slide__img-slide-in {
  transform: translateX(0);
  opacity: 1;
  transition: all 0.75s ease-in-out;
}
.home-hero-slide.touch-slider__slide--active.home-hero-slide--color .home-hero-slide__img {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.home-hero-slide.touch-slider__slide--active .home-hero-slide__content {
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s ease-in-out;
}

.home-hero__indicators {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  justify-content: center;
  width: 100%;
}

.home-hero__bar {
  width: 100%;
  max-width: 30px;
  height: 6px;
  border-radius: 3px;
  background-color: #e5e5e5;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}
.home-hero__bar--active {
  background-color: #008eb5;
  transition: all 0.3s ease;
}

.home-hero__controls {
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: flex;
  gap: 16px;
}

.home-hero__prev,
.home-hero__next {
  background-color: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  aspect-ratio: 1;
  cursor: pointer;
  border: none;
  box-shadow: 8px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.home-hero__prev:hover,
.home-hero__next:hover {
  background-color: #f5f5f5;
}
.home-hero__prev.--blue,
.home-hero__next.--blue {
  background-color: #cff9fe;
}
.home-hero__prev.--blue:hover,
.home-hero__next.--blue:hover {
  background-color: #a5f0fc;
}

.home-hero__controls.--blue .home-hero__prev,
.home-hero__controls.--blue .home-hero__next {
  background-color: #cff9fe;
}
.home-hero__controls.--blue .home-hero__prev:hover,
.home-hero__controls.--blue .home-hero__next:hover {
  background-color: #a5f0fc;
}

.home-hero__next {
  position: relative;
}
.home-hero__next .progress-ring {
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
}
.home-hero__next .progress-ring__circle {
  stroke-dasharray: 125 125;
  stroke-dashoffset: 125;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.home-hero__next.--done .progress-ring__circle {
  stroke-dashoffset: 0;
  transition: all 5s linear;
  will-change: stroke-dashoffset;
}

@keyframes hh-slide-progress {
  from {
    background: conic-gradient(#00b2e3 0%, 0, transparent);
  }
  to {
    background: conic-gradient(#00b2e3 100%, 0, transparent);
  }
}
@media (max-width: 1440px) {
  .home-hero__text {
    width: 70%;
  }
  .home-hero__img-area {
    flex: 1;
  }
}
@media (max-width: 1099px) {
  .home-hero-slide__container {
    padding-inline: 32px;
  }
  .home-hero-slide__heading {
    font-size: 50px;
    line-height: 54px;
  }
  .home-hero-slide__content {
    max-width: 500px;
    justify-content: start;
    padding: 40px 0;
  }
  .home-hero-slide__btns {
    margin-top: 16px;
  }
}
@media (max-width: 619px) {
  .home-hero-slider {
    min-height: 480px;
  }
  .home-hero-slide__container {
    padding-inline: 16px;
  }
  .home-hero-slide__heading {
    font-size: 30px;
    line-height: 33px;
  }
  .home-hero-slide__btns {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
  }
  .home-hero-slide__content {
    padding: 24px 0;
    max-width: 400px;
  }
}
.athletix .home-hero-slide__content {
  padding: 50px 0;
}

.athletix .home-hero-slide__img {
  object-position: center center !important;
}

.featured-icon-card-rs {
  background-color: #fcfcfc;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  width: 100%;
}
.featured-icon-card-rs__title {
  font-size: 23px;
  font-weight: 600 !important;
  line-height: 31px;
  margin-block-start: 24px;
}
.featured-icon-card-rs__text {
  font-size: 16px;
  font-weight: 400;
}
.featured-icon-card-rs a span {
  padding-top: 12px !important;
  font-weight: 600 !important;
  font-size: 14px;
}

@media (max-width: 619px) {
  .featured-icon-card-rs {
    gap: 8px;
    padding: 20px;
  }
  .featured-icon-card-rs .icon-new {
    max-width: 32px;
  }
  .featured-icon-card-rs .icon-new .icon-new__inner i {
    font-size: 14px;
  }
  .featured-icon-card-rs__title {
    font-size: 18px;
    line-height: 28px;
    margin-block-start: 24px;
  }
  .featured-icon-card-rs__text {
    font-size: 16px;
    font-weight: 400;
  }
  .featured-icon-card-rs a span {
    padding-top: 12px !important;
    font-weight: 600 !important;
    font-size: 14px;
  }
}
.carousel-arrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
  color: #3f4040;
  font-weight: 900;
  border: 0;
  aspect-ratio: 1;
}
.carousel-arrow-white {
  background-color: #fff;
  border: solid 1px #f5f5f5;
}
.carousel-arrow-blue {
  background-color: #cff9fe;
}
.carousel-arrow-md {
  padding: 8px 14px;
  font-size: 14px;
  line-height: 20px;
}
.carousel-arrow-lg {
  padding: 9px 17px;
  font-size: 18px;
  line-height: 28px;
}
.carousel-arrow:hover {
  background-color: #f7f7f7;
}

.higher-standards {
  display: flex;
  gap: 112px;
}
.higher-standards > div {
  width: 100%;
}

.pdp-hs-dec-copy-container {
  padding-left: 48px;
}

.pdp-hs-heading {
  position: relative;
  padding-top: 40px;
  margin-bottom: 40px;
}
.pdp-hs-heading__dec {
  position: absolute;
  top: 0;
  left: -48px;
}

.pdp-trusted-img-container {
  height: 568px;
  width: 100%;
  max-width: 704px;
}

.pdp-trusted-img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: COVER;
  height: 100%;
  border-radius: 24px;
  max-width: 704px;
  object-position: right;
}

@media (max-width: 1537px) {
  .pdp-trusted-img {
    border-radius: 0 24px 24px 0;
  }
}
@media (max-width: 1099px) {
  .higher-standards {
    gap: 20px;
  }
}
@media (max-width: 619px) {
  .higher-standards {
    flex-direction: column;
    gap: 40px;
  }
  .pdp-trusted-img-container {
    height: auto;
  }
  .pdp-trusted-img {
    width: 100%;
    position: static;
    border-radius: 20px;
    height: 350px;
  }
}
.category-slider__slide {
  position: relative;
  padding-inline: 16px;
  list-style: none;
}
.category-slider__slide::after {
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  right: 16px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 16px;
  transition: background-color 250ms ease-in-out;
}
.category-slider__link {
  border-radius: 16px;
  overflow: hidden;
  color: #fff;
  width: 320px;
  height: 400px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  position: relative;
  text-wrap: balance;
  background-color: #141414;
}
.category-slider__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
}
.category-slider__text {
  position: relative;
  z-index: 3;
}
.category-slider__arrow {
  opacity: 0;
  font-size: 24px;
  position: absolute;
  bottom: 32px;
  right: 32px;
  transform: translateX(-8px);
  transition: all 250ms ease-in-out;
  z-index: 3;
}
.category-slider__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 250ms ease-in-out;
}
.category-slider__slide:has(.category-slider__link:hover, .category-slider__link:focus-visible, .category-slider__link.--hover)::after {
  background-color: rgba(0, 0, 0, 0.1);
}
.category-slider__slide:has(.category-slider__link:hover, .category-slider__link:focus-visible, .category-slider__link.--hover) .category-slider__img {
  transform: scale(1.04);
}
.category-slider__link:hover .category-slider__arrow, .category-slider__link:focus-visible .category-slider__arrow {
  opacity: 1;
  transform: translateX(0);
}

.category-slider--mobile__chunk {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.category-slider--mobile__slide {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  width: 100%;
  width: 90vw;
  position: relative;
  padding-inline: 2px;
}
.category-slider--mobile__link {
  border-radius: 12px;
  padding: 0 24px;
  height: 113px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background-color: #141414;
}
.category-slider--mobile__link > * {
  position: relative;
  z-index: 3;
}
.category-slider--mobile__img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  object-position: center;
  transition: transform 250ms ease-in-out;
}
.category-slider--mobile__link::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 250ms ease-in-out;
}
.category-slider--mobile__link:hover::after, .category-slider--mobile__link:focus-visible::after, .category-slider--mobile__link.--hover::after {
  background-color: rgba(0, 0, 0, 0.1);
}
.category-slider--mobile__link:hover .category-slider--mobile__img, .category-slider--mobile__link:focus-visible .category-slider--mobile__img, .category-slider--mobile__link.--hover .category-slider--mobile__img {
  transform: scale(1.04);
}
.category-slider--mobile .category-slider__arrow {
  position: absolute;
  transform: translateX(-16px);
}
.category-slider--mobile__link:hover .category-slider__arrow, .category-slider--mobile__link:focus-visible .category-slider__arrow {
  opacity: 1;
  transform: translateX(0);
}

@media (min-width: 620px) {
  .category-slider--mobile {
    position: absolute;
    left: -9999999px;
  }
}
@media (max-width: 1099px) {
  .category-slider__slide {
    padding-inline: 10px;
  }
  .category-slider__slide::after {
    left: 10px;
    right: 10px;
  }
  .category-slider__link {
    padding: 20px;
    width: 240px;
    height: 300px;
  }
}
@media (max-width: 619px) {
  .category-slider {
    position: absolute;
    left: -9999999px;
  }
  .category-slider--mobile {
    position: static;
    left: 0;
  }
}
#categorySliderTitle {
  transform: translateY(20px);
  opacity: 0;
}

.testimonials-slider__track {
  min-height: 500px;
}
.testimonials-slider__decorator {
  position: absolute;
  top: 0;
  right: 0;
}
.testimonials-slider__slide {
  min-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 11%;
  transition: visibility 500ms linear;
}
.testimonials-slider__content {
  width: 100%;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding-right: 40px;
  transform: translateY(20px);
  opacity: 0;
  transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
}
.testimonials-slider__content-bottom {
  display: flex;
  justify-content: space-between;
}
.testimonials-slider__copy {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 33px;
}
.testimonials-slider__name {
  max-width: fit-content;
  width: 100%;
}
.testimonials-slider__controls {
  display: flex;
  gap: 16px;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 32px;
}
.testimonials-slider__control-placeholder {
  width: 36px;
}
.testimonials-slider__img-wrapper {
  height: 500px;
  width: 500px;
  position: relative;
}
.testimonials-slider__img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 500px;
  object-fit: cover;
  border-radius: 24px;
  opacity: 0;
  transform: translateX(-100px);
  transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
}
.testimonials-slider + .simple-slider__scroll-bar-cover {
  bottom: 64px;
}
.testimonials-slider .touch-slider__slide--active .testimonials-slider__img {
  opacity: 1;
  transform: translateX(0);
}
.testimonials-slider .touch-slider__slide--active .testimonials-slider__content {
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 1099px) {
  .testimonials-slider__slide {
    gap: 20px;
  }
  .testimonials-slider__content {
    gap: 48px;
  }
  .testimonials-slider__copy {
    font-size: 20px;
    line-height: 22px;
  }
}
@media (max-width: 619px) {
  .testimonials-slider__track {
    min-height: 765px;
  }
  .testimonials-slider__decorator {
    top: 370px;
    right: 16px;
  }
  .testimonials-slider__slide {
    flex-direction: column;
    justify-content: start;
  }
  .testimonials-slider__content {
    margin-top: 40px;
    transform: translateX(100px) scale(1);
  }
  .testimonials-slider__img-wrapper {
    width: 100%;
    height: 350px;
    display: grid;
    place-content: center;
  }
  .testimonials-slider__img {
    position: static;
    width: 100%;
    height: 350px;
    max-width: 350px;
    margin: auto;
  }
  .testimonials-slider__controls {
    right: 16px;
  }
}
.testimonials-slider .--gsap-hide-testimonials-slider__slide .testimonials-slider__img {
  transform: translateX(-100px);
  opacity: 0;
}
.testimonials-slider .--gsap-hide-testimonials-slider__slide .testimonials-slider__content {
  transform: translateY(20px);
  opacity: 0;
}
.testimonials-slider__decorator {
  transform: scaleX(0);
}

.toggle {
  background-color: #e5e5e5;
  width: 36px;
  height: 20px;
  aspect-ratio: 9/5;
  border-radius: 12px;
  padding: 2px;
  display: flex;
  justify-content: start;
  cursor: pointer;
}
.toggle::after {
  content: "";
  border-radius: 100%;
  background-color: #fff;
  height: 16px;
  width: 16px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06);
}
.toggle:hover {
  background-color: #d6d6d6;
}
.toggle:focus {
  box-shadow: 0px 0px 0px 4px #ECFDFF;
}

.toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.toggle-input:focus + .toggle, .toggle-input:focus + .toggle-group .toggle {
  box-shadow: 0px 0px 0px 4px #ECFDFF;
}
.toggle-input:checked + .toggle, .toggle-input:checked + .toggle-group .toggle {
  background-color: #00a0cb;
  justify-content: end;
}
.toggle-input:checked + .toggle:hover, .toggle-input:checked + .toggle-group .toggle:hover {
  background-color: #008eb5;
}
.toggle-input:disabled + .toggle, .toggle-input:disabled + .toggle-group .toggle {
  background-color: #f5f5f5 !important;
}

.toggle-group {
  display: flex;
  gap: 8px;
  align-items: start;
}

.datepicker {
  display: grid;
  place-items: center;
  z-index: 0;
}
.datepicker .pika-single {
  border: solid 1px #d6d6d6;
  border-radius: 8px;
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
}
.datepicker .pika-lendar {
  width: auto;
}
.datepicker .pika-label {
  font-size: 16px;
}
.datepicker .pika-table th, .datepicker .pika-day {
  padding: 10px 8px;
}
.datepicker .pika-day {
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  background: transparent;
}
.datepicker .pika-button {
  font-size: 14px;
  color: #141414;
  width: 40px;
  height: 40px;
  aspect-ratio: 1;
  text-align: center;
  border-radius: 100% !important;
  font-weight: 600;
}
.datepicker .is-disabled .pika-button {
  font-weight: 400;
  background: none;
}
.datepicker .pika-button:hover {
  background: #f5f5f5;
  color: #3f4040;
}
.datepicker .is-selected .pika-button {
  background: #006b88;
  color: #fff;
}
.datepicker .pika-table th abbr {
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  color: #a3a3a3;
}

.video-player {
  position: relative;
  cursor: pointer;
}
.video-player > video {
  width: 100%;
  border-radius: 16px;
}
.video-player__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  font-size: 64px;
  color: black;
  opacity: 0.6;
  border: 0;
  background: transparent;
  pointer-events: none;
}
.video-player:hover > .video-player__play-btn {
  opacity: 1;
}
.video-player > video.--is-playing + .video-player__play-btn {
  display: none;
}

/* Reskin */
.block-cta {
  border-radius: 24px;
  display: flex;
  align-items: center;
  gap: 2rem;
  justify-content: space-between;
  padding: 2rem;
}
.block-cta .block-cta__content-container {
  width: 100%;
  max-width: 760px;
}
.block-cta .block-cta__title {
  font-size: 23px;
  font-weight: 600;
}
.block-cta .block-cta__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.block-cta.block-cta-green {
  color: white;
  background-color: #00535d;
}
.block-cta.block-cta-blue {
  color: white;
  background-color: #003b71;
}

@media (max-width: 1099px) {
  .block-cta {
    padding: 24px !important;
  }
}
@media (max-width: 619px) {
  .block-cta {
    flex-direction: column;
    align-items: start;
  }
  .block-cta button {
    font-size: 14px;
    padding: 8px 18px;
  }
}
.col2-bleed-r {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.col2-bleed-r_mobile-only, .col2-bleed-r_mobile-only__text {
  display: contents;
}
.col2-bleed-r .decorator-6 {
  position: absolute;
  top: 0;
  left: 32px;
}
.col2-bleed-r__text {
  position: relative;
  padding-block-start: 48px;
  padding-inline-start: 56px;
  width: 100%;
  max-width: 492px;
  min-width: 286px;
}
.col2-bleed-r__text p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin-block-end: 16px;
}
.col2-bleed-r__image {
  width: 100%;
  max-width: 592px;
  min-width: 342px;
  position: relative;
  height: 568px;
}
.col2-bleed-r__image img {
  border-radius: 24px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.col2-bleed-r__video {
  width: 100%;
  max-width: 651px;
  position: relative;
  height: 784px;
}
.col2-bleed-r__video-element {
  border-radius: 24px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  pointer-events: none;
}
.col2-bleed-r h2 {
  color: #525252;
  font-size: 45px;
  font-weight: 400;
  line-height: 49px;
  margin-block-end: 16px;
}
.col2-bleed-r h2 .blue {
  color: #0066c4;
  font-style: italic;
}

@media (max-width: 1099px) {
  .col2-bleed-r h2 {
    font-size: 36px;
    line-height: 39px;
  }
  .col2-bleed-r--athletix {
    display: contents;
  }
  .col2-bleed-r--athletix .col2-bleed-r_mobile-only {
    display: flex;
    gap: 40px;
    flex-direction: column;
    margin-block-start: 64px;
  }
  .col2-bleed-r--athletix .col2-bleed-r_mobile-only__text {
    position: relative;
    display: block;
  }
  .col2-bleed-r--athletix .col2-bleed-r__text {
    padding-block-start: 32px;
    padding-inline-start: 32px;
  }
  .col2-bleed-r--athletix .col2-bleed-r__video {
    max-width: unset;
    min-width: unset;
    height: auto;
  }
  .col2-bleed-r--athletix .col2-bleed-r__video-element {
    border-radius: 0;
    position: static;
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 619px) {
  .col2-bleed-r {
    display: contents;
  }
  .col2-bleed-r h2 {
    font-size: 30px;
    line-height: 33px;
  }
  .col2-bleed-r_mobile-only {
    display: flex;
    gap: 40px;
    flex-direction: column;
    margin-block-start: 64px;
  }
  .col2-bleed-r_mobile-only__text {
    position: relative;
    display: block;
  }
  .col2-bleed-r__text {
    padding-block-start: 32px;
    padding-inline-start: 32px;
  }
  .col2-bleed-r .decorator-6 {
    left: 16px;
  }
  .col2-bleed-r__image {
    max-width: unset;
    min-width: unset;
    height: auto;
  }
  .col2-bleed-r__image img, .col2-bleed-r__image-element {
    border-radius: 0;
    object-fit: contain;
    width: 100%;
    position: static;
  }
  .col2-bleed-r__video {
    max-width: unset;
    min-width: unset;
    height: auto;
  }
  .col2-bleed-r__video-element {
    border-radius: 0;
    position: static;
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}
.col2-no-bleed {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.col2-no-bleed-title {
  color: #525252;
  font-size: 45px;
  font-weight: 400;
  line-height: 49px;
  margin-block-end: 16px;
}
.col2-no-bleed-title .blue {
  color: #0066c4;
  font-style: italic;
}
.col2-no-bleed-text {
  width: 100%;
  max-width: 488px;
  min-width: 286px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin-block-end: 16px;
}
.col2-no-bleed-image {
  width: 100%;
  min-width: 342px;
  max-width: 488px;
  border-radius: 20px;
  overflow: hidden;
}
.col2-no-bleed-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.col2-no-bleed ul {
  margin-block-start: 40px;
}
.col2-no-bleed ul li {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin-block-end: 8px;
}
.col2-no-bleed a {
  margin-block-start: 40px;
}

@media (max-width: 1099px) {
  .col2-no-bleed-title {
    font-size: 36px;
    line-height: 39px;
  }
  .col2-no-bleed-image {
    min-width: unset;
  }
}
@media (max-width: 619px) {
  .col2-no-bleed {
    grid-template-columns: 1fr;
  }
  .col2-no-bleed.practitioners-knowledge {
    margin-block-start: 64px;
  }
  .col2-no-bleed-title {
    font-size: 30px;
    line-height: 33px;
  }
  .col2-no-bleed-text {
    line-height: 26px;
  }
}
.col-cards {
  display: grid;
  gap: 32px;
}
.col-cards:has(.col4-card) {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.col-cards:has(.col3-card) {
  grid-template-columns: repeat(auto-fit, minmax(384px, 1fr));
}
.col-cards [class$=-card] {
  width: 100%;
  justify-self: center;
}
.col-cards .col-card__image {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}
.col-cards .col-card__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.col-cards .col-card__title {
  font-size: 23px;
  line-height: 31px;
  font-weight: 600;
  margin-block-start: 20px;
}
.col-cards .col-card__text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-block-start: 8px;
}
.col-cards .col-card__cta {
  margin-block-start: 20px;
}
.col-cards .col3-card {
  max-width: 384px;
}
.col-cards .col3-card .col-card__image {
  aspect-ratio: 384/400;
}
.col-cards .col4-card {
  max-width: 280px;
}
.col-cards .col4-card .col-card__image {
  aspect-ratio: 280/320;
}

@media (max-width: 1099px) {
  .col-cards:has(.col4-card) {
    grid-template-columns: repeat(auto-fit, minmax(336px, 1fr));
  }
  .col-cards:has(.col3-card) {
    grid-template-columns: repeat(auto-fit, minmax(342px, 1fr));
  }
  .col-cards .col-card__title {
    font-size: 18px;
    line-height: 24px;
  }
  .col-cards .col3-card {
    max-width: 342px;
  }
  .col-cards .col3-card .col-card__image {
    aspect-ratio: 342/350;
  }
  .col-cards .col4-card {
    max-width: 336px;
  }
  .col-cards .col4-card .col-card__image {
    aspect-ratio: 336/320;
  }
}
@media (max-width: 619px) {
  .col-cards {
    grid-template-columns: 1fr !important;
    gap: 24px;
  }
  .col-cards .col3-card {
    max-width: 342px;
  }
  .col-cards .col3-card .col-card__image {
    aspect-ratio: 342/350;
  }
  .col-cards .col4-card {
    max-width: 343px;
  }
  .col-cards .col4-card__title {
    font-size: 18px;
    line-height: 24px;
  }
  .col-cards .col4-card .col-card__image {
    aspect-ratio: 343/320;
  }
}
.italic {
  font-style: italic;
}

.underlined {
  text-decoration: underline;
}

.head-reskin-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.head-rs-content.gray-content {
  background-color: #f5f5f5;
}
.head-rs-content.rounded-content {
  border-radius: 24px;
  overflow: hidden;
}
.head-rs-content.image-round-r {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  margin-block-start: 8px;
}
.head-rs-content.image-round-r .image-round-left {
  padding: 64px 40px;
  width: 100%;
  max-width: 700px;
}
.head-rs-content.image-round-r .image-round-left p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.head-rs-content.image-round-r .image-round-title {
  font-size: 61px;
  line-height: 68px;
  font-weight: 400;
  margin-block-end: 24px;
}
.head-rs-content.image-round-r .image-round-right .image-round-right-image {
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  border-radius: 24px;
}
.head-rs-content.image-round-r .image-round-right .image-round-right-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

@media (max-width: 1099px) {
  .head-rs-content.gray-content {
    background-color: #f5f5f5;
  }
  .head-rs-content.rounded-content {
    border-radius: 24px;
  }
  .head-rs-content.image-round-r {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-block-start: 8px;
  }
  .head-rs-content.image-round-r .image-round-left {
    padding: 32px 32px 0 32px;
    max-width: unset;
  }
  .head-rs-content.image-round-r .image-round-right .image-round-right-image {
    width: 100%;
  }
  .head-rs-content.image-round-r .image-round-right picture {
    width: 100%;
  }
}
@media (max-width: 619px) {
  .head-rs-content.rounded-content {
    border-radius: 0;
    margin-inline: -16px;
  }
  .head-rs-content.image-round-r .image-round-right .image-round-right-image {
    border-radius: 0;
  }
  .head-rs-content.image-round-r .image-round-title {
    font-size: 35px;
    line-height: 38px;
    margin-block-end: 8px;
  }
}
.white-90 {
  color: rgba(255, 255, 255, 0.9);
}

.color-header-rs {
  margin-block-start: 16px;
}
.color-header-rs.header-blue .color-header-rs-content {
  background-color: #005db3;
  color: white;
}
.color-header-rs.header-yellow .color-header-rs-content {
  background-color: #ffb53e;
  color: #3f4040;
}
.color-header-rs.header-blue .color-header-rs-content {
  background-color: #003b71;
  color: #fff;
}
.color-header-rs.header-teal .color-header-rs-content {
  background-color: #007684;
  color: #fff;
}
.color-header-rs.header-gray .color-header-rs-content {
  background-color: #f5f5f5;
  color: #3f4040;
}
.color-header-rs-content {
  border-radius: 24px;
  padding: 64px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.color-header-rs-content.single-panel {
  grid-template-columns: 1fr;
}
.color-header-rs-title {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 61px;
  line-height: 68px;
  letter-spacing: -1.08px;
  font-weight: 400;
}
.color-header-rs-title .blue {
  color: #0066c4;
  font-style: italic;
}
.color-header-rs-subtitle {
  font-size: 23px;
  line-height: 31px;
  font-weight: 600;
  margin-block-end: 24px;
}
.color-header-rs p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.color-header-rs p:not(:last-of-type) {
  margin-block-end: 16px;
}

@media (max-width: 1099px) {
  .color-header-rs-content {
    padding: 48px 32px;
    grid-template-columns: 1fr;
  }
  .color-header-rs-title {
    font-size: 45px;
    line-height: 49px;
  }
  .color-header-rs-subtitle {
    font-size: 18px;
    line-height: 24px;
  }
  .color-header-rs p {
    line-height: 27px;
  }
}
@media (max-width: 619px) {
  .color-header-container.page-container {
    padding-inline: 0;
  }
  .color-header-rs-content {
    grid-template-columns: 1fr;
    border-radius: 0;
    padding: 20px 16px 48px 16px;
  }
  .color-header-rs-title {
    font-size: 35px;
    line-height: 38px;
  }
  .color-header-rs-subtitle {
    margin-block-end: 16px;
  }
  .color-header-rs p {
    line-height: 26px;
  }
}
.check-list {
  margin-inline-start: 1rem;
}
.check-list li {
  padding-inline-start: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 2;
}
.check-list li::marker {
  font-family: "Font Awesome 6 Sharp";
  content: "\f00c";
  font-weight: 900;
}

.image-switch-accordion {
  display: flex;
  gap: 32px;
  justify-content: space-between;
}
.image-switch-accordion > div {
  flex: 1;
}
.image-switch-accordion h2 {
  flex: 1;
  color: #525252;
  font-size: 45px;
  font-weight: 400;
  line-height: 49px;
}
.image-switch-accordion h2 .blue {
  color: #0066c4;
  font-style: italic;
}
.image-switch-accordion h2 sup {
  font-style: normal;
  font-size: 45px;
  position: relative;
  top: 16px;
}
.image-switch-accordion p {
  font-size: 18px;
  font-weight: 400;
  flex: 1;
}
.image-switch-accordion .isa__image-element {
  position: relative;
  width: 100%;
  max-width: 488px;
  margin-block-start: 32px;
  display: block;
}
.image-switch-accordion .isa__image-container {
  display: none;
  border-radius: 20px;
  overflow: hidden;
}
.image-switch-accordion .isa__image-container.active {
  display: block;
}
.image-switch-accordion .isa__image-container img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}
.image-switch-accordion .isa__item {
  padding-block-start: 32px;
}
.image-switch-accordion .isa__image-mobile {
  display: none;
}
.image-switch-accordion-pad {
  padding-inline: 24px;
}

@media (max-width: 1099px) {
  .image-switch-accordion h2 {
    font-size: 35px;
    line-height: 39px;
  }
  .image-switch-accordion.athletix-image-accordion {
    flex-direction: column;
    gap: 16px;
    max-width: 500px;
    margin-inline: auto;
  }
  .image-switch-accordion.athletix-image-accordion .isa__image-element {
    display: none;
  }
  .image-switch-accordion.athletix-image-accordion .isa__image-mobile {
    display: block;
    width: 100%;
    aspect-ratio: 343/268;
    border-radius: 0;
  }
  .image-switch-accordion.athletix-image-accordion .isa__image-mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 619px) {
  .image-switch-accordion {
    flex-direction: column;
    gap: 16px;
  }
  .image-switch-accordion h2 {
    font-size: 30px;
    line-height: 33px;
  }
  .image-switch-accordion .isa__image-element {
    display: none;
  }
  .image-switch-accordion .isa__image-mobile {
    display: block;
    width: 100%;
    aspect-ratio: 343/268;
    border-radius: 0;
  }
  .image-switch-accordion .isa__image-mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .image-switch-accordion-pad {
    padding-inline: 0;
  }
  .image-switch-accordion .accordion-grey-bg__panel {
    margin-block-end: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.col2-no-image-dec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.col2-no-image-dec-left {
  position: relative;
  width: 100%;
  max-width: 495px;
  padding-left: 56px;
  padding-top: 48px;
}
.col2-no-image-dec-left .decorator-6 {
  position: absolute;
  top: 0;
  left: 0;
}
.col2-no-image-dec-right p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.col2-no-image-dec-title {
  color: #525252;
  font-size: 45px;
  font-weight: 400;
  line-height: 49px;
  margin-block-end: 16px;
  letter-spacing: -1.08px;
}
.col2-no-image-dec-title .blue {
  color: #0066c4;
  font-style: italic;
}

@media (max-width: 1099px) {
  .col2-no-image-dec-title {
    font-size: 36px;
    line-height: 39px;
  }
  .col2-no-image-dec-right p {
    line-height: 27px;
  }
}
@media (max-width: 619px) {
  .col2-no-image-dec {
    grid-template-columns: 1fr;
  }
  .col2-no-image-dec-title {
    font-size: 35px;
    line-height: 38px;
  }
  .col2-no-image-dec-left {
    padding-left: 32px;
    padding-top: 32px;
  }
  .col2-no-image-dec-right p {
    line-height: 26px;
  }
}
.w-slider-container {
  --slide-height: 700px;
  --transition-time: 0.25s;
  --slide-closed-image-width: 488px;
  --slide-open-image-width: 350px;
  --slide-open-content-width: 432px;
  --slide-open-gap: 32px;
  position: relative;
}
.w-slider-container .slider {
  position: relative;
  width: 100%;
  height: var(--slide-height);
  overflow: hidden;
}
.w-slider-container .slider-track {
  margin-inline: auto;
  overflow-x: visible;
  display: flex;
  position: absolute;
  transition: transform var(--transition-time) ease-in-out;
}
.w-slider-container .slide {
  height: var(--slide-height);
  padding-right: 32px;
  scroll-snap-align: start;
}
.w-slider-container .slide .arrow-to-x-arrow,
.w-slider-container .slide .arrow-to-x-x {
  transition: opacity 0.25s ease-in-out;
}
.w-slider-container .slide:not(.open):hover .arrow-to-x,
.w-slider-container .slide:not(.open):hover .slide-left-overlay {
  opacity: 1;
}
.w-slider-container .slide:not(.open):hover .slide-title.slide-title-scrolling {
  transform: translateY(0);
}
.w-slider-container .slide.open .slide-content {
  gap: var(--slide-open-gap);
}
.w-slider-container .slide.open .slide-left {
  width: var(--slide-open-image-width);
}
.w-slider-container .slide.open .slide-left-overlay {
  opacity: 1;
}
.w-slider-container .slide.open .arrow-to-x {
  opacity: 1;
}
.w-slider-container .slide.open .arrow-to-x-arrow {
  opacity: 0;
}
.w-slider-container .slide.open .arrow-to-x-x {
  opacity: 1;
}
.w-slider-container .slide.open .slide-right {
  width: var(--slide-open-content-width);
}
.w-slider-container .slide-content {
  display: grid;
  grid-template-columns: auto 1fr;
  height: 100%;
  gap: 0;
  transition: gap var(--transition-time) ease-in-out;
}
.w-slider-container .slide-left {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
  width: var(--slide-closed-image-width);
  transition: width var(--transition-time) ease-out;
  background-color: black;
}
.w-slider-container .slide-left-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-time) ease-out;
}
.w-slider-container .slide-image-container {
  width: 100%;
  height: 100%;
}
.w-slider-container .slide-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: center top;
}
.w-slider-container .arrow-to-x {
  top: 40px;
  right: 40px;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.w-slider-container .slide-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  transition: all 0.3s ease-out;
  overflow: hidden;
  width: 0;
  transition: width var(--transition-time) ease-in-out;
}
.w-slider-container .slide-rigth-content {
  width: var(--slide-open-content-width);
}
.w-slider-container .slide-title {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 45px;
  line-height: 49px;
  font-weight: 400;
  color: #0066c4;
  letter-spacing: -1.08px;
}
.w-slider-container .slide-title.slide-title-scrolling {
  position: absolute;
  bottom: 48px;
  left: 48px;
  color: white;
  font-size: 54px;
  line-height: 59px;
  transform: translateY(200%);
  transition: transform 0.3s ease-out;
}
.w-slider-container .slide-subtitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin-block-end: 16px;
}
.w-slider-container .slide-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.w-slider-container .slide-cta {
  font-size: 18px;
  margin-block-start: 22px;
  width: fit-content;
}
.w-slider-container .slider-buttons {
  position: absolute;
  right: 24px;
  top: 40%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 20px;
  margin-block-start: 48px;
}
.w-slider-container .slider-buttons button[disabled] {
  background-color: white;
}
.w-slider-container .slide-card-down-arrow {
  display: none !important;
}

@media (max-width: 1099px) {
  .w-slider-container {
    --slide-closed-image-width: 310px;
    --slide-open-gap: 20px;
    --slide-open-content-width: 305px;
    margin-block-start: 40px;
  }
  .w-slider-container .slide {
    padding-right: 20px;
  }
  .w-slider-container .slide-content {
    gap: 20px;
  }
  .w-slider-container .slide-left-overlay {
    opacity: 1;
  }
  .w-slider-container .arrow-to-x {
    opacity: 1;
  }
  .w-slider-container .slide-title.slide-title-scrolling {
    transform: translateY(0);
    font-size: 45px;
    line-height: 49px;
  }
}
@media (max-width: 768px) {
  .w-slider-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-inline: 16px !important;
  }
  .w-slider-container .slider {
    display: contents;
  }
  .w-slider-container .slider .slider-track {
    display: contents;
  }
  .w-slider-container .slider .slide {
    width: 100%;
    min-width: unset;
    padding-right: 0;
    height: unset;
  }
  .w-slider-container .slider .slide-content {
    grid-template-columns: 1fr;
    height: unset;
    gap: 0;
  }
  .w-slider-container .slider .slide-left {
    width: 100%;
    aspect-ratio: 343/228;
    border-radius: 20px;
  }
  .w-slider-container .slider .slide-left.open .slide-title.slide-title-scrolling {
    transform: translateY(100%);
    opacity: 0;
  }
  .w-slider-container .slider .slide-image-container {
    aspect-ratio: 343/228;
    height: auto;
  }
  .w-slider-container .slider .slide-image-container img {
    object-position: top;
  }
  .w-slider-container .slider .slide-right {
    width: 100%;
    height: auto;
    margin-block-start: 0;
    display: block;
    max-height: 0;
    transition: max-height var(--transition-time) ease-in-out;
  }
  .w-slider-container .slider .slide-right.open {
    margin-block-start: 20px;
  }
  .w-slider-container .slider .slide-rigth-content {
    width: 100%;
  }
  .w-slider-container .slider .slide-title {
    font-size: 30px;
    line-height: 33px;
    margin-block: 20px 8px;
  }
  .w-slider-container .slider .slide-title.slide-title-scrolling {
    display: block;
    font-size: 32px;
    line-height: 1;
    bottom: 16px;
    left: 16px;
    transition: all 0.25s ease-in-out;
  }
  .w-slider-container .slider .slide-subtitle {
    font-size: 16px;
    line-height: 19px;
  }
  .w-slider-container .slider .arrow-to-x {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    left: unset;
    top: unset;
    bottom: 16px;
    right: 16px;
  }
  .w-slider-container .slider .arrow-to-x i.fa-sharp {
    font-size: 20px;
    color: white;
  }
  .w-slider-container .slider .arrow-to-x-arrow,
  .w-slider-container .slider .arrow-to-x-x {
    display: none;
  }
  .w-slider-container .slider-buttons {
    display: none;
  }
  .w-slider-container .slide-card-down-arrow {
    display: block !important;
  }
}
.arrow-to-x {
  width: 38px;
  height: 38px;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.arrow-to-x-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 38px;
  transition: all 0.3s ease-out;
}
.arrow-to-x-x {
  position: absolute;
  top: 0;
  right: -16px;
  width: 38px;
  height: 38px;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.arrow-to-x.open .arrow-to-x-arrow {
  right: 16px;
  opacity: 0;
}
.arrow-to-x.open .arrow-to-x-x {
  right: 0;
  opacity: 1;
}

.cyhs-card.open .arrow-to-x .arrow-to-x-arrow {
  right: 16px;
  opacity: 0;
}
.cyhs-card.open .arrow-to-x .arrow-to-x-x {
  right: 0;
  opacity: 1;
}

.header-section {
  background-color: #f5f5f5;
}
.header-section__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-block: 64px;
  max-width: 800px;
  text-wrap: balance;
}
.header-section__bg {
  position: absolute;
  pointer-events: none;
  bottom: 0;
  right: 0;
  height: 228px;
}

.header-section-sm .header-section__content {
  padding-block: 40px;
}
.header-section-sm .header-section__bg {
  height: 150px;
}

@media (max-width: 1099px) {
  .header-section__content {
    padding-block: 48px;
  }
  .header-section-sm .header-section__content {
    padding-block: 32px;
  }
}
@media (max-width: 619px) {
  .header-section__content {
    padding-block: 40px;
  }
  .header-section__bg {
    height: 150px;
  }
  .header-section-sm .header-section__bg {
    height: 120px;
  }
}
.full-image-header-rs {
  margin-block-start: 16px;
}
.full-image-header-rs-content {
  border-radius: 24px;
  padding: 64px 40px;
  display: grid;
  grid-template-columns: 53% 1fr;
  gap: 32px;
}
.full-image-header-rs-content.single-panel {
  grid-template-columns: 1fr;
}
.full-image-header-rs-title {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 61px;
  line-height: 68px;
  letter-spacing: -1.08px;
  font-weight: 400;
  color: white;
  font-style: italic;
  margin-block-end: 24px;
}
.full-image-header-rs-title .blue {
  color: #0066c4;
  font-style: italic;
}
.full-image-header-rs-subtitle {
  font-size: 23px;
  line-height: 31px;
  font-weight: 600;
  margin-block-end: 24px;
}
.full-image-header-rs p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin-block-end: 24px;
}
.full-image-header-rs p:not(:last-of-type) {
  margin-block-end: 16px;
}

@media (max-width: 1099px) {
  .full-image-header-rs-content {
    padding: 48px 32px;
  }
  .full-image-header-rs-title {
    font-size: 45px;
    line-height: 49px;
  }
  .full-image-header-rs-subtitle {
    font-size: 18px;
    line-height: 24px;
  }
  .full-image-header-rs p {
    line-height: 27px;
  }
}
@media (max-width: 619px) {
  .color-header-container.page-container {
    padding-inline: 0;
  }
  .full-image-header-rs-content {
    grid-template-columns: 1fr;
    border-radius: 0;
    padding: 20px 16px 48px 16px;
  }
  .full-image-header-rs-title {
    font-size: 35px;
    line-height: 38px;
  }
  .full-image-header-rs-subtitle {
    margin-block-end: 16px;
  }
  .full-image-header-rs p {
    line-height: 26px;
  }
}
.alert-rs {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid;
  display: grid;
  grid-template-columns: auto 1fr auto;
}
.alert-rs .alert-rs-icon::before {
  content: "";
  display: none;
}
.alert-rs:not(.no-icon) .alert-rs-icon::before {
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  padding-inline-end: 8px;
  display: block;
}
.alert-rs .alert-rs-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.alert-rs .alert-rs-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.alert-rs .alert-rs-close {
  background: none;
  border: none;
}
.alert-rs .alert-rs-close:before {
  content: "\f00d";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  font-size: 18px;
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alert-rs.feature {
  background-color: #f5feff;
  color: #141414;
  border-color: #00b2e3;
}
.alert-rs.feature .alert-rs-icon::before {
  content: "\f890";
}
.alert-rs.maintenance {
  background-color: #f7f7f7;
  color: #141414;
  border-color: #e5e5e5;
}
.alert-rs.maintenance .alert-rs-icon::before {
  content: "\f0ad";
}
.alert-rs.error {
  background-color: #fef3f2;
  color: #141414;
  border-color: #f04438;
}
.alert-rs.error .alert-rs-title {
  color: #b42318;
}
.alert-rs.error .alert-rs-icon::before {
  content: "\f071";
}
.alert-rs.warning {
  background-color: #fffaeb;
  color: #141414;
  border-color: #f79009;
}
.alert-rs.warning .alert-rs-title {
  color: #b54708;
}
.alert-rs.warning .alert-rs-icon::before {
  content: "\f06a";
}
.alert-rs.success {
  background-color: #ecfdf3;
  color: #141414;
  border-color: #17b26a;
}
.alert-rs.success .alert-rs-icon::before {
  content: "\f058";
}

.xymo-dialog {
  width: 100%;
  max-width: min(640px, 90%);
  margin: auto;
  border: none;
  outline: none;
  border-radius: 8px;
  background-color: white;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 250ms ease-in, transform 250ms ease-in;
  transition-behavior: allow-discrete;
  will-change: opacity, transform;
}

.xymo-dialog[open] {
  opacity: 1;
  transform: translateY(0);
}
.xymo-dialog[open]::backdrop {
  opacity: 1;
}

@starting-style {
  .xymo-dialog[open] {
    opacity: 0;
    transform: translateY(50px);
  }
}
.xymo-dialog::backdrop {
  background-color: rgba(31, 36, 47, 0.7);
  opacity: 0;
  transition: opacity 250ms ease-in;
  transition-behavior: allow-discrete;
}

@starting-style {
  .xymo-dialog[open]::backdrop {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .xymo-dialog {
    transition: none;
  }
  .xymo-dialog::backdrop {
    transition: none;
  }
}
.fish-oil-dialog {
  display: grid;
  grid-template-columns: 27fr 37fr;
}
.fish-oil-dialog .image-container {
  overflow: hidden;
  width: 100%;
}
.fish-oil-dialog .image-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.fish-oil-dialog .fish-oil-dialog-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 24px 24px 0 24px;
}
.fish-oil-dialog #close-dialog, .fish-oil-dialog #close-dialog:focus-within, .fish-oil-dialog #close-dialog:focus-visible, .fish-oil-dialog #close-dialog:focus {
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 24px;
  font-weight: 700;
}
.fish-oil-dialog .info p {
  padding-inline: 24px;
  padding-block-end: 1rem;
  font-size: 16px;
  color: #525252;
  border-block-end: 1px solid #e5e5e5;
}
.fish-oil-dialog .fish-oil-cards {
  padding-inline: 24px;
  border-block-end: 1px solid #e5e5e5;
  margin-block-end: 24px;
}
.fish-oil-dialog .fish-oil-card {
  display: grid;
  column-gap: 24px;
  grid-template-columns: auto 1fr;
  padding-block: 24px;
}
.fish-oil-dialog .fish-oil-card:not(:last-child) {
  border-block-end: 1px solid #e5e5e5;
}
.fish-oil-dialog .fo-card-image-container {
  max-width: 75px;
  aspect-ratio: 1/1;
}
.fish-oil-dialog .fo-card-image-container img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.fish-oil-dialog .fo-card-badges {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 0.5rem;
}
.fish-oil-dialog .fo-card-name {
  font-size: 1rem;
  font-weight: 600;
}
.fish-oil-dialog .fo-card-price-1 {
  font-size: 1rem;
  font-weight: 600;
}
.fish-oil-dialog .fo-card-price-2 {
  font-size: 12px;
  text-decoration: line-through;
  color: #3f4040;
  margin-inline-start: 1rem;
}
.fish-oil-dialog .fish-oil-dialog-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fish-oil-dialog .fish-oil-dialog-footer p {
  border-block-end: none;
  text-align: center;
}
.fish-oil-dialog .fish-oil-dialog-footer p:last-child {
  font-size: 14px;
  color: #737373;
  margin-block-start: 16px;
}
.fish-oil-dialog .fish-oil-dialog-footer .fo-code {
  font-size: 24px;
  color: #525252;
}

@media (max-width: 768px) {
  .xymo-dialog {
    grid-template-columns: 1fr;
  }
  .xymo-dialog .image-container {
    display: none;
  }
}
.blue-bottom-modal-overlay {
  position: fixed;
  inset: 0;
  background: transparent;
  backdrop-filter: none;
  pointer-events: none;
  z-index: 50000;
  display: flex;
  align-items: end;
  justify-content: center;
}

.blue-bottom-modal {
  pointer-events: auto;
  width: calc(100% - 32px);
  max-width: max-content;
  margin: 0 auto;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #005db3;
  padding: 32px;
  color: #e5e5e5;
  display: grid;
  grid-template-columns: minmax(auto, 700px) auto;
  column-gap: 40px;
  max-height: 100vh;
  overflow-y: auto;
  box-shadow: 0px 24px 48px -12px rgba(20, 20, 20, 0.46);
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 50001; /* above any content, above the old overlay */
  pointer-events: auto; /* modal remains interactive */
}
.blue-bottom-modal p {
  font-size: 14px;
}
.blue-bottom-modal p:not(:last-child) {
  margin-block-end: 16px;
}
.blue-bottom-modal a {
  color: #e5e5e5;
  text-decoration: underline;
  font-weight: 600;
}
.blue-bottom-modal .blue-bottom-modal-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blue-bottom-modal .blue-bottom-modal-right img {
  width: 74px;
  align-self: end;
}
.blue-bottom-modal .blue-bottom-modal-actions {
  display: flex;
  flex-direction: column;
  justify-content: start;
  row-gap: 12px;
}
.blue-bottom-modal .blue-bottom-modal-actions button {
  min-width: 250px;
}

@media (max-width: 768px) {
  .blue-bottom-modal {
    grid-template-columns: 1fr;
    row-gap: 20px;
    padding: 16px 16px 32px 16px;
  }
  .blue-bottom-modal .blue-bottom-modal-right {
    row-gap: 20px;
    width: 100%;
  }
  .blue-bottom-modal .blue-bottom-modal-actions {
    margin-inline: auto;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .blue-bottom-modal .blue-bottom-modal-actions button {
    width: 100%;
    max-width: 400px;
  }
}
/* Remove cookie consent page overlay background/blur without altering modal layout */
.cookie-consent-overlay {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Make the cookie consent appear as a standalone fixed bar without any page-blocking overlay */
#cookie-consent { /* container only, no overlay behavior */
  pointer-events: none; /* ensure this wrapper never captures clicks */
}

@media (max-width: 619px) {
  .blue-bottom-modal {
    width: calc(100% - 32px);
    max-width: 1248px;
  }
}
button[data-action=decline]:hover {
  background-color: white;
  color: #005971;
}

/* Additonal Base Stylesheets */
.empty-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.products-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 375px;
  margin: auto;
}
.products-empty-state__img-container {
  width: 104px;
  height: 104px;
  position: relative;
  margin-bottom: 20px;
}
.products-empty-state__img {
  position: absolute;
  z-index: -1;
  width: 336px;
  aspect-ratio: 1;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.products-empty-state__text {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #141414;
}
.products-empty-state__description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 32px;
  color: #525252;
}
.products-empty-state__actions {
  display: flex;
  gap: 12px;
}

/*
This file is used to contain all layout imports.
Files inside this folder can contain specific element styles and layout. 
*/
/* layout/_main-layout.scss */
:root {
  --navigation-scroll-offset: 0;
}

html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100%;
  background-color: #fff;
}

.checkout-content-container,
.page-container,
.page-container-mobile,
.page-container-table {
  margin-inline: auto;
  width: 100%;
  max-width: 1280px;
  padding-inline: 32px;
}

.page-container-xl {
  max-width: 1920px;
}

.page-section {
  margin-block: 128px;
}

#admin-bar {
  padding: 4px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-weight: 400;
  font-size: 14px;
  background-color: #6927da;
  color: #fff;
}
#admin-bar a,
#admin-bar button {
  color: #fff;
}
#admin-bar a:hover {
  text-decoration: underline;
}
#admin-bar b {
  font-weight: 800;
}

.admin-nav {
  background-color: #6927da;
  color: #fff;
}
.admin-nav__content {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
}
.admin-nav__item {
  color: #fff;
  padding: 1rem 0.5rem;
}

main {
  flex: 1 0 auto;
  overflow-x: hidden;
  padding-bottom: 128px;
}

.footer {
  flex-shrink: 0;
}

.site-navigation {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
}

body.site-navigation--scroll .site-navigation {
  transition: transform 0.2s ease;
  transform: translateY(calc(-1 * var(--navigation-scroll-offset)));
}

.top-navigation-container {
  border-block-end: 1px solid #e5e5e5;
}

.menu-overlay, .top-search-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 40;
  background: rgba(31, 36, 47, 0.7);
  /* Background blur/backdrop-blur-md */
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  display: none;
  opacity: 0;
  transition: opacity 0.25s ease, display 0.25s ease allow-discrete;
}
.menu-overlay.open, .top-search-overlay.open {
  display: block;
  opacity: 1;
}

.top-navigation-right {
  display: grid;
  grid-template-columns: minmax(240px, 320px) auto;
  margin-left: auto;
  gap: 20px;
}
.top-navigation-right i {
  font-size: 1.5rem;
}
.top-navigation-right.simple-navigation {
  display: flex;
  gap: 2rem;
}

@media (max-width: 1099px) {
  main {
    padding-bottom: 96px;
  }
  #admin-bar {
    padding: 2px;
  }
  .checkout-content-container,
  .page-container,
  .page-container-mobile,
  .page-container-table {
    padding-inline: 32px;
  }
  .page-section {
    margin-block: 80px;
  }
  .site-navigation .top-navigation {
    order: 1;
  }
  .top-navigation.logged-out .top-navigation-right {
    display: flex;
  }
  .top-navigation-right.simple-navigation {
    display: flex;
  }
}
@media (max-width: 619px) {
  main {
    padding-bottom: 64px;
  }
  .site-navigation .top-navigation .page-container {
    gap: 2rem;
  }
  .page-container,
  .page-container-mobile {
    padding-inline: 16px;
  }
  .page-section {
    margin-block: 64px;
  }
  .padding-aux {
    margin-inline: 1rem;
  }
  .page-container-table {
    padding-inline: 0;
  }
  .checkout-content-container {
    padding-inline: 1rem;
  }
}
/* layout/_top-bar.scss */
.top-bar {
  background-color: #0066c4;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 4px 8px;
}
.top-bar a,
.top-bar a:visited {
  font-weight: 600;
  color: white;
  text-decoration: underline;
}
.top-bar .--hide-if-logged-in {
  display: none !important;
}
.top-bar.logged-out .--hide-if-logged-in {
  display: inline-block !important;
}

.top-bar-content {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 4px;
  text-align: center;
}

.top-bar_right {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr auto auto;
  margin-inline-start: auto;
  align-items: center;
  width: 100%;
  margin-right: -24px;
}
.top-bar_right .top-bar_item {
  display: flex;
  align-items: stretch;
  height: 100%;
}

.top-navigation #profile-menu p,
.top-navigation #profile-menu button {
  color: #3f4040;
}
.top-navigation #profile-menu .dd-menu_button {
  color: #737373;
  background: none;
  outline: none;
  border: none;
}
.top-navigation #profile-menu .profile-menu-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  border-bottom: 1px solid #e5e5e5;
  padding: 0.75rem;
}
.top-navigation #profile-menu .profile-menu__button {
  padding: 0.5rem;
  border-radius: 3px;
}
.top-navigation #profile-menu .profile-menu__button:hover, .top-navigation #profile-menu .profile-menu__button:hover::after, .top-navigation #profile-menu .profile-menu__button:active {
  color: #141414;
}
.top-navigation #profile-menu .profile-menu__button span {
  font-size: 1.5rem;
}
.top-navigation #profile-menu .profile-menu__button::after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 700;
  font-size: 1rem;
  margin-left: auto;
}
.top-navigation #profile-menu .profile-menu__button.show::after {
  content: "\f0d8";
}
.top-navigation #profile-menu .dd-menu_content.show {
  display: flex;
  width: fit-content;
  left: unset;
  right: 0;
  top: 50px;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
}
.top-navigation #profile-menu .account-id {
  color: #141414;
  font-size: 14px;
  font-weight: 600 !important;
  line-height: 20px;
}
.top-navigation #profile-menu .profile-menu__padding {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.top-navigation #profile-menu .profile-menu__padding .logout-button,
.top-navigation #profile-menu .profile-menu__padding .logout-button *,
.top-navigation #profile-menu .profile-menu__padding .dd-menu_item {
  color: #141414;
  font-size: 14px;
  font-weight: 600 !important;
  line-height: 20px;
}
.top-navigation #profile-menu .profile-menu__padding .dd-menu_item,
.top-navigation #profile-menu .profile-menu__padding .logout-button {
  padding: 0.5rem;
}
.top-navigation #profile-menu .profile-menu__padding .logout-button i {
  margin-inline-end: 0.5rem;
}
.top-navigation #profile-menu .top-bar_log-out-button {
  border-top: 1px solid #d9d9d9;
  display: flex;
}
.top-navigation #profile-menu .top-bar_log-out-button form {
  display: contents;
}
.top-navigation #profile-menu .top-bar_log-out-button form i {
  color: #3f4040;
}
.top-navigation #profile-menu .top-bar_log-out-button button {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
}
.top-navigation #profile-menu .top-bar_log-out-button.dd-menu_item {
  padding: 0;
}
.top-navigation #profile-menu .top-bar_log-out-button.dd-menu_item:hover {
  background-color: initial;
}
.top-navigation #profile-menu .top-bar_log-out-button.dd-menu_item button:hover {
  background-color: #f5f5f5;
}

@media (max-width: 1099px) {
  .top-bar {
    padding: 2px 8px;
  }
  .top-bar_right {
    margin-right: unset;
  }
}
/* layout/_navigation-bar.scss */
.top-navigation {
  height: 80px;
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  position: relative;
}
.top-navigation .page-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2rem;
  height: 100%;
}
.top-navigation > .page-container {
  width: 100%;
  max-width: 1340px;
}
.top-navigation #top-menu-bar {
  display: grid;
  grid-template-columns: repeat(4, auto);
  column-gap: 2rem;
}
.top-navigation .nav-link.nav-overlay.show::after {
  width: 100%;
}
.top-navigation .dd-menu_content {
  position: absolute;
  left: 0;
  top: 80px;
  width: 100%;
  max-width: 1220px;
  border: none;
  box-shadow: none;
  display: none;
  margin: 0;
  margin-inline: auto;
  left: 0;
  right: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow: hidden;
}
.top-navigation .dd-menu_content.show {
  display: grid;
  grid-template-columns: auto 1fr;
}
.top-navigation .top-navigation_item.dd-menu {
  position: static;
}
.top-navigation .menu-panel-left {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.top-navigation .menu-panel-right {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  padding: 2rem;
}
.top-navigation .menu-panel-right > a {
  padding-inline-start: 0;
}
.top-navigation .mobile-menu-button {
  background-color: transparent;
  color: #737373;
  border: none;
  outline: none;
  cursor: pointer;
  margin-left: auto;
  display: none;
}
.top-navigation .mobile-menu-button i {
  font-size: 1.25rem;
}
.top-navigation .phone-container {
  margin-inline-start: auto;
}
.top-navigation .phone-container:hover span,
.top-navigation .phone-container:hover i,
.top-navigation .email-container:hover span,
.top-navigation .email-container:hover i {
  color: #141414 !important;
}

.nav-bar-product-card-container {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.nav-bar-product-card {
  border-radius: 8px;
  padding: 16px;
  position: relative;
  width: 100%;
  padding-top: 55px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.nav-bar-product-card .nbpc-image-container {
  height: 200px;
}
.nav-bar-product-card .nbpc-image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.25s ease-in-out;
}
.nav-bar-product-card:hover img {
  transform: scale(1.1);
}
.nav-bar-product-card .nbpc-badge {
  font-size: 14px;
  font-weight: 800;
  padding: 2px 10px;
  border-radius: 6px;
  position: absolute;
  top: 16px;
  left: 16px;
}
.nav-bar-product-card .nbpc-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  margin-block-start: 8px;
}
.nav-bar-product-card.nbpc-best-seller {
  background-color: #005db3;
}
.nav-bar-product-card.nbpc-best-seller .nbpc-name {
  color: white;
}
.nav-bar-product-card.nbpc-latest-formula {
  background-color: #00535d;
}
.nav-bar-product-card.nbpc-latest-formula .nbpc-name {
  color: white;
}
.nav-bar-product-card.nbpc-back-in-stock {
  background-color: #ffb53e;
}
.nav-bar-product-card.nbpc-back-in-stock .nbpc-name {
  color: #141414;
}
.nav-bar-product-card .btn-link {
  text-align: center;
  display: block;
  margin-inline: auto;
  margin-block-start: 8px;
}

.menu-content-container {
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.menu-content-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.menu-content-container a,
.menu-content-container .menu-content-cta {
  position: absolute;
  left: 2rem;
  bottom: 2rem;
}

.menu-content {
  display: none;
  height: 100%;
}
.menu-content.show {
  display: block;
}

#menu-best-sellers-content {
  flex-direction: column;
  align-items: start;
}

#menu-best-sellers-content.show {
  display: flex;
}

.menu-categories-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 20px;
}
.menu-categories-container a {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  left: unset;
  bottom: unset;
}

.top-navigation-shopping-cart_button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #737373;
  position: relative;
  justify-self: end;
  font-size: 24px;
}
.top-navigation-shopping-cart_button .items-in-cart {
  background-color: #005db3;
  border-radius: 2px;
  color: #fff;
  height: 1.125rem;
  font-size: 12px;
  font-weight: 500;
  padding-inline: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 1.125rem;
  position: absolute;
  top: -2px;
  left: 17px;
}
.top-navigation-shopping-cart_button .items-in-cart.simple-navigation {
  top: -9px;
}
.top-navigation-shopping-cart_button:hover {
  color: #141414;
}
.top-navigation-shopping-cart_button:hover .items-in-cart {
  background-color: #005971;
}

.top-navigation-shopping-cart_button .items-in-cart {
  top: -9px;
}

.top-search {
  width: 100%;
  max-width: 430px;
  justify-self: end;
}
.top-search--expanded {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  right: 32px;
  z-index: 10;
}

@media (min-width: 1100px) {
  .top-search--expanded {
    left: 142px;
    right: 133px;
  }
  nav.logged-out .top-search--expanded {
    right: 169px;
  }
}
.top-search-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 2px);
  background-color: #fff;
  border-radius: 8px;
  border: solid 1px #e5e5e5;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  overflow-y: auto;
}
.top-search-menu--desktop {
  max-height: calc(100vh - 115px);
}
.top-search-menu__item {
  padding: 12px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  color: #525252;
}
.top-search-menu__text {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #141414;
}
.top-search-menu__type {
  color: #525252;
  font-weight: 400;
}
.top-search-menu__more-results {
  position: relative;
  color: #008eb5;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
}
.top-search-menu__more-results::after {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  background-color: #e5e5e5;
}
.top-search-menu__more-results-content {
  position: relative;
}
.top-search-menu__more-results-content::after {
  position: absolute;
  height: 1px;
  background-color: currentColor;
  bottom: -2px;
  left: 0;
  width: 100%;
}
.top-search-menu__more-icon {
  font-size: 14px !important;
}
.top-search-menu__item:hover, .top-search-menu__item:focus {
  background-color: #f5f5f5;
  cursor: pointer;
}
.top-search-menu__more-results:hover, .top-search-menu__more-results:focus {
  cursor: pointer;
  color: #006b88;
}
.top-search-menu__more-results:hover .top-search-menu__more-results-content::after, .top-search-menu__more-results:focus .top-search-menu__more-results-content::after {
  content: "";
}
.top-search-menu .all-results-btn {
  padding: 0.5rem 1rem 1rem 1rem;
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.top-search-menu .all-results-btn:hover .btn-link::after, .top-search-menu .all-results-btn:focus .btn-link::after {
  width: 100%;
}
.top-search-menu .all-results-btn hr {
  margin-block-end: 1rem;
}

.menu-content-container {
  position: relative;
  height: 100%;
}
.menu-content-container .menu-content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 35%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.4), transparent);
}

.left-mobile-menu {
  display: none;
}

#mobile-menu-close-button {
  display: none;
}

@media (max-width: 1099px) {
  #top-navigation #profile-menu {
    display: none;
  }
  .top-navigation-container:has(.top-search--expanded) .top-logo-container {
    opacity: 0;
  }
  .left-mobile-menu {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 30;
    transform: translateX(-100%);
    transition: transform 0.3s ease-out allow-discrete;
    background-color: white;
    padding-block-start: 1rem;
  }
  .left-mobile-menu.show {
    transform: translateX(0);
  }
  .left-mobile-menu .left-menu-buttons {
    overflow-y: auto;
    position: relative;
  }
  .left-mobile-menu .overflow-shadow {
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    height: 80px;
    width: 100%;
    background: linear-gradient(0deg, rgba(52, 64, 84, 0.7), rgba(107, 107, 107, 0));
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.1s ease-out;
  }
  .left-mobile-menu .overflow-shadow.show {
    opacity: 1;
    z-index: 2;
  }
  .left-mobile-menu .accordion {
    margin-block-start: 32px;
  }
  .left-mobile-menu .menu-footer {
    padding-block-start: 1rem;
  }
  .left-mobile-menu .left-menu-user-info-container {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding-block-end: 1rem;
    cursor: pointer;
    height: calc(58px + 1rem);
  }
  .left-mobile-menu .left-menu-user-info-container::after {
    content: "\f0d8";
    font-family: "Font Awesome 6 Sharp";
    font-weight: 700;
    font-size: 1rem;
    margin-left: auto;
  }
  .left-mobile-menu .left-menu-user-info-container.active::after {
    content: "\f0d7";
  }
  .left-mobile-menu .left-menu-user-info-container .mobile-profile-menu-buttons a.btn-grey-simple {
    color: #141414;
  }
  .left-mobile-menu .footer-popup-button,
  .left-mobile-menu .footer-logout-button {
    height: 58px;
  }
  .left-mobile-menu .footer-popup-button {
    border: 0;
    background: transparent;
    width: 100%;
    text-align: left;
  }
  .left-mobile-menu .footer-logout-button-container {
    padding-block-start: 8px;
  }
  .left-mobile-menu .footer-logout-button-container form {
    border-block-start: 1px solid #e5e5e5;
  }
  .left-mobile-menu .footer-logout-button * {
    color: #141414;
    font-weight: 600;
  }
  .left-mobile-menu .footer-logout-button span {
    margin-inline-end: 0.5rem;
  }
  .left-mobile-menu .footer-logout-button:hover span {
    text-decoration: underline;
  }
  .left-mobile-menu #best-seller-mobile-button-container {
    display: grid;
    grid-template-columns: 1fr 215px;
    grid-template-areas: "bs-button all-button" "bs-content bs-content";
    column-gap: 1rem;
    padding-inline: 0;
    width: 100%;
  }
  .left-mobile-menu #best-seller-mobile-button-container #bs-button {
    grid-area: bs-button;
    background-color: white;
    align-items: start;
    border-radius: 6px;
  }
  .left-mobile-menu #best-seller-mobile-button-container #bs-button .nav-menu-item {
    background-color: transparent;
    padding: 0;
  }
  .left-mobile-menu #best-seller-mobile-button-container #all-button {
    grid-area: all-button;
  }
  .left-mobile-menu #best-seller-mobile-button-container > .accordion__panel {
    grid-area: bs-content;
  }
  .left-mobile-menu #best-seller-mobile-button-container .accordion__panel-content {
    padding: 0;
  }
  .left-mobile-menu #shop-panel-mobile,
  .left-mobile-menu #xymogen-difference-panel-mobile,
  .left-mobile-menu #change-your-health-panel-mobile, .left-mobile-menu #professionals-panel-mobile {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-items: start;
    padding-inline: 16px;
  }
  .left-mobile-menu #new-formulas-button-mobile,
  .left-mobile-menu #full-catalog-button-mobile,
  .left-mobile-menu #health-categories-button-mobile,
  .left-mobile-menu #our-story-button-mobile,
  .left-mobile-menu #our-quality-button-mobile,
  .left-mobile-menu #nsf-certified-button-mobile,
  .left-mobile-menu #best-sellers-button-small-screen {
    width: 100%;
    grid-column: 1/-1;
  }
  .left-mobile-menu .left-menu-panel a:last-child {
    margin-block-end: 16px;
  }
  .left-mobile-menu .button-arrow-extended {
    justify-content: space-between;
  }
  .left-mobile-menu #health-categories-mobile-button-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "hc-button" "hc-content";
    padding-inline: 0;
    margin-block-end: 16px;
    margin-block-start: 0;
  }
  .left-mobile-menu #health-categories-mobile-button-container #hc-button {
    grid-area: hc-button;
    background-color: white !important;
    align-items: start;
    border-radius: 6px;
  }
  .left-mobile-menu #health-categories-mobile-button-container #hc-button .nav-menu-item {
    background-color: transparent;
    padding: 0;
  }
  .left-mobile-menu #health-categories-mobile-button-container > .accordion__panel {
    grid-area: hc-content;
  }
  .left-mobile-menu #health-categories-mobile-button-container .accordion__panel-content {
    padding: 0;
  }
  .left-mobile-menu .left-menu-footer {
    position: relative;
  }
  .left-mobile-menu .left-menu-footer-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
  }
  .left-mobile-menu .nav-menu-item:hover {
    background-color: #f7f7f7;
  }
  .left-mobile-menu #change-your-health-button-mobile {
    border: 0;
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    background: none;
    font-weight: 600 !important;
    color: #141414;
    width: 100%;
    text-align: left;
    border-radius: 8px;
    cursor: pointer;
  }
  .left-mobile-menu #change-your-health-button-mobile:hover {
    background-color: #f7f7f7;
  }
  .left-mobile-menu .footer-popup-panel {
    flex-direction: column;
    gap: 1rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .left-mobile-menu .mobile-profile-menu-buttons a {
    font-weight: 600 !important;
  }
  .left-mobile-menu .end-of-content {
    width: 100%;
    height: 1px;
    margin-top: -9px;
  }
  .left-mobile-menu .nav-bar-product-card-container {
    gap: 4px;
  }
  .left-mobile-menu .nav-bar-product-card-container .nbpc-image-container {
    width: 100%;
    height: 70px;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 8px;
  }
  .left-mobile-menu .nav-bar-product-card-container .nav-bar-product-card {
    width: 100%;
    justify-content: start;
  }
  .left-mobile-menu .nav-bar-product-card-container .nav-bar-product-card .nbpc-badge {
    position: static;
  }
  .left-mobile-menu .nav-bar-product-card-container .nav-bar-product-card .btn-link {
    margin-block-start: 0;
  }
  .left-mobile-menu .nav-bar-product-card-container .nbpc-badge {
    font-size: 12px;
    line-height: 18px;
  }
  .left-mobile-menu .nav-bar-product-card-container .nbpc-name {
    font-size: 14px;
  }
  .left-mobile-menu .nbpc-bottom {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .left-mobile-menu .nbpc-bottom a {
    margin-inline: 0;
  }
  .left-mobile-menu .nbpc-bottom div {
    text-align: left;
  }
  .left-mobile-menu .left-menu-footer-non-auth {
    margin-block-end: 24px;
  }
  .left-mobile-menu .mobile-register-button {
    width: 100%;
  }
  .left-mobile-menu .mobile-user-icon {
    color: #737373;
    font-size: 18px;
  }
  .mobile-padding {
    padding-inline: 2rem !important;
  }
  .left-menu-search .top-search-menu {
    left: 2rem;
    right: 2rem;
  }
  .mobile-margin {
    margin-inline: 2rem;
  }
  .top-navigation {
    height: 72px;
  }
  .top-navigation .page-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
  .top-navigation .top-navigation_item {
    display: none;
  }
  .top-navigation:not(.simple-navigation) .mobile-menu-button {
    display: flex;
  }
  .top-navigation .top-navigation-right {
    grid-template-columns: auto auto;
  }
  .top-navigation .top-navigation-shopping-cart_button .items-in-cart {
    top: -9px;
  }
  .top-navigation .phone-container .simple-nav-btn-text,
  .top-navigation .email-container .simple-nav-btn-text {
    display: none;
  }
  .top-navigation .phone-container .btn-link__content i,
  .top-navigation .email-container .btn-link__content i {
    font-size: 1.5rem;
    color: #a3a3a3;
  }
  .top-navigation a[href="/login"],
  .top-navigation #top-menu-bar {
    display: none;
  }
  .top-navigation .top-bar_right {
    display: flex;
  }
  .top-navigation .top-search {
    max-width: unset;
    padding-inline: 0 !important;
  }
  .menu-categories-container {
    margin-block-start: 20px;
  }
}
#top-navigation.simple-navigation .phone-container span,
#top-navigation.simple-navigation .email-container span {
  display: inline;
}

#best-sellers-button-small-screen,
#health-categories-button-small-screen {
  display: none;
}

@media (max-width: 619px) {
  .top-search--expanded {
    left: 16px;
    right: 16px;
  }
  .left-mobile-menu #best-seller-mobile-button-container {
    display: none;
  }
  .left-mobile-menu #best-sellers-button-small-screen,
  .left-mobile-menu #health-categories-button-small-screen {
    display: grid;
  }
  #top-navigation.simple-navigation .phone-container span,
  #top-navigation.simple-navigation .email-container span {
    display: none;
  }
  #top-navigation.simple-navigation .phone-container i,
  #top-navigation.simple-navigation .email-container i {
    font-size: 24px !important;
  }
}
/* layout/_footer.scss */
footer {
  background-color: #3f4040;
  padding-block: 64px 32px;
  color: #fff;
}
footer .footer-top {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
footer .footer-top__blocks {
  height: 10px;
  /* background: linear-gradient(
       to right,
       $brand-500 0%,
       $brand-500 69%,
       $gold-500 69%,
       $gold-500 100%
   );*/
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 2fr;
  gap: 32px;
}
footer .footer-top__blocks-blue {
  background-color: #00b2e3;
  grid-column: span 3;
  height: 100%;
  margin-right: -32px;
}
footer .footer-top__blocks-gold {
  background-color: #ffb53e;
  grid-column: span 1;
  height: 100%;
}
footer .footer-newsletter {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 2fr;
  align-items: center;
  gap: 32px;
}
footer .footer-newsletter__copy {
  grid-column: 1/4;
}
footer .footer-newsletter__form-inputs {
  display: flex;
  gap: 24px;
  align-items: center;
}
footer .footer-newsletter #news_letter_input {
  width: 100%;
}
footer .footer-newsletter__input-and-error {
  width: 100%;
}
footer .footer-newsletter__error-msg {
  background-color: #fff;
  border-radius: 4px;
  padding: 0 8px;
}
footer .footer-newsletter__success {
  min-width: 375px;
}
footer .footer-links-container {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(5, 1fr);
}
footer .footer-links {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 12px;
}
footer .footer-links__title {
  margin-bottom: 12px;
}
footer .footer-links a {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}
footer .footer-links a:hover {
  text-decoration: underline;
}
footer .footer-link--locale {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
}
footer .footer-bottom {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
footer .footer-bottom__left, footer .footer-simple__left {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 70%;
}
footer .footer__fda {
  display: inline-block;
  border: solid 1px #f5f5f5;
  color: #fff;
  padding: 8px;
  align-self: start;
  font-size: 14px;
  z-index: 19;
}
footer .footer-bottom__right {
  display: flex;
  gap: 2rem;
  width: 30%;
}
footer .footer-bottom {
  padding-block-start: 2rem;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
footer .footer-bottom__links {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 2fr;
  gap: 40px 32px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
footer .footer-bottom__links-right {
  display: flex;
  gap: 74px;
}
footer .footer-bottom__links-right a {
  color: #fff;
  text-decoration: underline;
}
footer .footer-bottom__social-media {
  display: flex;
  gap: 24px;
  grid-column: 1/4;
}
footer .footer-social-logo {
  color: #fff;
  font-size: 24px;
  transition: color 0.2s linear;
}
footer .footer-social-logo:hover {
  color: #d6d6d6;
}

@media (max-width: 1099px) {
  footer .footer-newsletter {
    grid-template-columns: auto;
  }
  footer .footer-newsletter__copy {
    grid-column: unset;
  }
  footer .footer-newsletter__input-and-error {
    max-width: 300px;
  }
  footer .footer-links-container {
    grid-template-columns: repeat(3, 1fr);
  }
  footer .footer-bottom__links {
    display: flex;
  }
  footer .footer__social-media {
    grid-column: unset;
  }
}
@media (max-width: 619px) {
  footer .footer-newsletter {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  footer .footer-newsletter #news_letter_input {
    width: 100%;
    min-width: unset;
  }
  footer .footer-newsletter__success {
    min-width: 0;
  }
  footer .footer-links-container {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 16px;
  }
  footer .footer-links {
    min-width: min(100%, 160px);
  }
  footer .footer-links__title {
    margin-bottom: 4px;
  }
}
footer.simple {
  padding-block: 1.5rem;
  background-color: #fff;
  color: #3f4040;
}
footer.simple .footer-simple {
  display: flex;
  align-items: center;
  gap: 16px;
}
footer.simple .footer-simple .footer-simple__right {
  margin-inline-start: auto;
  display: flex;
  gap: 2.5rem;
}
footer.simple .footer__fda {
  max-width: 530px;
  font-size: 14px;
  color: #3f4040;
  border-color: #525252;
  z-index: 19;
}

@media (max-width: 1099px) {
  footer.simple .footer-simple {
    flex-direction: column;
    align-items: start;
    row-gap: 1.5rem;
  }
  footer.simple .footer-simple .footer-simple__left {
    order: 2;
    width: 100%;
  }
  footer.simple .footer-simple .footer-simple__right {
    margin-inline-start: 0;
    order: 1;
    width: 100%;
  }
}
@media (max-width: 619px) {
  footer.simple .footer-simple {
    row-gap: 2rem;
  }
  footer.simple .footer-simple .footer-simple__right {
    flex-direction: column;
    row-gap: 0.5rem;
  }
  footer .footer-link--locale {
    margin-top: 4px;
  }
}
@media (max-width: 375px) {
  footer .footer-taglines {
    grid-template-columns: auto;
  }
  footer .footer-taglines div:nth-child(2n) {
    justify-self: start;
  }
  footer .footer-links {
    display: flex;
    flex-wrap: wrap;
  }
  footer .footer-links__address {
    order: -1;
  }
}
/*
This file is used to contain all page imports.
Files inside this folder can contain page specific styles. 
*/
/* Catalog page */
.catalog-container {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 32px;
}

.catalog-dropdowns {
  display: flex;
  gap: 16px;
}

.product-cards-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 32px;
}

.catalog-header-container {
  display: grid;
  grid-template-columns: 5fr 6fr;
  gap: 8%;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 64px;
  position: relative;
}

.catalog-header {
  position: relative;
}
.catalog-header__img-container {
  height: 332px;
  width: 100%;
  max-width: 600px;
  position: relative;
}
.catalog-header__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  object-fit: cover;
  object-position: right;
  width: 600px;
}
.catalog-header__text {
  width: 100%;
  max-width: 592px;
  padding: 64px 96px 64px 0;
}
.catalog-header__decorator {
  position: absolute;
  top: 0;
  right: 32px;
}

.catalog-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-column: 2;
  margin-bottom: 24px;
}
.catalog-options__dropdowns {
  display: flex;
  gap: 16px;
}

.catalog-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.catalog-pagination__left {
  display: flex;
  gap: 16px;
  align-items: center;
}

.mobile-filters__dialog {
  padding: 0;
}

.plp-decorator {
  position: relative;
  left: -110px;
  bottom: -64px;
}

@media (min-width: 1100px) {
  .mobile-filters-btn,
  .mobile-filters-tags,
  .mobile-filters-footer {
    display: none;
  }
  .mobile-filters-modal {
    display: contents;
  }
  .mobile-filters-modal,
  .mobile-filters__dialog {
    visibility: visible;
    opacity: 1;
    position: static;
  }
  .mobile-filters__dialog {
    transform: translate3d(0, 0, 0);
    transition: none;
  }
  .mobile-filters-header__close {
    display: none;
  }
  .catalog-pagination #ShippingAddressListPaginationWrapperDIV {
    margin-left: auto;
  }
}
@media (max-width: 1440px) {
  .plp-decorator {
    left: -32px;
  }
}
@media (max-width: 1099px) {
  .catalog-header-container {
    gap: 32px;
    margin-bottom: 48px;
  }
  .catalog-header__text {
    padding: 64px 48px 64px 0;
  }
  .catalog-header__decorator {
    right: 16px;
  }
  .catalog-container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .catalog-options {
    grid-column: auto;
  }
  .mobile-filters-btn,
  .mobile-filters-tags {
    display: block;
  }
  .mobile-filters-tags {
    margin-top: 24px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }
  .mobile-filters-modal {
    padding: 0;
  }
  .mobile-filters__dialog {
    background-color: #fcfcfc;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .mobile-filters__dialog.--show {
    visibility: visible;
    opacity: 1;
  }
  .mobile-filters__dialog .filter-panel {
    padding: 0 32px;
  }
  .mobile-filters-header {
    display: flex;
    justify-content: space-between;
    margin: 0;
    margin-bottom: 8px;
    padding: 16px 32px;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .mobile-filters-header__close {
    display: block;
  }
  .mobile-filters-footer {
    margin-top: auto;
    border-top: 0;
    display: block;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 32px;
    background-color: #fff;
    background: linear-gradient(360deg, #D9D9D9 0%, rgba(255, 255, 255, 0) 100%);
  }
  .product-cards-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .catalog-pagination {
    flex-direction: column;
    align-items: normal;
    gap: 16px;
  }
}
@media (max-width: 619px) {
  .catalog-header-container {
    grid-template-columns: 1fr;
    gap: 16px;
    padding-top: 32px;
    margin-bottom: 40px;
  }
  .catalog-header__img-container {
    max-width: 391px;
    height: 150px;
    margin: auto;
    padding-inline: 24px;
  }
  .catalog-header__img {
    width: 100%;
    height: 100%;
    position: static;
  }
  .catalog-header__text {
    padding: 0;
  }
  .product-cards-container {
    grid-template-columns: 1fr 1fr;
  }
  .catalog-options {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: start;
  }
  .catalog-options__dropdowns,
  .catalog-options__dropdowns > .select {
    width: 100%;
  }
  .plp-decorator {
    left: -16px;
    bottom: -32px;
  }
}
@media (max-width: 375px) {
  .product-cards-container {
    grid-template-columns: 1fr;
  }
}
/* pages/_product-details.scss */
main:has(.product-detail-page) {
  overflow: unset;
}

.product-detail-page .hero {
  padding-block: 1rem 3rem;
  padding-inline: 32px;
  background-color: #f7f7f7;
  border-radius: 0 0 16px 16px;
}
.product-detail-page .hero, .product-detail-page .product-details__info-container, .product-detail-page .product-family {
  margin-bottom: 64px;
}
.product-detail-page .hero-content {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 32px;
}
.product-detail-page .pdp-img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 678px;
}
.product-detail-page .product-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.product-detail-page .product-info hr {
  margin-block-start: 1rem;
}
.product-detail-page .product-info__name {
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  font-size: 45px;
  line-height: 49.5px;
  font-weight: 600;
  text-wrap: balance;
}
.product-detail-page .product-info__short-description {
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 23px;
  line-height: 31px;
}
.product-detail-page .product-info__full-description--clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: o-ellipsis-lastline;
  text-overflow: ellipsis;
}
.product-detail-page .product-info__read-more {
  background-color: #f7f7f7;
  display: flex;
  justify-content: end;
  position: absolute;
  left: 0;
  bottom: -24px;
}
.product-detail-page .product-available-button-container {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.product-detail-page .product-add-to-cart {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
}
.product-detail-page .pdp-atc-btn {
  flex: 1;
}
.product-detail-page .product-info__retail-price,
.product-detail-page .product-info__wholesale-price {
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #141414;
}
.product-detail-page .product-info__also-available {
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin-top: 16px;
  display: flex;
  align-items: start;
  gap: 16px;
}
.product-detail-page .product-info__also-available-text {
  white-space: nowrap;
  position: relative;
  top: 7px;
  font-weight: 600;
}
.product-detail-page .product-info-attachments {
  margin-top: 30px;
}
.product-detail-page .product-details__info-container {
  display: grid;
  gap: 32px;
  grid-template-columns: 7fr 5fr;
  position: relative;
}
.product-detail-page .product-details__info-decorator {
  position: absolute;
  top: -30px;
  left: -78px;
}
.product-detail-page .product-details__info-column {
  display: flex;
  flex-direction: column;
  gap: 46px;
}
.product-detail-page .product-details__info-column:first-of-type .product-details__info-section:first-of-type {
  border-top: 0;
}
.product-detail-page .product-details__info-section {
  border-top: solid 1px #e5e5e5;
  padding-top: 24px;
}
.product-detail-page .product-details__info-section.--highlights ul {
  margin-left: 2rem;
}
.product-detail-page .product-details__info-section.--directions p {
  margin-bottom: 1em;
}
.product-detail-page .product-details__info-content.--sfvmclicked {
  padding-bottom: 80px;
}
.product-detail-page .product-details__info-btn {
  display: none;
}
.product-detail-page .pdp-exclude-container {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  gap: 15px;
}
.product-detail-page .pdp-exclude-item {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 7px;
}
.product-detail-page .tested-and-trusted {
  max-width: 100%;
  padding: 0 100px 50px 100px;
  background-color: #f7f7f7;
}
.product-detail-page .tested-top {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.product-detail-page .tested-top__text {
  margin-top: 70px;
  max-width: 600px;
}
.product-detail-page .doble-circle-icon {
  width: 56px;
  height: 56px;
  display: grid;
  grid-template-columns: 56px;
  grid-template-rows: 56px;
  justify-content: center;
  align-items: center;
}
.product-detail-page .doble-circle-icon img,
.product-detail-page .doble-circle-icon i {
  grid-row: 1;
  grid-column: 1;
}
.product-detail-page .doble-circle-icon .doble-circle-icon__icon {
  width: 30px;
  margin: auto;
  font-size: 1.5rem;
  text-align: center;
}
.product-detail-page .tested-bottom {
  margin: 100px auto 50px auto;
  width: fit-content;
  display: flex;
  gap: 90px;
}
.product-detail-page .test-element {
  display: flex;
  flex-direction: column;
  width: 150px;
  justify-content: start;
  align-items: center;
}
.product-detail-page .test-element__images {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 110px;
  justify-content: center;
}
.product-detail-page .test-element__check {
  width: 35px;
  position: relative;
  margin-left: auto;
  top: -20%;
}
.product-detail-page .test-element__test-name,
.product-detail-page .test-element__result {
  text-align: center;
}
.product-detail-page .manufacturing {
  max-width: 100%;
  margin-top: 120px;
  display: flex;
  justify-content: space-between;
  padding: 0 100px;
}
.product-detail-page .manufacturing-left {
  display: flex;
  flex-direction: column;
}
.product-detail-page .manufacturing-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}
.product-detail-page .product-detail__attachment-button {
  width: fit-content;
}
.product-detail-page .product-info__NPN {
  font-weight: 700;
  margin-block-end: 2rem;
}
.product-detail-page #other-resources > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.product-detail-page #other-resources > div > div {
  flex: 1;
}
.product-detail-page #other-resources > div .info-card--blue {
  gap: 20px;
}
.product-detail-page #science-research {
  columns: 2;
}
.product-detail-page .breadcrumb {
  margin-block-end: 20px;
}
.product-detail-page .pdp-sup-facts-container {
  background-color: #f7f7f7;
  padding: 24px;
  border-radius: 8px;
  position: relative;
}
.product-detail-page .pdp-sup-facts-container:has(.sf-view-more--show) {
  padding: 24px 24px 48px 24px;
}
.product-detail-page .pdp-sup-facts-container:has(.sf-view-more--show--clicked) {
  padding: 24px 24px 80px 24px;
}
.product-detail-page #supplement-facts {
  width: 100%;
}
.product-detail-page #supplement-facts .fact_header {
  padding-bottom: 16x;
  border-bottom: solid 1px #e5e5e5;
}
.product-detail-page #supplement-facts .fact_body table {
  width: 100%;
  margin-top: 16px;
}
.product-detail-page #supplement-facts .fact_body td {
  padding: 8px;
}
.product-detail-page #supplement-facts .fact_body tr:not(:first-child) {
  border-bottom: solid 1px #e5e5e5;
}
.product-detail-page #supplement-facts .fact_footer {
  margin-top: 16px;
}
.product-detail-page .sf-view-more {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-detail-page .sf-view-more::before {
  content: "";
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F7F7F7 100%);
}
.product-detail-page .sf-view-more--show {
  max-height: 400px;
  overflow: hidden;
  position: relative;
}
.product-detail-page .sf-view-more--show--clicked {
  max-height: 100%;
}
.product-detail-page .sf-img-container {
  display: flex;
  flex-direction: column;
}
.product-detail-page #ingredientsImg {
  max-width: 100%;
  align-self: center;
}

.pdp-family-container {
  padding-block: 64px;
  width: 100%;
}

.product-family {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
}
.product-family h3 {
  margin-bottom: 20px;
}

.exclude-ingredients {
  display: flex;
  gap: 2rem 3.5rem;
  width: fit-content;
  margin-top: 30px;
  justify-content: center;
  flex-wrap: wrap;
}

.exclude-ingredients_ingredient {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 10px;
}

.exclude-ingredients__icon {
  height: 55px;
}

.product-details__end-decorator {
  position: absolute;
  right: min(-112px, -5.8vw);
  bottom: -64px;
}

@media (max-width: 1519px) {
  .product-details__end-decorator {
    right: 0;
  }
}
@media (max-width: 1440px) {
  .product-detail-page #product-information {
    flex-direction: column;
    gap: 0;
  }
  .product-detail-page .product-details__info-decorator {
    left: 0;
  }
}
@media (max-width: 1440pxpx) {
  .product-detail-page .hero-content {
    gap: 128px;
  }
}
@media (max-width: 1099px) {
  .product-detail-page .hero-content, .product-detail-page .product-details__info-container {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .product-detail-page .product-info__name {
    font-size: 36px;
    line-height: 39.5px;
  }
  .product-detail-page .tested-and-trusted {
    padding: 20px;
  }
  .product-detail-page .tested-top__image {
    display: none;
  }
  .product-detail-page .tested-top__text {
    max-width: 100%;
    order: 1;
  }
  .product-detail-page .tested-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 20px;
  }
  .pdp-family-container {
    padding-block: 48px;
  }
  .pdp-family-decorator {
    top: 44px;
  }
}
@media (max-width: 768px) {
  .product-detail-page .hero-content {
    grid-template-columns: auto;
    gap: 32px;
  }
}
@media (max-width: 619px) {
  main:has(.product-detail-page) + footer {
    padding-bottom: 100px;
  }
  .product-detail-page .hero, .product-detail-page .product-details__info-container, .product-detail-page .product-family {
    margin-bottom: 48px;
  }
  .product-detail-page .pdp-hero-page-container {
    padding-inline: 0;
  }
  .product-detail-page .hero {
    padding: 0;
    background-color: none;
  }
  .product-detail-page .hero-content {
    gap: 0;
  }
  .product-detail-page .product-info {
    padding: 24px 16px 48px 16px;
    background-color: #f7f7f7;
  }
  .product-detail-page .product-info__name {
    font-size: 30px;
    line-height: 33px;
  }
  .product-detail-page .product-add-to-cart {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 16px 20px 16px;
    height: auto;
    background-color: #fff;
    flex-wrap: nowrap;
    box-shadow: 0px -20px 24px -4px rgba(20, 20, 20, 0.08), 0px -8px 8px -4px rgba(20, 20, 20, 0.03);
  }
  .product-detail-page .product-details__info-section {
    border-top: 0;
  }
  .product-detail-page .pdp-atc-btn {
    flex: auto;
  }
  .product-detail-page .pdp-img {
    max-width: 343px;
  }
  .product-detail-page .product-info__also-available {
    flex-direction: column;
    align-items: start;
  }
  .product-detail-page .product-info__also-available-text {
    top: 0;
  }
  .product-detail-page .product-details__info-container {
    grid-template-columns: auto;
    gap: 24px;
  }
  .product-detail-page .product-details__info-column {
    gap: 24px;
  }
  .product-detail-page .product-details__info-section {
    border-top: none;
    padding-top: 0;
  }
  .product-detail-page .product-details__info-header {
    display: none;
  }
  .product-detail-page .product-details__info-btn {
    width: 100%;
    font-size: 1rem;
    line-height: 22px;
    background-color: #fff;
    position: relative;
    padding: 14px;
    border: solid 1px #d6d6d6;
    border-radius: 6px;
    color: #737373;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
  }
  .product-detail-page .product-details__info-btn::after {
    content: "\f078";
    font: var(--fa-font-regular);
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }
  .product-detail-page .product-details__info-btn[aria-expanded=true] {
    color: #141414;
  }
  .product-detail-page .product-details__info-btn[aria-expanded=true]::after {
    content: "\f077";
  }
  .product-detail-page .product-details__info-content {
    padding-top: 16px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
  }
  .product-detail-page .pdp-trusted-img-container {
    height: auto;
  }
  .product-detail-page .pdp-trusted-img {
    position: static;
    width: 100%;
    height: 350px;
    border-radius: 24px;
  }
  .pdp-family-container {
    padding-block: 40px;
  }
  .pdp-family-decorator {
    top: 17px;
  }
  .product-details__end-decorator {
    bottom: -64px;
  }
}
/* pages/_shopping-cart.scss */
.shopping-cart-page #ShoppingCartPageWrapperDIV {
  display: contents;
  position: relative;
}
.shopping-cart-page #RemoveAllShoppingCartItemsBTN {
  grid-area: remove;
  justify-self: end;
}
.shopping-cart-page .cart-products-container {
  position: relative;
  grid-area: cart;
  display: flex;
  flex-direction: column;
}
.shopping-cart-page .cart-product {
  position: relative;
  display: grid;
  grid-template-columns: 96px 6fr 2fr 1fr auto;
  grid-template-areas: "image name quantity price delete";
  padding-bottom: 28px;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  column-gap: 30px;
  padding-top: 20px;
}
.shopping-cart-page .cart-product:first-of-type {
  border-top: 1px solid #e5e5e5;
}
.shopping-cart-page .cart-product > div:not(.cart-product__name-container) {
  margin-inline: auto;
}
.shopping-cart-page .cart-product.--has-sns {
  grid-template-areas: "image name quantity price delete" "image  sns quantity price delete";
}
.shopping-cart-page .cart-product__image-container {
  height: 96px;
  grid-area: image;
}
.shopping-cart-page .cart-product__image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.shopping-cart-page .cart-product__name {
  font-size: 1rem;
  line-height: 24px;
  font-weight: 700;
  color: #3f4040;
}
.shopping-cart-page .cart-product__name-container {
  grid-area: name;
}
.shopping-cart-page .cart-product__sns-container {
  grid-area: sns;
  margin-inline: unset !important;
}
.shopping-cart-page .cart-product__quantity-container {
  grid-area: quantity;
}
.shopping-cart-page .cart-product__prices-container {
  display: flex;
  flex-direction: column;
  align-items: end;
  grid-area: price;
}
.shopping-cart-page .cart-product__prices-container p:first-child {
  font-size: 1rem;
  font-weight: 600;
  font-weight: 600;
  color: #3f4040;
}
.shopping-cart-page .cart-product__prices-container p:not(:first-child) {
  font-size: 0.75rem;
  font-weight: 400;
  color: #525252;
}
.shopping-cart-page .cart-product__delete-container {
  grid-area: delete;
}
.shopping-cart-page .cart-product__delete-container i {
  font-size: 1.25rem;
  color: #006b88;
}
.shopping-cart-page .checkout-content-container {
  padding-inline: 0;
  position: relative;
}
.shopping-cart-page .cart-top-left-buttons {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 2rem;
}
.shopping-cart-page .cart-top-left-buttons #RemoveAllShoppingCartItemsBTN {
  margin-left: auto;
}
.shopping-cart-page .cart-empty-state {
  justify-content: center;
  grid-column: 1/-1;
}
.shopping-cart-page .cart-empty-state img {
  width: 220px;
}
.shopping-cart-page .cart-empty-state button {
  margin-block-start: 1rem;
}
.shopping-cart-page .cart-empty-state p {
  text-align: center;
}
.shopping-cart-page .delete-item__name a {
  font-weight: 900;
}
.shopping-cart-page .cart-promo-input-group {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1099px) {
  .shopping-cart-page .header h1 {
    font-size: 1.875rem;
    padding: 40px 0 40px 30px;
  }
  .shopping-cart-page .cart-product {
    grid-template-columns: 96px 1fr auto;
    grid-template-areas: "image name delete" "quantity price price";
    gap: 10px;
  }
  .shopping-cart-page .cart-product.--has-sns {
    grid-template-areas: "image name delete" "sns sns sns" "quantity price price";
  }
  .shopping-cart-page .cart-product__prices-container {
    width: 100%;
  }
  .shopping-cart-page .cart-product__delete-container {
    margin-left: auto;
  }
}
@media (max-width: 619px) {
  .shopping-cart-page .content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.shopping-cart-page #delete-item-modal .cart-product {
  grid-template-columns: 96px 1fr auto;
  border: none;
  grid-template-areas: "image name price";
  column-gap: 10px;
}

.shopping-cart-page #removeAllItemsModal .modal__footer {
  display: flex;
  gap: 1rem;
}
.shopping-cart-page #removeAllItemsModal .modal__footer button {
  flex: 1;
}

/* pages/_registration-all.scss */
header.header {
  text-align: center;
  padding-inline: 20px;
  background-color: #f7f7f7;
}

.email-form-container {
  width: 100%;
  max-width: 480px;
  padding: 40px 20px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.email-form-container .form-group {
  flex: 1;
  width: 100%;
}
.email-form-container .has-account {
  text-align: center;
  width: 100%;
}
.email-form-container .has-account a {
  margin-top: 10px;
}

.forgot-password {
  width: fit-content;
}

.contact-container,
.password-container,
.existing-email-container {
  width: 100%;
  max-width: 480px;
  padding: 20px;
  margin: 0 auto;
}
.contact-container h2,
.password-container h2,
.existing-email-container h2 {
  font-size: 1.5rem;
  line-height: 1.5;
}

#RegistrationContactInfoPageWrapperDIV .contact-container {
  padding: 0;
}

.new-accounts-link {
  display: block;
  margin-top: 5px;
  width: fit-content;
}

.required-field-leyend {
  margin-block: 20px;
}

#RegisterAsRadioOptionsWrapperDIV p:not(:first-child) {
  margin-top: 20px;
}

.radio {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
}

.back-next-buttons,
.back-login-buttons {
  display: flex;
  gap: 20px;
  width: 100%;
  margin-top: 30px;
  flex-direction: column;
  align-items: center;
}
.back-next-buttons a,
.back-next-buttons button,
.back-login-buttons a,
.back-login-buttons button {
  flex: 1;
}

.contact-information,
.license-information,
.practice-information,
.practice-address,
.additional-information {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.practice-container > div:not(:first-of-type),
.contact-container > div:not(:first-of-type) {
  margin-top: 40px;
}

.agreements-container {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}
.agreements-container h1 {
  font-size: 1.5rem;
}
.agreements-container h2 {
  margin-top: 3rem;
  font-size: 1.5rem;
}
.agreements-container ul,
.agreements-container ol {
  list-style-position: inside;
  margin-left: 20px;
}
.agreements-container ul ul,
.agreements-container ol ul {
  margin-top: 20px;
}
.agreements-container ul {
  list-style-type: disc;
}
.agreements-container p,
.agreements-container li {
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.agreements-container input[type=date] {
  margin: 5px 0;
  height: 42px;
}
.agreements-container label.checkbox {
  display: flex;
  align-items: start;
  margin: 3rem 0;
}

.download-agreement-link {
  display: block;
  width: fit-content;
  margin: 50px auto;
  font-size: 1rem;
}
.download-agreement-link i {
  font-size: inherit;
  font-weight: 500;
}

.signature-container {
  display: flex;
  gap: 20px;
}
.signature-container > div {
  flex: 1;
}

.review-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.practitioner-information-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.practitioner-information-container p {
  margin-bottom: 5px;
}

.review-info {
  margin-top: 2.5rem;
}

#RegistrationCreatePasswordPageWrapperDIV .back-login-buttons a {
  display: none;
}

#RegistrationExistingInfoVerificationPageWrapperDIV .existing-email-alert {
  margin-top: 20px;
}
#RegistrationExistingInfoVerificationPageWrapperDIV #EmailWrapperDIV {
  margin: 30px auto;
}
#RegistrationExistingInfoVerificationPageWrapperDIV button {
  width: 100%;
}
#RegistrationExistingInfoVerificationPageWrapperDIV .alert {
  margin-bottom: 20px;
}

@media (max-width: 512px) {
  .signature-container {
    flex-direction: column;
  }
}
.order-history-search {
  background-color: #f7f7f7;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  gap: 20px;
}
.order-history-search__input-group {
  width: 100%;
  max-width: 424px;
}
.order-history-search .select {
  min-width: 100px;
}

.table--order-history--show {
  display: none;
}

.table--order-history__action {
  white-space: nowrap;
}

.order-details-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 16px;
}
.order-details-header__status {
  display: flex;
  gap: 12px;
  align-items: center;
}

.promo-applied-container {
  display: flex;
  gap: 4px;
  align-items: center;
}

.order-details-info-cards {
  display: flex;
  gap: 24px;
}

.order-info-card {
  border: solid 1px #e5e5e5;
  border-radius: 8px;
  padding: 24px;
  width: 100%;
}
.order-info-card__header {
  font-size: 18px;
  line-height: 28px;
  color: #141414;
  font-weight: 600;
  margin-bottom: 20px;
}
.order-info-card__inner {
  color: #525252;
  padding: 20px 16px;
  border-radius: 8px;
  border: solid 1px #e5e5e5;
}
.order-info-card__inner--carddata {
  display: flex;
  gap: 16px;
}

.order-product-row-container:not(:last-child) {
  border-bottom: solid 1px #e5e5e5;
}

.order-product-row {
  display: grid;
  gap: 24px;
  grid-template-columns: 96px 2fr 1fr 1fr;
  justify-content: space-between;
  padding: 24px;
  align-items: center;
  font-weight: 600;
}
.order-product-row__product {
  display: contents;
}
.order-product-row__img {
  height: 96px;
  width: 96px;
  object-fit: contain;
  aspect-ratio: 1;
}
.order-product-row:not(:last-child) {
  border-bottom: solid 1px #e5e5e5;
}
.order-product-row__regulatory-msg {
  margin-top: 16px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}
.order-product-row--modal {
  grid-template-columns: 1fr 1fr;
  padding: 16px 0;
}
.order-product-row--modal .order-product-row__product {
  display: grid;
  grid-template-columns: 66px auto;
  align-items: center;
  grid-column: 1/3;
  gap: 16px;
}
.order-product-row--modal .order-product-row__img {
  width: 66px;
  height: 66px;
}

.order-details-total-container {
  display: flex;
  justify-content: end;
}

.order-details-total {
  width: 100%;
  max-width: 212px;
  margin-top: 32px;
}
.order-details-total__row {
  display: flex;
  justify-content: space-between;
}
.order-details-total__row:not(:last-child) {
  margin-bottom: 4px;
}
.order-details-total__row--total {
  margin-top: 8px;
  padding-top: 8px;
  border-top: solid 1px #d6d6d6;
}

.tracking-container {
  display: flex;
  gap: 16px;
}

@media (max-width: 619px) {
  .order-history-search {
    flex-direction: column;
    gap: 16px;
  }
  .order-history-search .select, .order-history-search .select__input {
    width: 100%;
  }
  .table--order-history--hide {
    display: none;
  }
  .table--order-history--show {
    display: block;
  }
  .table--order-history thead {
    background-color: #f7f7f7;
  }
  .table--order-history thead tr {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    padding: 12px 24px;
    border-bottom: solid 1px #e5e5e5;
  }
  .table--order-history thead tr th {
    padding: 0;
    border: 0;
  }
  .table--order-history tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    column-gap: 24px;
    padding: 16px 24px;
    grid-template-areas: "number total action" "date total action" "name total action";
    align-items: center;
  }
  .table--order-history tbody tr:not(:last-child) {
    border-bottom: solid 1px #e5e5e5;
  }
  .table--order-history__number {
    grid-area: number;
    margin-bottom: 8px;
  }
  .table--order-history__date {
    grid-area: date;
    margin-bottom: 8px;
  }
  .table--order-history__name {
    grid-area: name;
  }
  .table--order-history__total {
    grid-area: total;
  }
  .table--order-history__action {
    grid-area: action;
  }
  .table--order-history td {
    padding: 0;
    border: 0;
  }
  .order-details-info-cards {
    flex-direction: column;
  }
  .order-product-row {
    grid-template-columns: 1fr 1fr;
  }
  .order-product-row__product {
    display: grid;
    grid-template-columns: 66px auto;
    align-items: center;
    grid-column: 1/3;
    gap: 16px;
  }
  .order-product-row__img {
    width: auto;
    height: 66px;
  }
  .order-details-total {
    max-width: 100%;
  }
}
/* pages/_shopping-cart.scss */
.checkout-content-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "remove totals" "cart totals";
  column-gap: 30px;
  margin-top: 40px;
  position: relative;
}
.checkout-content-container .order-product-row {
  position: relative;
}
.checkout-content-container .sns-cart-badge {
  position: absolute;
  top: 20px;
  right: 0;
}

.checkout-decorator {
  position: absolute;
  left: 32px;
  bottom: -64px;
}

.shopping-cart-page .checkout-decorator {
  left: 0;
}

.cart-right {
  grid-area: totals;
  width: 100%;
  height: fit-content;
  position: sticky;
  top: 140px;
}

#ContinueToShippingAddressesPageBTN {
  width: 100%;
  margin-top: 1.5rem;
}

.cart-right__summary {
  background-color: #fcfcfc;
  height: fit-content;
  border-radius: 8px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-weight: 400;
}

.checkout-order-summary {
  background-color: #f7f7f7;
  padding: 24px;
  border-radius: 8px;
  margin-bottom: auto;
  position: sticky;
  top: 90px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.checkout-order-summary__details {
  display: flex;
  align-items: center;
  gap: 40px;
  align-self: stretch;
}
.checkout-order-summary__details-content {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}
.checkout-order-summary .totals-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.checkout-order-summary .totals-content ul {
  list-style: none;
  line-height: 1.875rem;
}
.checkout-order-summary .totals-content ul li {
  display: flex;
  justify-content: space-between;
}
.checkout-order-summary .totals-content ul li:last-child {
  padding: 10px 0;
  margin-top: 16px;
  border-top: 1px solid #e5e5e5;
}
.checkout-order-summary .totals-content ul li:last-child .totals-label, .checkout-order-summary .totals-content ul li:last-child .totals-amount {
  font-weight: 700;
}

.order-header-data-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.order-header-data-section .btn-link {
  white-space: nowrap;
}

#OrderTotalsComponentWrapperDIV .alert {
  margin-block-end: 1rem;
}
#OrderTotalsComponentWrapperDIV .totals-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#OrderTotalsComponentWrapperDIV .totals-content ul {
  list-style: none;
  line-height: 1.875rem;
}
#OrderTotalsComponentWrapperDIV .totals-content ul li {
  display: flex;
  justify-content: start;
}
#OrderTotalsComponentWrapperDIV .totals-content ul li .totals-label {
  color: #3f4040;
  font-weight: 600;
}
#OrderTotalsComponentWrapperDIV .totals-content ul li .totals-amount {
  font-weight: 400;
  color: #525252;
  margin-left: auto;
}
#OrderTotalsComponentWrapperDIV .totals-content ul li:last-of-type {
  border-top: 1px solid #e5e5e5;
}
#OrderTotalsComponentWrapperDIV .totals-content ul li:last-of-type > span {
  font-weight: 800;
}
#OrderTotalsComponentWrapperDIV .totals-content .totals-container {
  padding-block-end: 0 !important;
  padding-top: 16px;
  margin-top: 16px;
}

@media (max-width: 1099px) {
  .checkout-content-container {
    grid-template-columns: 1fr 1fr;
  }
  .checkout-content-container .sns-cart-badge {
    top: 10px;
  }
  .checkout-decorator {
    bottom: -60px;
  }
}
@media (max-width: 619px) {
  .checkout-content-container {
    grid-template-columns: 1fr;
    grid-template-areas: "remove" "cart" "totals";
    column-gap: 30px;
    margin-top: 40px;
  }
  .checkout-decorator {
    bottom: -64px;
    left: -16px;
  }
  .cart-right {
    max-width: unset;
    margin-top: 32px;
  }
}
/* pages/_manage-addresses.scss */
.addresses-page-container {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 32px;
  margin-top: 40px;
  overflow-x: hidden;
}

.addresses-search {
  background-color: #f9fafb;
  padding: 24px;
  display: flex;
  justify-content: start;
  align-items: center;
  border-radius: 6px;
  gap: 16px;
}
.addresses-search--nosearch {
  background-color: transparent;
  padding: 0;
  justify-content: end;
}

.adresses-search__input-group {
  width: 100%;
  max-width: 400px;
}

.address-search-input-container {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.addresses-show {
  margin-left: auto;
}

.shipping-list-radio {
  margin-right: 24px;
}

.table--manage-address__icons {
  display: flex;
  white-space: nowrap;
}

.suggested-addresses-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.address-pagination {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: center;
}
.address-pagination #ShippingAddressListPaginationWrapperDIV {
  margin-left: auto;
}

@media (max-width: 1099px) {
  .addresses-page-container {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    gap: 40px;
  }
  .sub-page-navigation__header {
    display: flex;
    justify-content: start;
    align-items: center;
  }
  .sub-page-navigation__header div:first-of-type {
    font-size: 1.5rem;
  }
  .sub-page-navigation__header div:last-of-type {
    margin-left: auto;
    font-size: 1rem;
  }
  .addresses-search:not(.addresses-search--nosearch) {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 1rem;
  }
  .adresses-search__input-group {
    width: 100%;
    max-width: unset;
  }
  .addresses-show {
    width: fit-content;
    padding-inline: 0;
    margin-left: 0;
  }
}
@media (max-width: 619px) {
  .addresses-search {
    grid-template-columns: 1fr;
    grid-template-areas: "btn" "search" "show";
  }
  .addresses-search .adresses-search__input-group {
    grid-area: search;
  }
  .addresses-search .addresses-search__btn {
    grid-area: btn;
  }
  .addresses-search > * {
    width: 100%;
  }
  .addresses-search button {
    width: 100%;
  }
  .addresses-show {
    justify-content: center;
    grid-area: show;
    margin-block: 0;
  }
  .addresses-show .select__input {
    width: fit-content;
  }
  .addresses-show .select__input:hover, .addresses-show .select__input:focus, .addresses-show .select__input:active {
    border: none;
    box-shadow: none;
  }
  .address-pagination {
    display: block;
  }
  .address-pagination__show {
    display: none;
  }
}
#addressDeleteModal form div:not(:first-of-type) {
  margin-top: 0.5rem;
}

@media (max-width: 619px) {
  .addresses-table-area .grid-table {
    border-radius: 0;
  }
}
/* pages/_shipping-addresses.scss */
.shipping-addresses-page .review-alert {
  margin-block: 1.5rem;
}
.shipping-addresses-page #results-shown {
  position: relative;
  top: 28px;
  display: none;
}
.shipping-addresses-page #ShippingAddressListPaginationWrapperDIV {
  margin-top: 1rem;
}
.shipping-addresses-page .alert-rs {
  margin-block: 1.5rem;
}

.address-table__actions-btns {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 100%;
}

.checkout-shipping-addresses .addresses-search.padding-aux {
  margin-inline: 0;
}

@media (max-width: 619px) {
  .address-table td {
    border-bottom: 0;
    padding: 0;
  }
  .address-table th {
    border-radius: 8px 8px 0 0;
  }
  .address-table__row {
    width: 100%;
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    grid-template-areas: "description actions" "name actions" "address actions";
    padding: 16px 24px;
  }
  .address-table__row--no-select {
    padding-right: 0;
  }
  .address-table__row:not(:last-of-type) {
    border-bottom: solid 1px #d6d6d6;
  }
  .address-table__description {
    grid-area: description;
  }
  .address-table__name {
    grid-area: name;
  }
  .address-table__address {
    grid-area: address;
  }
  .address-table__actions {
    grid-area: actions;
  }
  .address-table__description, .address-table__name, .address-table__address {
    margin-bottom: 12px;
  }
  .shipping-addresses-page .addresses-table {
    grid-template-columns: 1fr;
  }
  .shipping-addresses-page .addresses-table .grid-table__header--cell:last-of-type {
    display: none;
  }
  .shipping-addresses-page .addresses-table .grid-table__vanish {
    border-bottom: 0;
  }
  .shipping-addresses-page .addresses-table .table--manage-address__icons {
    padding-bottom: 1rem;
  }
  .shipping-addresses-page .addresses-table .table--manage-address__icons .btn {
    width: 100%;
  }
  .shipping-addresses-page .addresses-search {
    display: flex;
    flex-direction: column;
  }
  .shipping-addresses-page .addresses-show {
    margin-inline: 0;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .shipping-addresses-page .addresses-show .select__input {
    width: fit-content;
  }
}
/* pages/_product-details.scss */
.login-area {
  width: 100%;
  max-width: 512px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 40px;
}

#ForgotPasswordPageWrapperDIV #recaptchaWrapperDIV {
  margin-bottom: 1.5rem;
}

.login-options {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}

.no-account {
  display: flex;
  gap: 0.25em;
  flex-wrap: wrap;
  justify-content: center;
}

.login-actions {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
}

.login-errors {
  margin-top: 16px;
}

.forgot-back {
  margin-top: 24px;
}

.forgot-alert {
  margin-top: 16px;
}

.renew-password-actions {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

@media (max-width: 619px) {
  .forgot-title-area {
    margin-bottom: 24px;
  }
  .forgot-title-area h1 {
    margin-bottom: 16px;
  }
  .login-actions {
    gap: 24px;
  }
}
/* pages/_contact-info.scss */
.practice-container {
  width: 100%;
  max-width: 480px;
  padding: 20px;
  margin: 0 auto;
}
.practice-container h2 {
  font-size: 1.5rem;
}

.province-postal-code-container {
  display: flex;
  gap: 20px;
  width: 100%;
}
.province-postal-code-container > * {
  flex: 1;
}

.manage-pw-container {
  max-width: 485px;
  width: 100%;
}

.manage-pw-buttons {
  display: flex;
  gap: 16px;
}

.checkout-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 32px;
  margin-top: 40px;
}

.checkout-shipping-method {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background-color: #fcfcfc;
  border: solid 1px #d6d6d6;
  border-radius: 4px;
  cursor: pointer;
}
.checkout-shipping-method:hover .checkout-method-btn .btn__content {
  transform: translate3d(0, -2px, 0);
  transition: transform 0.2s ease-out;
}
.checkout-shipping-method:hover .checkout-method-btn::before {
  width: 100%;
}
.checkout-shipping-method:hover {
  border-color: #67e3f9;
}
.checkout-shipping-method__img {
  width: 50px;
}
.checkout-shipping-method__content {
  display: flex;
  gap: 16px;
  align-items: center;
}
.checkout-shipping-method__name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #3f4040;
  margin-left: auto;
}

.checkout-payment-method {
  padding: 1rem;
  background-color: #fcfcfc;
  border: solid 1px #d6d6d6;
  border-radius: 4px;
  list-style: none;
}
.checkout-payment-method:hover {
  border-color: #67e3f9;
}
.checkout-payment-method:has(.--xcrd):hover {
  border-color: #e5e5e5;
}
.checkout-payment-method__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.checkout-payment-method__content.--xcrd {
  cursor: default;
}
.checkout-payment-method__info {
  display: flex;
  gap: 16px;
  align-items: start;
}
.checkout-payment-method__info-right {
  display: flex;
  gap: 16px;
  align-items: center;
}
.checkout-payment-method__name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #141414;
  margin-left: auto;
}
.checkout-payment-method__desc {
  white-space: nowrap;
  color: #525252;
}
.checkout-payment-method__cards {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: end;
}
.checkout-payment-method__cards > img {
  width: 34px;
}

.cc-pay-container {
  display: flex;
  padding-top: 24px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  align-self: stretch;
}
.cc-pay-container-hr {
  margin-top: 32px;
}

.cc-billing-address-container {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
  border-radius: 8px;
  background: #fff;
}

.cc-billing__current-address {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.cc-billing__current-address-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}

.cc-address-list-container {
  padding-top: 32px;
}
.cc-address-list-container .addresses-search {
  padding: 0;
  background-color: transparent;
}
.cc-address-list-container .addresses-show {
  display: none;
}
.cc-address-list-container .address-table {
  grid-template-columns: auto;
}
.cc-address-list-container .address-table .hide-on-mobile {
  display: none;
}
.cc-address-list-container .address-table thead {
  background-color: #f7f7f7;
  border-radius: 8px 8px 0 0;
}
.cc-address-list-container .address-table thead, .cc-address-list-container .address-table .address-table__row {
  display: grid;
  grid-template-columns: 1fr auto;
  border-bottom: solid 1px #e5e5e5;
}
.cc-address-list-container .address-table .address-table__row:last-of-type {
  border-bottom: 0;
}
.cc-address-list-container .address-table .address-table__row {
  grid-template-areas: "description action" "name action" "address action";
  align-items: center;
  padding: 0 16px;
  column-gap: 16px;
  position: relative;
}
.cc-address-list-container .address-table td, .cc-address-list-container .address-table th {
  border-bottom: 0;
}
.cc-address-list-container .address-table td {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 0;
  font-weight: 400;
}
.cc-address-list-container .address-table .address-table__description {
  font-weight: 600;
  color: #141414;
  grid-area: description;
}
.cc-address-list-container .address-table .address-table__name {
  grid-area: name;
}
.cc-address-list-container .address-table .address-table__address {
  grid-area: address;
}
.cc-address-list-container .address-table .address-table__actions {
  grid-area: action;
}
.cc-address-list-container .address-table .shipping-list-radio {
  margin-right: 16px;
}
.cc-address-list-container .address-table .shipping-list-radio::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.cc-address-list-container .address-table .table--manage-address__icons {
  padding-block: 0;
}
.cc-address-list-container .address-table .hide-on-mobile {
  display: none;
}

.cc-iframe-container {
  display: flex;
  width: 100%;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  border-radius: 8px;
  background: #fff;
}

.cc-iframe-footer {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

@media (max-width: 1440px) {
  .cc-address-list-container .addresses-search:not(.addresses-search--nosearch) {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
@media (max-width: 1099px) {
  .checkout-container {
    grid-template-columns: 1fr 1fr;
  }
  .checkout-payment-method__content {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .checkout-payment-method__info-right {
    flex-direction: column;
    gap: 8px;
    align-items: start;
  }
  .checkout-payment-method__btn-link {
    margin-inline: auto;
  }
  .checkout-payment-method__name {
    margin-left: 0;
  }
  .checkout-payment-method__desc {
    white-space: normal;
  }
  .checkout-payment-method__cards {
    align-self: start;
  }
  .checkout-shipping-method {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .checkout-shipping-method__content {
    flex-direction: column;
    align-items: stretch;
  }
  .cc-pay-container {
    flex-direction: column;
    padding-top: 16px;
    gap: 16px;
  }
  .cc-pay-container-hr {
    margin-top: 16px;
  }
  .cc-billing-address-container {
    width: 100%;
  }
  .cc-address-list-container .addresses-search {
    padding: 0;
    margin-inline: 0;
  }
  .cc-iframe__btn {
    display: block;
    width: 100%;
  }
}
.cc-billing__see-more--show {
  display: none;
}

@media (max-width: 619px) {
  .checkout-container {
    grid-template-columns: 1fr;
  }
  .cc-pay-container {
    gap: 8px;
  }
  .cc-billing__see-more--hide {
    display: none;
  }
  .cc-billing__see-more--show {
    display: block;
    margin-top: -26px;
  }
}
.terms-modal-container {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 16px;
}

.details-card {
  border-radius: 8px;
  background-color: #f7f7f7;
  padding: 24px;
  width: 100%;
}

.details-card-container {
  display: flex;
  gap: 24px;
  align-items: start;
}

.order-complete-container {
  border-radius: 8px;
  border: solid 1px #e5e5e5;
}

.order-complete-featured-icons {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.checkout-container--order-complete {
  position: relative;
}

@media (max-width: 1099px) {
  .order-complete-featured-icons {
    flex-direction: row;
    justify-content: center;
  }
  .checkout-container--order-complete {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 619px) {
  .details-card-container, .order-complete-featured-icons {
    flex-direction: column;
  }
  .order-complete-featured-icons {
    align-items: center;
  }
}
.contact-head .subheading-1 {
  width: 100%;
  max-width: 766px;
  margin-inline: auto;
}

.contact-us-page-container {
  margin-block-start: 128px;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 32px;
  width: 100%;
  max-width: 1280px;
}
.contact-us-page-container .contact-us-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contact-us-page-container .contact-us-info a span {
  font-weight: 600;
}
.contact-us-page-container .contact-us-info i {
  padding-inline-end: 8px;
}
.contact-us-page-container select {
  border-radius: 6px;
}
.contact-us-page-container #recaptchaWrapperDIV {
  display: flex;
  justify-content: end;
}

.contact-us-form-area {
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: start;
}

.required-notice {
  font-size: 14px;
  font-weight: 400;
}

.contact-us-form {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.contact-send-button {
  font-size: 16px;
  padding: 12px 32px;
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  width: fit-content;
  margin-inline-start: auto;
}

.contact-us-flex-row {
  display: flex;
  align-items: end;
  gap: 32px;
}

.contact-us-select {
  margin: 6px 0;
}

.error-list {
  text-align: right;
  color: #b42318;
  font-size: 14px;
}

.icon-new {
  max-width: 40px;
}
.icon-new i {
  font-size: 20px;
}

.contact-us-content-right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.decorator-2 {
  margin-block-start: 40px;
}

@media (max-width: 1099px) {
  .contact-us-page-container {
    margin-block-start: 80px;
    grid-template-columns: 1fr;
    grid-template-areas: "info" "notice" "form";
    column-gap: 20px;
    row-gap: 48px;
    position: relative;
  }
  .contact-us-form {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
  }
  .contact-us-form-area {
    grid-area: form;
    flex-direction: column;
  }
  .contact-us-info {
    grid-area: info;
  }
  .contact-us-content-right {
    grid-area: notice;
    flex-direction: row;
  }
  .featured-icon-card-rs__title {
    font-size: 18px;
  }
  .decorator-2 {
    margin-block-start: 24px;
  }
}
@media (max-width: 619px) {
  .contact-us-page-container {
    margin-block-start: 64px;
    row-gap: 40px;
  }
  .contact-us-flex-row {
    flex-direction: column;
    gap: 18px;
  }
  .contact-us-content-right {
    flex-direction: column;
  }
  .decorator-2 {
    margin-block-start: 16px;
  }
}
/* pages/_xymogen-difference.scss */
:root {
  --hero-background-image: "";
}

body:has(.offsetable-content) footer {
  margin-block-start: -100px;
}

#xymogen-difference .static-block-padding {
  padding-block: 8rem;
}
#xymogen-difference .static-block-end-margin {
  margin-block-end: 8rem;
}
#xymogen-difference .subtitle-container {
  color: #a3a3a3;
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}
#xymogen-difference .title-container {
  width: 100%;
  max-width: 776px;
  margin-block-start: 0.5rem;
  position: relative;
  z-index: 2;
}
#xymogen-difference .static-hero {
  display: grid;
  grid-template-areas: "content";
  background-color: #006b88;
  background-image: var(--hero-background-image);
  background-repeat: no-repeat;
  background-size: cover;
  padding-block-end: 364px;
  position: relative;
  overflow: hidden;
}
#xymogen-difference .static-hero .background-tint {
  background-color: rgba(0, 89, 113, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  pointer-events: none;
}
#xymogen-difference .static-hero .static-hero__circle {
  position: absolute;
  opacity: 0.7;
  width: 911px;
  height: 911px;
  left: -216px;
  top: -300px;
  pointer-events: none;
}
#xymogen-difference .static-hero .hero-content {
  margin-top: 136px;
  z-index: 2;
}
#xymogen-difference .static-hero .hero-content__left {
  width: 100%;
  max-width: 1000px;
  margin-inline-start: 2rem;
}
#xymogen-difference .static-hero h1 {
  all: unset;
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  display: block;
  font-size: 3.75rem;
  color: #fff;
  line-height: 1.1;
}
#xymogen-difference .static-hero .hero__description {
  margin-top: 2rem;
  color: #fff;
}
#xymogen-difference .static-hero .hero__CTAs {
  display: flex;
  gap: 1.5rem;
  margin-top: 2rem;
}
#xymogen-difference .offsetable-content {
  position: relative;
  top: -200px;
}
#xymogen-difference .primary-content {
  background-color: #fff;
  border-radius: 8px;
  padding: 3.5rem;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 570px;
  gap: 2rem;
  min-height: 520px;
}
#xymogen-difference .primary-content .primary-content-tablet-helper,
#xymogen-difference .primary-content .primary-content-tablet-description-helper {
  display: contents;
}
#xymogen-difference .description-container {
  width: 100%;
  max-width: 776px;
  margin-top: 1.5rem;
  position: relative;
  z-index: 2;
}
#xymogen-difference .primary-content__right {
  position: relative;
}
#xymogen-difference .primary-content__image-container {
  width: 570px;
  height: 570px;
  position: absolute;
  top: -164px;
}
#xymogen-difference .primary-content__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: circle(50% at 50% 50%);
}
#xymogen-difference .primary-content__image--circle {
  width: 100%;
  height: 100%;
  max-width: 148px;
  max-height: 148px;
  border-radius: 50%;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  bottom: 0;
}
#xymogen-difference .primary-content__CTAs {
  margin-top: 1.5rem;
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
#xymogen-difference .cards {
  position: relative;
}
#xymogen-difference .cards .cards__circle {
  position: absolute;
  width: 623px;
  height: 623px;
  left: -420px;
  top: -60px;
  z-index: -1;
}
#xymogen-difference .cards .image-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(286px, 1fr));
  gap: 1.5rem;
  margin-block: 3rem;
}
#xymogen-difference .bullets {
  margin-block: 4rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2rem;
}
#xymogen-difference .bullets .featured-icon {
  margin-bottom: 1.5rem;
}
#xymogen-difference .bullets .check-mark-list {
  padding-inline: 0;
  margin-top: 2rem;
}
#xymogen-difference .bullets .bullets__CTAs {
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-top: 2rem;
}
#xymogen-difference .bullets .bullets__right-content {
  justify-self: end;
  position: relative;
}
#xymogen-difference .bullets .bullets__image-container {
  width: 500px;
  height: 500px;
}
#xymogen-difference .bullets .bullets__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: circle(50% at 50% 50%);
}
#xymogen-difference .bullets .bullets__image-circle-1 {
  width: 130px;
  height: 130px;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  opacity: 0.4;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 50%;
}
#xymogen-difference .bullets .bullets__image-circle-2 {
  width: 200px;
  height: 200px;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  opacity: 0.4;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
}
#xymogen-difference .section-text {
  width: 100%;
  max-width: 720px;
  margin-top: 1.5rem;
}
#xymogen-difference .carousel {
  position: relative;
  overflow: hidden;
}
#xymogen-difference .carousel .subtitle-container {
  display: flex;
  gap: 1rem;
}
#xymogen-difference .carousel .mobile-tabs-carousel {
  display: none;
}
#xymogen-difference .carousel .tabs-carousel {
  margin-top: 2rem;
}
#xymogen-difference .carousel .tabs-carousel__CTA {
  margin-block-start: 1.5rem;
}
#xymogen-difference .image-gallery {
  --image-gallery-background-color: $brand-900;
  background-color: var(--image-gallery-background-color);
  padding-block: 4rem;
  position: relative;
  overflow: hidden;
}
#xymogen-difference .image-gallery .image-gallery__circle {
  position: absolute;
  opacity: 0.1;
  width: 911px;
  height: 911px;
  top: -300px;
  left: -300px;
}
#xymogen-difference .image-gallery__mobile-container {
  display: contents;
}
#xymogen-difference .image-gallery__grid {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3rem;
  grid-template-areas: "logo text" "gallery gallery";
}
#xymogen-difference .image-gallery__grid-mobile-container {
  display: contents;
}
#xymogen-difference .image-gallery__logo-container {
  display: contents;
}
#xymogen-difference .image-gallery__text {
  grid-area: text;
}
#xymogen-difference .image-gallery__text .subtitle-container {
  display: flex;
  gap: 1rem;
  color: #fff;
}
#xymogen-difference .image-gallery__title {
  color: #fff;
}
#xymogen-difference .image-gallery__gallery {
  grid-area: gallery;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto;
  gap: 2rem;
  justify-self: center;
}
#xymogen-difference .image-gallery__description {
  color: #fff;
}
#xymogen-difference .image-gallery__CTA {
  margin-top: 1.5rem;
}
#xymogen-difference .image-gallery__CTA i {
  margin-left: 1rem;
}
#xymogen-difference .image-gallery__image {
  border-radius: 4px;
  overflow: hidden;
}
#xymogen-difference .image-gallery__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
#xymogen-difference .image-gallery__image:not(#xymogen-difference .image-gallery__image-1) {
  width: 414px;
  height: 221px;
}
#xymogen-difference .image-gallery__image-1 {
  grid-column: 1;
  grid-row: 1/-1;
  width: 804px;
  height: 474px;
}
#xymogen-difference .image-gallery__image-2 {
  grid-column: 2;
  grid-row: 1;
}
#xymogen-difference .image-gallery__image-3 {
  grid-column: 3;
  grid-row: 1;
}
#xymogen-difference .image-gallery__image-4 {
  grid-column: 2;
  grid-row: 2;
}
#xymogen-difference .image-gallery__image-5 {
  grid-column: 3;
  grid-row: 2;
}
#xymogen-difference .secondary-content {
  overflow: hidden;
  border-radius: 8px;
  background-color: #f7f7f7;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  position: relative;
}
#xymogen-difference .secondary-content__left {
  padding: 2rem;
}
#xymogen-difference .secondary-content__image-container {
  --secondary-content-background-image: "";
  mask-image: url(/images/difference/template-mask.svg);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-image: url(/images/difference/template-mask.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  position: relative;
  background-image: var(--secondary-content-background-image);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  max-width: 780px;
  position: relative;
  right: 0;
  justify-self: end;
  border-radius: 8px;
}
#xymogen-difference .secondary-content__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#xymogen-difference .secondary-content__image-circle {
  width: 224px;
  height: 224px;
  background: rgba(115, 115, 115, 0.1);
  position: absolute;
  left: -50px;
  bottom: -25%;
  border-radius: 50%;
  grid-column: 2;
  grid-row: 1;
}
#xymogen-difference .secondary-content__title {
  margin-top: 0.75rem;
}
#xymogen-difference .secondary-content__CTAs {
  margin-top: 1.5rem;
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
#xymogen-difference .full-width-1 {
  position: relative;
}
#xymogen-difference .full-width-1__text-container {
  position: relative;
  background-color: #006b88;
  padding-block: 6rem 10rem;
  overflow: hidden;
}
#xymogen-difference .full-width-1__text-container .page-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#xymogen-difference .full-width-1__content-container {
  max-width: 768px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#xymogen-difference .full-width__background-circle {
  width: 620px;
  height: 620px;
  opacity: 0.1;
  position: absolute;
  left: -300px;
  bottom: -310px;
}
#xymogen-difference .full-width-1__subtitle {
  color: #f7f7f7;
}
#xymogen-difference .full-width-1__title {
  margin-block-start: 1rem;
  color: #fff;
  text-align: center;
}
#xymogen-difference .full-width-1__description {
  text-align: center;
  color: #ecfdff;
}
#xymogen-difference .full-width-1__CTA {
  margin-block-start: 1.125rem;
}
#xymogen-difference .full-width__image-container .page-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -96px;
}
#xymogen-difference .full-width__image-container .page-container .line-container {
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #e5e5e5;
}
#xymogen-difference .full-width__image-content {
  width: 1000px;
  height: 500px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  position: relative;
}
#xymogen-difference .full-width__image-content img {
  width: 100%;
  height: 200%;
  object-fit: cover;
  clip-path: circle(50% at 50% 50%);
}
#xymogen-difference .full-width__image-content .full-width__image-circle {
  width: 272px;
  height: 272px;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  opacity: 0.6;
  mix-blend-mode: multiply;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
}
#xymogen-difference .full-width-2 {
  position: relative;
}
#xymogen-difference .full-width-2 .full-width__background-circle {
  opacity: 0.04;
}
#xymogen-difference .full-width-2__title {
  margin-block-start: 0.75rem;
}
#xymogen-difference .full-width-2__text-container {
  position: relative;
  background-color: #f7f7f7;
  padding-block: 6rem 10rem;
  overflow: hidden;
}
#xymogen-difference .full-width-2__text-container .page-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
}
#xymogen-difference .full-width-3 {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 2rem;
  position: relative;
  overflow: hidden;
}
#xymogen-difference .full-width-3__grid {
  display: grid;
  grid-template-columns: 363px 1fr;
  gap: 4rem;
}
#xymogen-difference .full-width-3__right-content {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(304px, 338px));
  gap: 3rem;
}
#xymogen-difference .full-width-3__right-content-image {
  width: 362px;
  height: 362px;
  position: absolute;
  left: -60px;
  bottom: -60px;
}
#xymogen-difference .full-width-3__right-content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: circle(50% at 50% 50%);
}
#xymogen-difference .full-width-3__right-content-image-mobile-container {
  display: contents;
}
#xymogen-difference .full-width-3__right-content-image-circle {
  width: 145px;
  height: 145px;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  mix-blend-mode: multiply;
  opacity: 0.6;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: -42px;
}
#xymogen-difference .secondary-listing-items__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#xymogen-difference .secondary-listing-items__title {
  margin-top: 0.75rem;
}
#xymogen-difference .secondary-listing-items__top-right {
  justify-self: end;
}
#xymogen-difference .secondary-listing-items__top-right-image-container {
  width: 348px;
  height: 348px;
  position: relative;
}
#xymogen-difference .secondary-listing-items__top-right-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: circle(50% at 50% 50%);
}
#xymogen-difference .secondary-listing-items__top-right-image-circle-1 {
  width: 90px;
  height: 90px;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  opacity: 0.6;
  mix-blend-mode: multiply;
  border-radius: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
}
#xymogen-difference .secondary-listing-items__top-right-image-circle-2 {
  width: 140px;
  height: 140px;
  background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
  opacity: 0.6;
  mix-blend-mode: multiply;
  border-radius: 50%;
  position: absolute;
  right: -40px;
  top: 0;
}
#xymogen-difference .secondary-listing-items__bottom {
  display: grid;
  margin-block-start: 2.5rem;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
#xymogen-difference .card-icon-logo__description {
  margin-block-start: 0.5rem;
}
#xymogen-difference .closing-cta-section {
  background-color: #006b88;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2rem;
  padding: 4rem;
  position: relative;
  color: #fff;
}
#xymogen-difference .closing-cta-section::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.05;
  background-image: url(/../images/shared/misc/black-outline-circle.svg);
  background-repeat: no-repeat;
  background-position: -300px -400px;
  background-size: 724px;
  pointer-events: none;
}
#xymogen-difference .closing-cta-section .closing-cta-section__title {
  color: inherit;
}
#xymogen-difference .closing-cta-section__left {
  color: #fff;
}
#xymogen-difference .closing-cta-section__title {
  margin-block-end: 1rem;
}
#xymogen-difference .closing-cta-section__right {
  display: flex;
  align-items: center;
}
#xymogen-difference .closing-cta-section__CTAs {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-self: end;
}

@media (max-width: 1920px) {
  #xymogen-difference .static-hero .hero-content__left {
    margin-inline-start: 0;
  }
  #xymogen-difference .cards .cards__circle {
    left: -200px;
  }
  #xymogen-difference .image-gallery .image-gallery__gallery {
    grid-template-columns: repeat(3, 380px);
    grid-template-rows: repeat(3, 220px);
  }
  #xymogen-difference .image-gallery .image-gallery__image:not(#xymogen-difference .image-gallery .image-gallery__image-1) {
    width: 380px;
    height: 220px;
  }
  #xymogen-difference .image-gallery .image-gallery__image-1 {
    width: 792px;
    height: 472px;
    grid-column: 1/3;
    grid-row: 1/3;
  }
  #xymogen-difference .image-gallery .image-gallery__image-2 {
    grid-column: 3;
    grid-row: 1;
  }
  #xymogen-difference .image-gallery .image-gallery__image-3 {
    grid-column: 3;
    grid-row: 2;
  }
  #xymogen-difference .image-gallery .image-gallery__image-4 {
    grid-column: 1;
    grid-row: 3;
  }
  #xymogen-difference .image-gallery .image-gallery__image-5 {
    grid-column: 2;
    grid-row: 3;
  }
  #xymogen-difference .full-width-3__right-content {
    grid-template-columns: repeat(auto-fit, minmax(304px, 1fr));
  }
  #xymogen-difference .full-width-3__right-content .featured-text {
    margin-block-end: 0;
  }
  #xymogen-difference .secondary-listing-items__bottom {
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  }
}
@media (max-width: 1099px) {
  #xymogen-difference .offsetable-content {
    top: -260px;
  }
  #xymogen-difference .static-block-end-margin {
    margin-block-end: 6rem;
  }
  #xymogen-difference .static-hero .static-hero__circle {
    width: 911px;
    height: 911px;
    left: -474px;
    top: -250px;
  }
  #xymogen-difference .static-hero .hero__title {
    font-size: 3rem;
    line-height: 3.75rem;
  }
  #xymogen-difference .static-hero .hero__description {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #xymogen-difference .primary-content {
    grid-template-columns: 1fr auto;
    gap: 2rem;
    padding-inline: 2rem;
    padding-block-end: 0;
  }
  #xymogen-difference .primary-content .primary-content-tablet-helper,
  #xymogen-difference .primary-content .primary-content-tablet-description-helper {
    display: block;
  }
  #xymogen-difference .primary-content .primary-content-tablet-description-helper {
    grid-column: 1/-1;
    grid-row: 2;
  }
  #xymogen-difference .primary-content .primary-content__left,
  #xymogen-difference .primary-content .primary-content__right {
    display: contents;
  }
  #xymogen-difference .primary-content .primary-content__image-container {
    grid-column: 2;
    grid-row: 1;
    width: 304px;
    height: 304px;
    top: -130px;
    margin-block-end: -130px;
    position: relative;
  }
  #xymogen-difference .primary-content .primary-content__image--circle {
    width: 78px;
    height: 78px;
  }
  #xymogen-difference .primary-content .primary-content__title {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  #xymogen-difference .primary-content .primary-content__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .cards .cards__circle {
    top: -30px;
  }
  #xymogen-difference .cards .cards__title {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  #xymogen-difference .cards .cards__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .bullets {
    grid-template-columns: 1fr;
    margin-block: 0;
  }
  #xymogen-difference .bullets .bullets__title {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  #xymogen-difference .bullets .bullets__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .bullets .bullets__right-content {
    justify-self: center;
  }
  #xymogen-difference .carousel .carousel__title {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  #xymogen-difference .carousel .carousel__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .carousel .tabs-carousel {
    grid-template-columns: 1fr 1fr;
    padding-inline: 2rem;
    gap: 3.5rem;
  }
  #xymogen-difference .carousel .tabs-carousel__left {
    display: contents;
  }
  #xymogen-difference .carousel .tabs-carousel__links {
    grid-column: 1;
    grid-row: 1;
  }
  #xymogen-difference .carousel .tabs-carousel__descriptions {
    grid-column: 2;
    grid-row: 1;
  }
  #xymogen-difference .carousel .tabs-carousel__images {
    grid-column: 1/-1;
    grid-row: 2;
    justify-self: center;
  }
  #xymogen-difference .carousel .tabs-carousel__image-container {
    width: 596px;
    height: 596px;
    right: unset;
  }
  #xymogen-difference .image-gallery .image-gallery__logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 3.5rem;
  }
  #xymogen-difference .image-gallery .image-gallery__logo-container .image-gallery__logo {
    width: 50%;
    max-width: 420px;
  }
  #xymogen-difference .image-gallery .image-gallery__grid {
    display: flex;
    flex-direction: column;
  }
  #xymogen-difference .image-gallery .image-gallery__gallery {
    grid-template-columns: 340px 340px;
    grid-template-rows: repeat(3, auto);
    gap: 1.5rem;
    margin: 0 auto;
  }
  #xymogen-difference .image-gallery .image-gallery__gallery .image-gallery__image-1 {
    grid-column: 1/-1;
    grid-row: 1;
    width: 704px;
  }
  #xymogen-difference .image-gallery .image-gallery__gallery .image-gallery__image-2 {
    grid-column: 1;
    grid-row: 2;
    width: 340px !important;
  }
  #xymogen-difference .image-gallery .image-gallery__gallery .image-gallery__image-3 {
    grid-column: 2;
    grid-row: 2;
    width: 340px !important;
  }
  #xymogen-difference .image-gallery .image-gallery__gallery .image-gallery__image-4 {
    grid-column: 1;
    grid-row: 3;
    width: 340px !important;
  }
  #xymogen-difference .image-gallery .image-gallery__gallery .image-gallery__image-5 {
    grid-column: 2;
    grid-row: 3;
    width: 340px !important;
  }
  #xymogen-difference .secondary-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto 375px;
  }
  #xymogen-difference .secondary-content .secondary-content__left {
    padding-block-end: 0;
  }
  #xymogen-difference .secondary-content .secondary-content__image-container {
    border-radius: 0;
  }
  #xymogen-difference .secondary-content .secondary-content__image-circle {
    grid-column: 1;
    grid-row: 2;
  }
  #xymogen-difference .secondary-content .secondary-content__title {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  #xymogen-difference .secondary-content .secondary-content__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .full-width .full-width__image-container .page-container {
    margin-block-end: -96px;
  }
  #xymogen-difference .full-width .full-width__image-content {
    width: 700px;
    height: 350px;
  }
  #xymogen-difference .full-width .full-width__image-content img {
    width: 700px;
    height: 700px;
  }
  #xymogen-difference .full-width .full-width__image-content .full-width__image-circle {
    width: 190px;
    height: 190px;
  }
  #xymogen-difference .full-width .full-width__background-circle {
    bottom: -150px;
  }
  #xymogen-difference .full-width-1 .full-width-1__title {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  #xymogen-difference .full-width-1 .full-width-1__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .full-width-2 .page-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  #xymogen-difference .full-width-2 .full-width-2__title {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  #xymogen-difference .full-width-2 .full-width-2__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .full-width-2 .full-width__image-container .page-container {
    top: -150px;
    margin-block-end: -150px;
  }
  #xymogen-difference .full-width-3-mobile-container {
    display: block;
  }
  #xymogen-difference .full-width-3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  #xymogen-difference .full-width-3 .full-width-3__title {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  #xymogen-difference .full-width-3 .full-width-3__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .full-width-3 .full-width-3__grid {
    display: contents;
  }
  #xymogen-difference .full-width-3 .full-width-3__right-content {
    grid-row: 3;
    gap: 2rem;
  }
  #xymogen-difference .full-width-3 .full-width-3__right-content-image {
    grid-row: 2;
    position: relative;
    bottom: unset;
  }
  #xymogen-difference .full-width-3 .full-width-3__right-content-image-circle-2 {
    width: 94px;
    height: 94px;
    background: linear-gradient(90deg, #00b2e3 0%, #00a99b 100%);
    border-radius: 50%;
    mix-blend-mode: multiply;
    opacity: 0.6;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #xymogen-difference .secondary-listing-items .secondary-listing-items__title {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  #xymogen-difference .secondary-listing-items .secondary-listing-items__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .secondary-listing-items .secondary-listing-items__top {
    grid-template-columns: 1fr auto;
    left: 100px;
    margin-inline-start: -100px;
    position: relative;
    width: 100%;
  }
  #xymogen-difference .closing-cta-section {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2.5rem 1.5rem;
  }
  #xymogen-difference .closing-cta-section .closing-cta-section__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #xymogen-difference .closing-cta-section .closing-cta-section__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300 !important;
  }
  #xymogen-difference .closing-cta-section .closing-cta-section__right {
    width: 100%;
  }
  #xymogen-difference .closing-cta-section .closing-cta-section__right .closing-cta-section__CTAs {
    flex-direction: row;
  }
}
@media (max-width: 619px) {
  #xymogen-difference .static-block-end-margin {
    margin-block-end: 4rem;
  }
  #xymogen-difference .static-hero .hero__title {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  #xymogen-difference .static-hero .hero__description {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #xymogen-difference .static-hero .hero__CTAs {
    flex-direction: column;
  }
  #xymogen-difference .static-hero .hero__CTAs a .btn__content {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  #xymogen-difference .static-hero .static-hero__circle {
    width: 455px;
    height: 455px;
    left: -216px;
    top: 0;
  }
  #xymogen-difference .offsetable-content {
    top: -280px;
  }
  #xymogen-difference .primary-content {
    grid-template-columns: 1fr;
    padding: 1rem;
    gap: 1rem;
  }
  #xymogen-difference .primary-content__left {
    grid-row: 2;
  }
  #xymogen-difference .primary-content__right {
    grid-row: 1;
    width: 180px;
    height: 140px;
    justify-self: center;
  }
  #xymogen-difference .primary-content .primary-content__image-container {
    width: 180px;
    height: 180px;
    top: -40px;
    margin-block-end: -40px;
    grid-column: 1;
    justify-self: center;
    position: relative;
  }
  #xymogen-difference .primary-content .primary-content-tablet-helper {
    grid-row: 2;
    grid-column: 1;
  }
  #xymogen-difference .primary-content .primary-content-tablet-description-helper {
    grid-row: 3;
    grid-column: 1;
  }
  #xymogen-difference .primary-content .primary-content__description:first-of-type {
    margin-block-start: 0;
  }
  #xymogen-difference .primary-content .title-container {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #xymogen-difference .primary-content .description-container {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .primary-content__image--circle {
    width: 46px;
    height: 46px;
  }
  #xymogen-difference .primary-content__CTAs {
    flex-direction: column;
  }
  #xymogen-difference .primary-content__CTAs .btn-link {
    order: 2;
  }
  #xymogen-difference .primary-content__CTAs .btn-secondary {
    order: 1;
    width: 100%;
  }
  #xymogen-difference .cards .cards__circle {
    width: 537px;
    height: 537px;
    left: -294px;
    top: -30px;
  }
  #xymogen-difference .cards .title-container {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #xymogen-difference .cards .description-container {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .bullets {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  #xymogen-difference .bullets .title-container {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #xymogen-difference .bullets .description-container {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .bullets .bullets__right-content {
    justify-self: center;
  }
  #xymogen-difference .bullets__image-container {
    width: 100%;
    height: 100%;
    max-width: 343px;
    max-height: 343px;
  }
  #xymogen-difference .bullets .bullets__image-circle-1 {
    width: 90px;
    height: 90px;
  }
  #xymogen-difference .bullets .bullets__image-circle-2 {
    width: 137px;
    height: 137px;
    right: -48px;
  }
  #xymogen-difference .bullets .bullets__CTAs {
    flex-direction: column;
  }
  #xymogen-difference .bullets .bullets__CTAs .btn-link {
    order: 2;
  }
  #xymogen-difference .bullets .bullets__CTAs .btn-secondary {
    order: 1;
    width: 100%;
  }
  #xymogen-difference .carousel .carousel__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #xymogen-difference .carousel .carousel__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300 !important;
  }
  #xymogen-difference .carousel .tabs-carousel {
    display: none;
  }
  #xymogen-difference .carousel .mobile-tabs-carousel {
    display: flex;
  }
  #xymogen-difference .image-gallery {
    padding-block: 2rem;
  }
  #xymogen-difference .image-gallery .page-container,
  #xymogen-difference .image-gallery .image-gallery__grid {
    display: contents;
  }
  #xymogen-difference .image-gallery .image-gallery__circle {
    width: 427px;
    height: 427px;
    top: -130px;
    left: -120px;
  }
  #xymogen-difference .image-gallery .image-gallery__grid-mobile-container {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
  }
  #xymogen-difference .image-gallery .image-gallery__logo-container .image-gallery__text {
    margin-block-start: 1.5rem;
  }
  #xymogen-difference .image-gallery .image-gallery__logo-container .image-gallery__title {
    margin-block-start: 0.75rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #xymogen-difference .image-gallery .image-gallery__logo-container .image-gallery__description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  #xymogen-difference .image-gallery .image-gallery__logo-container .image-gallery__CTA {
    margin-block-start: 2rem;
    width: 100%;
  }
  #xymogen-difference .image-gallery .image-gallery__logo-container .image-gallery__CTA .btn__content {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  #xymogen-difference .image-gallery .image-gallery__mobile-container {
    display: block;
    overflow: hidden;
    width: 100%;
  }
  #xymogen-difference .image-gallery .image-gallery__gallery {
    margin-block-start: 1.5rem;
    grid-auto-columns: auto;
    grid-template-columns: auto;
    grid-template-rows: auto;
    overflow-x: scroll;
    gap: 1rem;
    margin-inline-start: 1rem;
  }
  #xymogen-difference .image-gallery .image-gallery__gallery .image-gallery__image {
    grid-row: 1;
    grid-column: unset;
    width: 268px !important;
    height: 182px !important;
  }
  #xymogen-difference .image-gallery .image-gallery__gallery .image-gallery__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #xymogen-difference .secondary-content {
    display: flex;
    flex-direction: column;
  }
  #xymogen-difference .secondary-content .secondary-content__CTAs {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #xymogen-difference .secondary-content .secondary-content__CTAs .btn-secondary {
    width: 100%;
  }
  #xymogen-difference .secondary-content .secondary-content__left {
    padding-bottom: 0;
  }
  #xymogen-difference .secondary-content .secondary-content__image-container {
    mask: none;
    width: 100%;
    aspect-ratio: 343/375;
    -webkit-mask-image: none;
    mask-image: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #xymogen-difference .secondary-content .secondary-content__image-circle {
    display: none;
  }
  #xymogen-difference .full-width .full-width__background-circle {
    left: -400px;
  }
  #xymogen-difference .full-width .full-width__image-content {
    width: 343px;
    height: 171.5px;
  }
  #xymogen-difference .full-width .full-width__image-content img {
    width: 343px;
    height: 343px;
  }
  #xymogen-difference .full-width .full-width__image-content .full-width__image-circle {
    width: 93px;
    height: 93px;
  }
  #xymogen-difference .full-width__image-container {
    position: relative;
    top: -92px;
  }
  #xymogen-difference .full-width__image-container .page-container {
    top: unset;
  }
  #xymogen-difference .full-width-1 .full-width-1__text-container {
    padding-block: 4rem 9rem;
  }
  #xymogen-difference .full-width-1 .full-width-1__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #xymogen-difference .full-width-1 .full-width-1__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .full-width-2 .page-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  #xymogen-difference .full-width-2 .full-width__image-container {
    top: -92px;
    margin-block-end: -92px;
  }
  #xymogen-difference .full-width-2 .full-width__image-container .page-container {
    top: unset;
    margin-block-end: unset;
  }
  #xymogen-difference .full-width-2 .full-width-2__text-container {
    padding-block: 4rem calc(4rem + 92px);
  }
  #xymogen-difference .full-width-2 .full-width-2__text-container .featured-text:last-child {
    margin-block-end: 0;
  }
  #xymogen-difference .full-width-2 .full-width-2__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #xymogen-difference .full-width-2 .full-width-2__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .full-width-3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    padding-inline: 0;
  }
  #xymogen-difference .full-width-3 .full-width-3__grid {
    display: contents;
  }
  #xymogen-difference .full-width-3 .full-width-3__title {
    font-size: 1.5rem;
    line-height: 2rem;
    padding-inline: 1rem;
  }
  #xymogen-difference .full-width-3 .full-width-3__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding-inline: 1rem;
  }
  #xymogen-difference .full-width-3 .full-width-3__left-content {
    grid-row: 1;
  }
  #xymogen-difference .full-width-3 .full-width-3__right-content {
    display: flex;
    flex-direction: column;
    padding-inline: 1rem;
  }
  #xymogen-difference .full-width-3 .full-width-3__right-content-image-mobile-container {
    position: relative;
    overflow: hidden;
    display: block;
    grid-row: 2;
  }
  #xymogen-difference .full-width-3 .full-width-3__right-content-image {
    position: relative;
    bottom: unset;
    left: -64px;
  }
  #xymogen-difference .secondary-listing-items {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  #xymogen-difference .secondary-listing-items .secondary-listing-items__top {
    display: contents;
  }
  #xymogen-difference .secondary-listing-items .secondary-listing-items__bottom {
    display: contents;
  }
  #xymogen-difference .secondary-listing-items .secondary-listing-items__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #xymogen-difference .secondary-listing-items .secondary-listing-items__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  #xymogen-difference .closing-cta-section .closing-cta-section__right .closing-cta-section__CTAs {
    flex-direction: column;
    width: 100%;
  }
  #xymogen-difference .closing-cta-section .closing-cta-section__right .closing-cta-section__CTAs a {
    width: 100%;
  }
  #xymogen-difference .closing-cta-section .closing-cta-section__right .closing-cta-section__CTAs .btn-primary {
    order: 1;
  }
  #xymogen-difference .closing-cta-section .closing-cta-section__right .closing-cta-section__CTAs .btn-white {
    order: 2;
  }
}
#IndexPageWrapperDIV {
  overflow: hidden;
}

.home-section {
  margin-block: 100px;
}

.home-main-buttons {
  margin-inline: auto;
  display: flex;
  align-items: start;
  align-content: start;
  justify-content: center;
  gap: 32px;
}

.home-main-btn {
  width: 100%;
  border-radius: 16px;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 240px;
  position: relative;
  overflow: hidden;
  background-color: #141414;
}
.home-main-btn__text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-weight: 600;
  position: relative;
  z-index: 3;
}
.home-main-btn__i {
  transform: translate3d(-16px, 0, 0);
  transition: transform ease-in-out 250ms;
}
.home-main-btn__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
  transition: transform 250ms ease-in-out;
}
.home-main-btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  transition: background 250ms ease-in-out;
}
.home-main-btn:hover {
  background-size: 104%;
}
.home-main-btn:hover .home-main-btn__i {
  transform: translate3d(0, 0, 0);
}
.home-main-btn:hover .home-main-btn__img {
  transform: scale(1.04);
}
.home-main-btn:hover::after {
  background: rgba(0, 0, 0, 0.1);
}
.home-main-btn.--new-formulas {
  background-image: url("/images/home/home-new-formulas.webp");
}
.home-main-btn.--featured-formulas {
  background-image: url("/images/home/home-featured-formulas.webp");
}
.home-main-btn.--all-formulas {
  background-image: url("/images/home/home-all-formulas.webp");
}

.home-featured-product {
  display: flex;
  align-items: center;
  gap: 10%;
}
.home-featured-product__content {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 48px;
  width: 100%;
}
.home-featured-product__img-wrapper {
  width: 100%;
  height: 640px;
  position: relative;
  padding: 48px;
}
.home-featured-product__img-wrapper::after {
  content: "";
  background: #f7f7f7;
  border-radius: 24px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.home-featured-product__img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: 544px;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
}

.check-mark-list--home-featured-product ul li:not(:last-of-type) {
  margin-block-end: 19px;
}

.fadein-slidein-on-scroll,
.fadein-slidein-on-scroll--2 {
  opacity: 0;
}

.fadein-slidein-on-scroll.visible {
  animation: fadeIn 1s ease-out 0.5s forwards, slideUp 1s ease-in 0.25s forwards;
}

.fadein-slidein-on-scroll--2.visible {
  animation: fadeIn 1s ease-out 1s forwards, slideUp 1s ease-in 0.75s forwards;
}

.home-section-lg {
  padding-top: 96px;
  padding-bottom: 96px;
}

.home-section-sm {
  padding-top: 64px;
  padding-bottom: 64px;
}

.bis {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.bis__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.bis__slider {
  margin-block: 40px;
}
.bis__decorator {
  margin-left: auto;
}
.bis__slider-btns {
  grid-row: 3;
  grid-column: 2;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: end;
  margin-top: 40px;
}

.decorator--home-end {
  bottom: -64px;
}

@media (max-width: 1920px) {
  .home-featured-product__img-wrapper::after {
    width: 920px;
    border-radius: 24px 0 0 24px;
  }
}
/* ---------------------------------------- tablet breakpoint */
@media (max-width: 1099px) {
  .home-main-buttons {
    gap: 20px;
  }
  .home-main-btn__i {
    transform: translate3d(-8px, 0, 0);
  }
  .feat-formula {
    grid-template-columns: auto;
    grid-template-areas: "title" "img" "copy";
    gap: 40px;
    padding-block: 48px;
  }
  .feat-formula__title > .display-sm {
    font-size: 24px;
  }
  .feat-formula__img-area {
    text-align: center;
    align-items: center;
  }
  .feat-formula__img-area > .btn {
    max-width: 415px;
  }
  .feat-formula__img {
    max-height: 385px;
  }
  .home-section-lg,
  .home-section-sm {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .home-featured-product {
    gap: 20px;
  }
  .home-featured-product__content {
    margin-top: 48px;
    gap: 40px;
  }
  .home-featured-product__img-wrapper {
    padding: 30px;
    height: 404px;
  }
  .bis-slider__btns {
    margin-top: 32px;
  }
}
@media (max-width: 619px) {
  .home-section {
    padding-block: 48px;
  }
  .home-main-buttons {
    flex-direction: column;
  }
  .home-main-btn {
    display: flex;
    align-items: center;
    font-size: 24px;
    width: 100%;
    padding: 16px;
    height: 128px;
  }
  .home-main-btn__text {
    width: 100%;
  }
  #IndexPageWrapperDIV {
    overflow: hidden;
  }
  .home-section-lg,
  .home-section-sm {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .home-featured-product {
    flex-direction: column;
  }
  .home-featured-product__img-wrapper {
    padding: 16px;
    height: 342px;
  }
  .home-featured-product__img-wrapper::after {
    width: 100vw;
    right: -16px;
    left: -16px;
    border-radius: 0;
  }
}
#IndexPageWrapperDIV .home-main-btn {
  transform: translateY(-20px);
  opacity: 0;
  visibility: hidden;
}
#IndexPageWrapperDIV .home-featured-product__decorator {
  transform: scaleX(0);
}
#IndexPageWrapperDIV .home-featured-product__name {
  transform: translateX(-20px);
  opacity: 0;
}
#IndexPageWrapperDIV .home-featured-product .check-mark-list--home-featured-product > ul > li {
  opacity: 0;
  transform: translateY(20px);
}
#IndexPageWrapperDIV .home-featured-product__cta {
  transform: translateX(-20px);
  opacity: 0;
}
#IndexPageWrapperDIV .home-featured-product__img-wrapper {
  transform: translateX(20px);
  opacity: 0;
}
#IndexPageWrapperDIV .home-featured-product__img {
  transform: translateY(20px);
  opacity: 0;
}
#IndexPageWrapperDIV .pdp-hs-heading__dec {
  transform: scaleX(0);
}
#IndexPageWrapperDIV .hs-heading__content {
  opacity: 0;
  transform: translateY(20px);
}
#IndexPageWrapperDIV .hs__text {
  opacity: 0;
  transform: translateX(-20px);
}
#IndexPageWrapperDIV .hs__accordion {
  opacity: 0;
  transform: translateX(20px);
}
#IndexPageWrapperDIV .pdp-trusted-img {
  opacity: 0;
  transform: translateX(-20px);
}
#IndexPageWrapperDIV .trusted-heading {
  opacity: 0;
  transform: translateY(20px);
}
#IndexPageWrapperDIV .trusted-text {
  opacity: 0;
  transform: translateX(20px);
}
#IndexPageWrapperDIV .trusted-cta {
  opacity: 0;
  transform: translateX(-20px);
}
#IndexPageWrapperDIV .education-section__heading {
  opacity: 0;
  transform: translateY(20px);
}
#IndexPageWrapperDIV .education-section__copy {
  opacity: 0;
  transform: translateX(-20px);
}
#IndexPageWrapperDIV .education-section__img {
  opacity: 0;
  transform: translateX(20px);
}
#IndexPageWrapperDIV .education-section__cta {
  opacity: 0;
  transform: translateX(-20px);
}

.decorator--home-end {
  transform: scaleX(0);
}

.error-page-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: center;
  margin-block: 96px;
  position: relative;
  background-image: url("/images/errors/error-page.svg");
  background-repeat: no-repeat;
  background-position: right -100px center;
}

.error-page__decorator {
  position: absolute;
  top: 0;
  right: 0;
}

.error-page-text {
  max-width: 528px;
}

.error-page-btns {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

@media (max-width: 1099px) {
  .error-page-container {
    display: flex;
    justify-content: start;
    gap: 0;
    flex-direction: column;
    background-position: top -232px center;
  }
  .error-page-text {
    margin-top: 387px;
  }
}
@media (max-width: 619px) {
  .error-page-container {
    margin-block: 32px;
    background-position: top -195px center;
    background-size: 700px;
  }
  .error-page-text {
    margin-top: 242px;
  }
  .error-page-btns {
    flex-direction: column-reverse;
  }
}
.dashboard-container {
  padding: 0 24px;
}

.dashboard-ad-banner {
  display: grid;
  padding: 0 64px;
  grid-template-columns: 5fr 2.5fr auto;
  gap: 45px;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-position: 30%;
  margin-bottom: 128px;
}
.dashboard-ad-banner__text {
  padding: 64px 0;
  position: relative;
}
.dashboard-ad-banner__ring {
  width: 724px;
  aspect-ratio: 1;
  border-radius: 100%;
  border: 4px solid var(--charcoal-200, #D9D9D9);
  opacity: 0.2;
  position: absolute;
  left: -340px;
  top: -417px;
}
.dashboard-ad-banner__img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  aspect-ratio: 1;
  max-width: 310px;
  overflow-x: visible;
}

.dashboard-slider {
  margin-bottom: 75px;
}

@media (max-width: 1440px) {
  .dashboard-ad-banner {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "text img" "cta img";
    padding: 40px 32px;
    gap: 32px;
  }
  .dashboard-ad-banner__text {
    grid-area: text;
    padding: 0;
  }
  .dashboard-ad-banner__ring {
    left: -340px;
    top: -417px;
  }
  .dashboard-ad-banner__img {
    grid-area: img;
    height: 100%;
    justify-self: center;
  }
  .dashboard-ad-banner__cta {
    grid-area: cta;
    justify-self: start;
  }
}
@media (max-width: 1099px) {
  .dashboard-container {
    padding: 0 40px;
  }
  .dashboard-ad-banner {
    margin-bottom: 96px;
  }
  .dashboard-ad-banner__ring {
    width: 647px;
    left: -294px;
    bottom: -218px;
  }
  .dashboard-slider {
    margin-bottom: 43px;
  }
}
@media (max-width: 619px) {
  .dashboard-container {
    padding: 0 16px;
  }
  .dashboard-ad-banner {
    grid-template-columns: auto;
    grid-template-areas: "text" "cta" "img";
    margin-bottom: 64px;
  }
  .dashboard-ad-banner_ring {
    width: 506px;
    left: -263px;
    bottom: -256px;
  }
  .dashboard-ad-banner__cta {
    justify-self: auto;
  }
  .dashboard-slider {
    margin-bottom: 11px;
  }
}
.account-page-container {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 32px;
  margin-top: 40px;
}

.account-page-mobile-contact {
  display: none;
}

.account-page-contact-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 1099px) {
  .account-page-container {
    gap: 48px;
  }
}
@media (max-width: 1099px) {
  .account-page-container {
    grid-template-columns: 1fr;
  }
  .account-page-mobile-contact {
    display: block;
  }
}
@media (max-width: 619px) {
  .account-page-container {
    gap: 40px;
  }
  .manage-pw-container.account-page-content {
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}
#ProductUpdatesPageWrapperDIV {
  margin-block-start: 128px;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 32px;
  flex-wrap: wrap;
}
#ProductUpdatesPageWrapperDIV .product-updates-container {
  width: 100%;
}
#ProductUpdatesPageWrapperDIV .available-mobile-button span,
#ProductUpdatesPageWrapperDIV .discontinued-mobile-button span {
  font-size: 18px;
  font-weight: 600;
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
}
#ProductUpdatesPageWrapperDIV .btn-link:not(:disabled):hover .btn__indicator {
  padding-inline-start: 0;
}
#ProductUpdatesPageWrapperDIV .available-mobile-panel,
#ProductUpdatesPageWrapperDIV .discontinued-mobile-panel,
#ProductUpdatesPageWrapperDIV .product-updates-container.accordion {
  display: contents;
}
#ProductUpdatesPageWrapperDIV .available-mobile-button,
#ProductUpdatesPageWrapperDIV .discontinued-mobile-button {
  display: none;
}
#ProductUpdatesPageWrapperDIV .available-mobile-button,
#ProductUpdatesPageWrapperDIV .discontinued-mobile-button {
  cursor: default;
}
#ProductUpdatesPageWrapperDIV .available-mobile-button::after,
#ProductUpdatesPageWrapperDIV .discontinued-mobile-button::after {
  content: "";
}
#ProductUpdatesPageWrapperDIV .pu-product-name,
#ProductUpdatesPageWrapperDIV .pu-product-date {
  font-size: 14px;
  font-weight: 600;
}
#ProductUpdatesPageWrapperDIV .pu-product-sku {
  font-size: 14px;
  font-weight: 400;
}
#ProductUpdatesPageWrapperDIV table {
  margin-block-start: 24px;
}
#ProductUpdatesPageWrapperDIV th {
  font-weight: 600;
}
#ProductUpdatesPageWrapperDIV .pu-mobile-ruler {
  display: none;
}
#ProductUpdatesPageWrapperDIV .pu-date-mobile-text {
  display: none;
}

#DiscontinuedProductsPaginationWrapperDIV {
  margin-block-start: 20px;
}

.pu-tbl-container {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-bottom: 100px;
}
.pu-tbl-container__item {
  flex: 1;
  min-width: 576px;
}

.table.pu-tbl th:last-child,
.table.pu-tbl td:last-child {
  text-align: right;
}

@media (max-width: 1099px) {
  #ProductUpdatesPageWrapperDIV {
    margin-block-start: 80px;
  }
  #ProductUpdatesPageWrapperDIV .available-mobile-button span {
    font-size: 16px;
  }
}
@media (max-width: 619px) {
  .updates-title-text {
    display: none;
  }
  #ProductUpdatesPageWrapperDIV {
    margin-block-start: 64px;
    grid-template-columns: 1fr;
  }
  #ProductUpdatesPageWrapperDIV .available-mobile-panel,
  #ProductUpdatesPageWrapperDIV .discontinued-mobile-panel,
  #ProductUpdatesPageWrapperDIV .product-updates-container.accordion {
    display: block;
  }
  #ProductUpdatesPageWrapperDIV .available-mobile-button,
  #ProductUpdatesPageWrapperDIV .discontinued-mobile-button {
    display: flex;
    width: 100%;
    cursor: pointer;
    padding: 14px;
    border: 1px solid #d6d6d6;
  }
  #ProductUpdatesPageWrapperDIV .available-mobile-button::after,
  #ProductUpdatesPageWrapperDIV .discontinued-mobile-button::after {
    content: "\f107";
  }
  #ProductUpdatesPageWrapperDIV .available-mobile-button span,
  #ProductUpdatesPageWrapperDIV .discontinued-mobile-button span {
    font-size: 16px;
    font-weight: 400;
  }
  #ProductUpdatesPageWrapperDIV .accordion__button-caret[aria-expanded=true] {
    border-radius: 6px;
  }
  #ProductUpdatesPageWrapperDIV .accordion__panel {
    padding-inline-start: 16px;
  }
  #ProductUpdatesPageWrapperDIV .pu-mobile-ruler {
    display: block;
    margin-block: 4px 12px;
  }
  #ProductUpdatesPageWrapperDIV .pu-date-mobile-text {
    display: inline;
  }
  #ProductUpdatesPageWrapperDIV .table.pu-tbl td:last-child:not(.pu-discontinued-date) {
    text-align: right;
  }
  #ProductUpdatesPageWrapperDIV .table {
    border: none;
  }
  #ProductUpdatesPageWrapperDIV tr {
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    margin-block-end: 4px;
  }
  .pu--show-onmbl {
    display: inline-block;
  }
  .pu-tbl-container__item {
    min-width: 100%;
  }
  .table.pu-tbl thead {
    display: none;
  }
  .table.pu-tbl tr {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
  }
  .table.pu-tbl td {
    border-bottom: 0;
    padding: 0;
  }
  .table.pu-tbl tr:not(:first-child) {
    border-top: solid 1px #e5e5e5;
  }
  .table.pu-tbl td:last-child {
    text-align: left;
  }
  .table.pu-tbl td:last-child > .btn {
    width: 100%;
  }
}
/* pages/_faq.scss */
.faq .head-new {
  margin-block-start: 54px;
  position: relative;
}
.faq .accordion .heading-1 {
  padding-block-start: 2rem;
}
.faq .decorator-ang-p1p2s3 {
  width: min(162px, 11.25vw);
  aspect-ratio: 162/183;
}
.faq .subheading-1 {
  padding-block-start: 2rem;
}
.faq .faq-content {
  margin-block-start: 128px;
}
.faq .faq-topic {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 2rem;
  position: relative;
}
.faq .faq-title {
  font-size: 35px;
  position: sticky;
  top: 120px;
}
.faq hr {
  margin-block: 3rem;
}
.faq .accordion {
  gap: 1rem;
  display: contents;
}
.faq ul {
  padding-inline-start: 1rem;
}
.faq .faq-question:not(:last-child) {
  padding-bottom: 8px;
  border-bottom: 1px solid #d6d6d6;
}
.faq .accordion__button-caret {
  text-align: left;
  font-size: 24px;
  font-weight: 400 !important;
  padding: 16px 24px;
  width: 100%;
}
.faq .accordion__panel {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.faq .accordion__panel p:not(:last-of-type) {
  margin-block-end: 0.5rem;
}
.faq .decorator-hor-tyb {
  width: min(525px, 36.45vw);
  aspect-ratio: 526/32;
  margin-inline-start: auto;
  margin-block-start: 155px;
}
.faq .block-cta {
  margin-block-start: 4rem;
}
.faq .faq-mobile-button {
  display: none;
}
.faq .faq-mobile-panel,
.faq .faq-mobile-panel-content {
  display: contents;
}

body:has(.faq) {
  height: auto;
  overflow-y: unset;
  overflow-x: unset;
}

@media (max-width: 1099px) {
  .faq .faq-title {
    font-size: 27px;
    position: initial;
  }
  .faq .faq-topic {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .faq .accordion__button-caret {
    font-size: 20px;
    line-height: 30px;
    padding: 16px 24px 8px 24px;
  }
  .faq .accordion__panel-content {
    padding-block: 0 16px;
  }
  .faq .block-cta .btn-xl {
    padding: 12px 32px;
  }
  .faq .block-cta__title {
    font-size: 18px;
  }
}
@media (max-width: 619px) {
  .faq .faq-content {
    margin-block-start: 64px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .faq .faq-mobile-button {
    display: flex;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 12px;
  }
  .faq .faq-mobile-button[aria-expanded=true] {
    background-color: white;
    margin-block-end: 1rem;
  }
  .faq .faq-mobile-button[aria-expanded=true] + .faq-mobile-panel {
    background-color: white;
  }
  .faq .faq-title {
    display: none;
  }
  .faq .faq-mobile-panel,
  .faq .faq-mobile-panel-content {
    display: block;
  }
  .faq hr {
    display: none;
  }
  .faq .block-cta {
    margin-block-start: 24px;
  }
  .faq .block-cta .btn-xl {
    padding: 8px 18px;
  }
}
/* pages/_careers.scss */
.careers-head #download-applicaton-button {
  margin-inline: auto;
}
.careers-head.head-reskin .page-container {
  padding-block-end: 90px;
}
.careers-head .head-reskin-content {
  padding-block-end: 40px;
}
.careers-head .subheading-1 {
  width: 100%;
  max-width: 766px;
  text-align: center;
  margin-inline: auto;
  font-size: 23px;
}

.careers .heading-1 {
  padding-block-start: 2rem;
}
.careers .careers-content {
  margin-block-start: 128px;
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
}
.careers .careers-description-container * {
  font-size: 18px;
}
.careers .careers-description-container p:not(:last-of-type) {
  margin-block-end: 1rem;
}
.careers .careers-description-container h2 {
  padding-block-end: 1rem;
}
.careers .decorator-2 {
  margin-block-start: 40px;
}

@media (max-width: 1099px) {
  .careers-head.head-reskin .page-container {
    padding-block-end: 64px;
  }
  .careers-head.head-reskin .head-reskin-content {
    padding-block: 64px 32px;
  }
  .careers .careers-content {
    margin-block-start: 80px;
  }
}
@media (max-width: 619px) {
  .careers-head.head-reskin .page-container {
    padding-block-end: 48px;
  }
  .careers .careers-content {
    margin-block-start: 64px;
  }
}
body:has(.our-story-head) {
  overflow-x: hidden;
}

.our-story-head .color-header-rs-content-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.os-brands {
  margin-block-start: 128px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.os-brands h3 {
  font-size: 35px;
  font-weight: 400;
}

.os-brands-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 32px;
}
.os-brands-container .os-brand {
  width: 100%;
  max-width: 280px;
}
.os-brands-container .os-brand .os-brand-logo-container {
  display: flex;
  justify-content: center;
  height: 100px;
}
.os-brands-container .os-brand img {
  height: 56px;
}
.os-brands-container .os-brand-title {
  font-size: 23px;
  font-weight: 600;
  margin-block-end: 8px;
}
.os-brands-container p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.os-brands-container a {
  display: block;
  margin-block-start: 20px;
}
.os-brands-container a i {
  padding-inline-start: 16px;
}

@media (max-width: 1099px) {
  .os-brands {
    margin-block-start: 80px;
  }
  .os-brands h3 {
    font-size: 27px;
  }
}
@media (max-width: 619px) {
  .our-story-head .color-header-rs-content {
    grid-template-areas: "title" "text" "decorator";
    gap: 16px;
    padding-block-end: 16px;
  }
  .our-story-head .color-header-rs-content-left {
    display: contents;
  }
  .our-story-head .color-header-rs-content .color-header-rs-title {
    grid-area: title;
    margin-block-end: 4px;
  }
  .our-story-head .color-header-rs-content .color-header-rs-content-right {
    grid-area: text;
  }
  .our-story-head .color-header-rs-content .decorator-2 {
    grid-area: decorator;
    margin-block-start: 0;
  }
  .os-brands-container {
    flex-direction: column;
    align-items: center;
  }
  .os-brands-container .os-brand {
    max-width: 340px;
  }
  .os-brands-container .os-brand .os-brand-logo-container {
    width: 100%;
  }
  .os-brands-container .os-brand .os-brand-logo-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.our-quality-head .color-header-rs-title {
  margin-block-end: 24px;
  text-wrap: pretty;
}
.our-quality-head .our-quality-head-image-container {
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
  max-width: 600px;
  aspect-ratio: 1.78;
}
.our-quality-head .our-quality-head-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.our-quality-head .color-header-rs-content-left {
  grid-template-rows: auto 1fr;
  row-gap: 24px;
}
.our-quality-head .color-header-rs-content-left p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  flex: unset;
  max-width: 455px;
}
.our-quality-head .color-header-rs-content-right {
  display: flex;
  gap: 34px;
  justify-content: end;
  align-items: start;
}

.image-switch-accordion.oq-identity .oq-identity-left {
  width: 100%;
  max-width: 488px;
}
.image-switch-accordion.oq-identity .oq-identity-right .isa__image-element {
  max-width: unset;
  position: relative;
  width: 100%;
  height: 100%;
  margin-block-start: 0;
}
.image-switch-accordion.oq-identity .isa__image-container {
  width: 100%;
  height: 100%;
}
.image-switch-accordion.oq-identity [data-image-target="0"] {
  background: url("/images/our-quality/identity.svg");
  background-repeat: no-repeat;
  background-position: center top;
}
.image-switch-accordion.oq-identity [data-image-target="1"] {
  background: url("/images/our-quality/purity.svg");
  background-repeat: no-repeat;
  background-position: center top;
}
.image-switch-accordion.oq-identity [data-image-target="2"] {
  background: url("/images/our-quality/strength.svg");
  background-repeat: no-repeat;
  background-position: center top;
}
.image-switch-accordion.oq-identity [data-image-target="3"] {
  background: url("/images/our-quality/composition.svg");
  background-repeat: no-repeat;
  background-position: center top;
}
.image-switch-accordion.oq-identity [data-image-target="4"] {
  background: url("/images/our-quality/contaminants.svg");
  background-repeat: no-repeat;
  background-position: center top;
}
.image-switch-accordion.oq-identity .isa__image-mobile {
  background-color: #f7f7f7;
}
.image-switch-accordion.oq-epedigree .oq-epedigree-left {
  width: 100%;
  max-width: 488px;
  display: flex;
  flex-direction: column;
}
.image-switch-accordion.oq-epedigree .oq-epedigree-left .oq-epedigree-title {
  flex: unset;
}
.image-switch-accordion.oq-epedigree .oq-epedigree-image-container {
  width: 100%;
  max-width: 200px;
  margin-inline: auto;
  margin-block-start: 3rem;
  flex: 1;
}
.image-switch-accordion.oq-epedigree .isa__item:first-of-type {
  padding-block-start: 0;
}

@media (max-width: 1099px) {
  .our-quality-head .color-header-rs-content .color-header-rs-content-right {
    gap: 18px;
  }
  .our-quality-head .color-header-rs-content-left p {
    max-width: 100%;
  }
}
@media (max-width: 619px) {
  .our-quality-head .color-header-rs-content .color-header-rs-content-left p {
    order: 2;
    max-width: unset;
  }
  .our-quality-head .color-header-rs-content .color-header-rs-content-right {
    justify-content: center;
  }
  .our-quality-head .color-header-rs-content-title span {
    display: inline;
  }
}
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0s;
}

.splash-page {
  padding: 0 32px;
  place-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: #fff;
  overflow: auto;
  display: none;
}
.splash-page--show {
  display: grid;
}

.splash-page__title-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: #fff;
  z-index: 3;
  display: grid;
  place-content: center;
}

.splash-page__title-logo {
  width: 100%;
  max-width: 200px;
  margin-bottom: 16px;
}

.splash-page__title-word {
  display: inline-block;
  transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
}

.splash-page-logo {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 25vw;
  min-width: 356px;
  max-width: 960px;
  object-fit: contain;
  pointer-events: none;
}
.splash-page-logo--transition {
  max-width: unset;
  width: 100vw;
  transition: width 500ms ease-out;
}

.splash-container {
  height: 1024px;
  width: 100%;
  max-width: 1216px;
  display: flex;
  gap: 32px;
  align-items: center;
  position: relative;
}
.splash-container--fade-out .splash-card, .splash-container--fade-out .splash-intro__heading, .splash-container--fade-out .splash-intro__text {
  transition: opacity 200ms linear, visibility 200ms linear, transform 200ms linear;
  transform: translateY(25px);
  visibility: hidden;
  opacity: 0;
}

.splash-intro {
  height: 864px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
}
.splash-intro__decorator {
  position: absolute;
  left: -32px;
  top: -40px;
}
.splash-intro__heading {
  position: relative;
  padding-left: 16px;
}
.splash-intro__copy-heading {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 24px;
}
.splash-intro__logo {
  width: 100%;
  max-width: 200px;
  object-fit: contain;
}
.splash-intro__text {
  display: flex;
  gap: 32px;
}
.splash-intro__text .fa-caret-down {
  display: none;
}

.splash-cards-wrapper {
  display: contents;
}

.splash-card {
  border: 0;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 32px;
  margin-block: auto;
  background-repeat: no-repeat;
  background-size: 100% 1024px;
  background-position: center;
  line-height: 1.5;
}
.splash-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  pointer-events: none;
  transition: opacity 200ms linear;
}
.splash-card:hover::before, .splash-card:focus-visible::before {
  opacity: 0;
}
.splash-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 230px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #141414 100%);
  pointer-events: none;
  z-index: 1;
}
.splash-card--consumer {
  background-image: url("/images/splash/gateway-girl-at-beach-desktop.webp");
}
.splash-card--professional {
  background-image: url("/images/splash/gateway-non-consumer-desktop.webp");
}
.splash-card__copy {
  position: absolute;
  color: #fff;
  left: 32px;
  right: 32px;
  bottom: 222px;
  text-align: center;
  transition: all 200ms linear;
  font-weight: 600;
  font-size: 24px;
  z-index: 2;
}
.splash-card-btn {
  position: static;
  z-index: 2;
  font-weight: 600;
  transition: transform 200ms linear;
}
.splash-card__img {
  display: none;
}

@media (max-height: 1000px) {
  .splash-container {
    height: 864px;
  }
  .splash-intro {
    height: 704px;
  }
}
@media (min-width: 1100px) {
  .splash-card {
    transition: clip-path 200ms linear;
    clip-path: inset(80px 0 80px 0 round 24px);
    min-width: 384px;
  }
  .splash-card__content {
    display: contents;
  }
  .splash-card:hover, .splash-card:focus-visible {
    /*height: 1024px;
    transform: translateY(-80px);*/
    clip-path: inset(0 0 0 0 round 24px);
  }
  .splash-card:hover .splash-card-btn, .splash-card:focus-visible .splash-card-btn {
    color: #006b88;
    box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
  }
  .splash-card:hover .splash-card-btn .btn__indicator, .splash-card:focus-visible .splash-card-btn .btn__indicator {
    transform: translateX(8px);
  }
  .splash-card:hover .splash-card__copy, .splash-card:focus-visible .splash-card__copy {
    transform: translateY(50px);
    opacity: 0;
  }
  .splash-card-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    color: #005971;
    border: 1px solid #d6d6d6;
    padding: 24px 40px;
    border-radius: 9999px;
    font-size: 18px;
    margin-bottom: 80px;
  }
}
@media (max-width: 1099px) {
  .splash-page {
    padding: 32px;
  }
  .splash-container {
    flex-direction: column;
    height: auto;
  }
  .splash-intro {
    height: auto;
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "heading logo" "copy copy";
    justify-content: space-between;
    gap: 88px 48px;
  }
  .splash-intro__logo {
    grid-area: logo;
    height: 75px;
    align-self: center;
  }
  .splash-intro__heading {
    margin-bottom: 0;
    grid-area: heading;
    padding-left: 48px;
  }
  .splash-intro__decorator {
    left: 0;
  }
  .splash-intro__copy {
    grid-area: copy;
    text-align: center;
  }
  .splash-intro__copy-heading {
    margin-bottom: 0;
    font-size: 20px;
  }
  .splash-intro__text {
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }
  .splash-intro__text .fa-caret-right {
    display: none;
  }
  .splash-intro__text .fa-caret-down {
    display: inline-block;
  }
  .splash-cards-wrapper {
    display: flex;
    gap: 32px;
    width: 100%;
  }
  .splash-card {
    padding: 0;
    background-image: none;
    flex-direction: column;
    min-height: 400px;
  }
  .splash-card:hover .splash-card__content, .splash-card:focus-visible .splash-card__content {
    background-color: #0f0f0f;
  }
  .splash-card:hover .splash-card-btn .btn__indicator, .splash-card:focus-visible .splash-card-btn .btn__indicator {
    transform: translateX(0);
  }
  .splash-card::after, .splash-card::before {
    content: none;
  }
  .splash-card__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .splash-card__content {
    width: 100%;
    padding: 24px;
    background-color: #525252;
    color: #fff;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    transition: background-color 200ms linear;
  }
  .splash-card__copy {
    font-size: 18px;
    position: static;
    text-align: left;
  }
  .splash-card-btn {
    background: none;
    color: #fff;
    display: flex;
    justify-content: space-between;
    border: none;
    padding: 0;
    width: 100%;
    font-size: 14px;
  }
  .splash-card-btn:hover {
    box-shadow: none;
    color: #fff;
  }
  .splash-card-btn .btn__indicator {
    font-size: 16px;
    transform: translateX(-24px);
    transition: transform 200ms ease-out;
  }
}
@media (max-width: 619px) {
  .splash-page {
    place-content: start;
    padding: 10px;
  }
  .splash-intro {
    grid-template-columns: auto;
    justify-items: center;
    grid-template-areas: "logo" "heading" "copy";
    gap: 48px;
  }
  .splash-intro__decorator {
    top: -16px;
  }
  .splash-intro__heading {
    padding-left: 24px;
  }
  .splash-cards-wrapper {
    gap: 16px;
    flex-direction: column;
  }
  .splash-card {
    flex-direction: row;
    min-height: auto;
    text-align: left;
    border-radius: 20px;
  }
  .splash-card__img {
    width: 40%;
  }
  .splash-card-btn {
    align-items: center;
  }
  .splash-card__content {
    padding: 16px;
    height: 100%;
    width: 100%;
  }
  .splash-card-btn .btn__indicator {
    transform: translateX(-4px);
    margin-right: 0;
  }
}
/* GSAP starting values */
.splash-page-wipe {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  pointer-events: none;
  visibility: hidden;
}

.splash-page-wipe__box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
}

.splash-page-wipe__box--1 {
  background-color: #00b2e3;
}

.splash-page-wipe__box--2 {
  background-color: #ffb53e;
}

.splash-intro__heading-text, .splash-intro__text {
  transform: translateX(-50px);
  opacity: 0;
}

.splash-intro__decorator {
  width: 0;
}

.splash-intro__logo, #splashWelcome {
  opacity: 0;
}

.splash-page__title-logo {
  opacity: 0;
  visibility: hidden;
}

.splash-card {
  transform: translateY(-50px);
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1099px) {
  .splash-card {
    transform: translateY(-20px);
  }
}
.privacy p {
  font-weight: 400;
}
.privacy .privacy-content {
  padding-block-start: 128px;
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  font-size: 16px;
  line-height: 24px;
}
.privacy .privacy-title {
  font-size: 30px;
  padding-block-end: 1rem;
  font-weight: 600;
  text-decoration: underline;
  margin-block-end: 0.5rem;
}
.privacy .privacy-title.privacy-title-big {
  font-size: 30px;
  padding-block-end: 2rem;
}
.privacy p {
  margin-block-end: 1rem;
}
.privacy article {
  margin-block-end: 64px;
}
.privacy article:last-of-type {
  margin-block-end: 40px;
}
.privacy ul {
  padding-inline-start: 1rem;
  margin-block-end: 1rem;
}
.privacy .privacy-cookies h3 {
  font-size: 16px;
  margin-block-end: 1rem;
}
.privacy .privacy-cookies h3:first-of-type {
  margin-block-start: 32px;
}
.privacy .privacy-subtitle {
  font-size: 23px;
  font-weight: 600;
  margin-block: 3rem 1rem;
}

.privacy-head .date-modified {
  font-size: 23px;
  font-weight: 400;
  line-height: 31px;
}

@media (max-width: 1099px) {
  .privacy-head .head-reskin-content {
    padding-block: 64px;
  }
  .privacy-head .date-modified {
    font-size: 18px;
  }
  .privacy .privacy-content {
    padding-block-start: 80px;
  }
  .privacy .privacy-title {
    font-size: 20px;
  }
  .privacy .privacy-title.privacy-title-big {
    font-size: 20px;
  }
  .privacy .privacy-subtitle {
    font-size: 18px;
  }
  .privacy article {
    margin-block-end: 48px;
  }
  .privacy article:last-of-type {
    margin-block-end: 24px;
  }
}
@media (max-width: 619px) {
  .privacy-head .head-reskin-content {
    padding-block: 48px;
  }
  .privacy .privacy-content {
    padding-block-start: 64px;
  }
}
.terms p {
  font-weight: 400;
}
.terms .terms-content {
  padding-block-start: 128px;
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  font-size: 16px;
  line-height: 24px;
}
.terms .terms-title {
  font-size: 23px;
  padding-block-end: 1rem;
  font-weight: 600;
}
.terms p {
  margin-block-end: 1rem;
}
.terms article {
  margin-block-start: 32px;
}
.terms ul {
  padding-inline-start: 1rem;
}
.terms .terms-cookies h3 {
  font-size: 16px;
  margin-block-end: 1rem;
}
.terms .terms-cookies h3:first-of-type {
  margin-block-start: 32px;
}
.terms .decorator-2 {
  margin-block-start: 40px;
}

@media (max-width: 1099px) {
  .terms-head .head-reskin-content {
    padding-block: 64px;
  }
  .terms .terms-content {
    padding-block-start: 80px;
  }
  .terms .terms-title {
    font-size: 18px;
  }
  .terms .terms-title.terms-title-big {
    font-size: 20px;
  }
  .terms article {
    margin-block-end: 48px;
  }
  .terms article:last-of-type {
    margin-block-end: 24px;
  }
}
@media (max-width: 619px) {
  .terms-head .head-reskin-content {
    padding-block: 48px;
  }
  .terms .terms-content {
    padding-block-start: 64px;
  }
}
body:has(.international-head) {
  overflow-x: hidden;
}

.international-head .head-reskin-content a {
  margin-block-start: 40px;
}
.international-head .subheading-1 {
  width: 100%;
  max-width: 766px;
  margin-inline: auto;
}

.ip-partners h2 {
  font-size: 35px;
  font-weight: 400;
  color: #141414;
}
.ip-partners .ip-partners__container {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(auto-fit, minmax(342px, 1fr));
  margin-block-start: 32px;
}
.ip-partners .ip-partner {
  position: relative;
  width: 100%;
  max-width: 384px;
  justify-self: center;
}
.ip-partners .ip-partner h3 {
  font-size: 18px;
  font-weight: 600;
  margin-block-end: 12px;
}
.ip-partners .ip-partner .ip-partner__image {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
}
.ip-partners .ip-partner .ip-partner__padding {
  padding-block-start: 20px;
  height: 100%;
}
.ip-partners .ip-partner .ip-partner__content {
  background: #f5feff;
  border-radius: 8px;
  padding: 32px 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ip-partners .ip-partner .ip-partner__text {
  font-weight: 400;
  flex: 1;
}
.ip-partners .ip-partner .ip-patner__cta {
  margin-block-start: 20px;
}
.ip-partners .ip-partner .ip-patner__cta i {
  padding-inline-start: 16px;
}

.ip-block-cta {
  margin-block-start: 32px;
}
.ip-block-cta a {
  color: white;
}

.ip-vision,
.ip-cards,
.ip-partners {
  margin-block-start: 128px;
}

@media (max-width: 1099px) {
  .ip-vision,
  .ip-cards,
  .ip-partners {
    margin-block-start: 80px;
  }
  .ip-block-cta .block-cta__title {
    font-size: 18px;
    line-height: 24px;
  }
  .ip-block-cta .block-cta__text {
    font-size: 18px;
    line-height: 27px;
  }
}
@media (max-width: 619px) {
  .ip-vision,
  .ip-cards,
  .ip-partners {
    margin-block-start: 64px;
  }
  .international-head .head-reskin-content {
    padding-block: 48px;
  }
  .international-head .head-reskin-content h1 {
    padding-inline: 48px;
  }
  .international-head .head-reskin-content a {
    font-size: 14px;
    padding: 8px 18px;
    margin-block-start: 32px;
  }
}
body:has(.contract-head) {
  overflow-x: hidden;
}

.contract-head .head-reskin-content a {
  margin-block-start: 40px;
}
.contract-head .heading-1 {
  padding-inline: 48px;
}
.contract-head .subheading-1 {
  width: 100%;
  max-width: 766px;
  margin-inline: auto;
}

.cm-cards__header {
  display: flex;
  gap: 32px;
  justify-content: space-between;
}
.cm-cards__header h2 {
  flex: 1;
  color: #525252;
  font-size: 45px;
  font-weight: 400;
}
.cm-cards__header h2 .blue {
  color: #0066c4;
  font-style: italic;
}
.cm-cards__header h2 sup {
  font-style: normal;
  font-size: 45px;
  position: relative;
  top: 16px;
}
.cm-cards__header p {
  font-size: 18px;
  font-weight: 400;
  flex: 1;
}

.cm-cards {
  margin-block-start: 64px;
}

.cm-xymoprint__right {
  justify-self: start;
}
.cm-xymoprint .col2-no-bleed-image {
  max-width: 488px;
}

.cm-block-cta {
  padding: 3rem;
}
.cm-block-cta .block-cta__content-container {
  display: flex;
  gap: 32px;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: unset;
}
.cm-block-cta .block-cta__content-container .block-cta__title {
  font-size: 30px;
  font-weight: 600;
  line-height: 33px;
}
.cm-block-cta .block-cta__content-container__left {
  flex: 1.7;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 8px;
}
.cm-block-cta .block-cta__content-container__right {
  flex: 1;
}
.cm-block-cta .block-cta__content-container > * img {
  display: block;
  margin-inline-start: auto;
  margin-inline-end: 70px;
}
.cm-block-cta a {
  font-weight: 600;
  padding: 20px 38px;
  align-self: end;
  width: fit-content;
  height: fit-content;
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.cm-block-cta .cta-pretitle {
  font-size: 18px;
  font-weight: 400;
}
.cm-block-cta .cta-pretitle span {
  font-style: italic;
}

.cm-who,
.cm-cards__header,
.cm-block-cta,
.cm-convenience,
.cm-xymoprint {
  margin-block-start: 128px;
}

@media (max-width: 1099px) {
  .cm-who,
  .cm-cards__header,
  .cm-block-cta,
  .cm-convenience,
  .cm-xymoprint {
    margin-block-start: 80px;
  }
  .cm-cards__header h2 {
    font-size: 35px;
  }
  .cm-block-cta .cta-pretitle {
    font-size: 16px;
  }
  .cm-block-cta .block-cta__content-container .block-cta__title {
    font-size: 20px;
    line-height: 22px;
  }
  .cm-block-cta .block-cta__content-container > * img {
    margin-inline-end: 48px;
  }
}
@media (max-width: 619px) {
  .cm-who,
  .cm-cards__header,
  .cm-block-cta,
  .cm-convenience,
  .cm-xymoprint {
    margin-block-start: 64px;
  }
  .contract-head .head-reskin-content {
    padding-block: 48px;
  }
  .contract-head .head-reskin-content h1 {
    padding-inline: 48px;
  }
  .contract-head .head-reskin-content a {
    font-size: 14px;
    padding: 8px 18px;
    margin-block-start: 32px;
  }
  .cm-cards__header {
    flex-direction: column;
    gap: 16px;
  }
  .cm-cards__header h2 {
    font-size: 30px;
  }
  .cm-facilities {
    margin-block-start: 40px;
  }
  .cm-block-cta .block-cta__content-container {
    flex-direction: column;
    gap: 40px;
  }
  .cm-block-cta .block-cta__content-container .block-cta__title {
    padding-inline-end: 32px;
  }
  .cm-block-cta .block-cta__content-container a {
    margin-block-start: 40px;
  }
  .cm-block-cta .block-cta__content-container__right {
    width: 172px;
    aspect-ratio: 1;
    margin-inline: auto;
  }
  .cm-block-cta .block-cta__content-container__right img {
    width: 100%;
  }
}
.nsf-head .full-image-header-rs .full-image-header-rs-content {
  background-image: url("/images/nsf-certified/nsf-sport-hero-image.webp");
  background-repeat: no-repeat;
  background-position: top center;
  grid-template-columns: 1fr auto;
}
.nsf-head .full-image-header-rs .full-image-header-rs-content .full-image-header-rs-left {
  width: 100%;
  max-width: 590px;
}
.nsf-head .full-image-header-rs .full-image-header-rs-content .full-image-header-rs-title {
  margin-block-end: 16px;
}
.nsf-head .full-image-header-rs .header-button-container {
  display: flex;
  gap: 1rem;
}
.nsf-head .full-image-header-rs .full-image-header-rs-subtitle {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  color: white;
  font-size: 40px;
  font-weight: 400;
  margin-block-end: 40px;
  line-height: 1;
}
.nsf-head .nsf-header-image-container {
  height: 100%;
  max-height: 100px;
  width: fit-content;
  background-color: white;
  border-radius: 8px;
  padding: 3px;
  justify-self: end;
  align-self: end;
}
.nsf-head .nsf-header-image-container img {
  height: 100%;
  object-fit: contain;
}
.nsf-head p {
  color: white;
}
.nsf-head sup {
  font-size: 32px;
}

.nsf-accordion .image-switch-accordion-element .isa__item:first-of-type {
  padding-block-start: 0;
}
.nsf-accordion .isa__image-element {
  margin-block-start: 0;
}

.nsf-performance .col2-no-bleed-text {
  max-width: 592px;
}

.nsf-family-container {
  min-height: 576px;
}

.nsf-family-decorator {
  top: 74px;
}

.athletix-anchor {
  position: absolute;
  left: 0;
  top: -120px;
  height: 0;
}

.athletix-intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 66%;
  min-width: 463px;
}

.athletix-wrapper {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 6.3%, rgba(0, 0, 0, 0.3) 48.87%, rgba(0, 0, 0, 0.6) 91.92%), url("/images/nsf-certified/bg-pattern-repeated-1920x150.webp") lightgray top center/100% auto repeat-y;
  background-color: #0f0f0f;
  background-blend-mode: multiply, normal;
  padding-top: 96px;
  padding-bottom: 128px;
  position: relative;
}
.athletix-wrapper:before, .athletix-wrapper:after {
  content: "";
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  height: 202px;
  z-index: -1;
}
.athletix-wrapper:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}
.athletix-wrapper:after {
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}

.athletix--has-gsap.athletix-wrapper {
  clip-path: inset(0px 10vw round 32px);
  transform: translate3d(0, 20vh, 0) scale(0.85);
}
.athletix--has-gsap .athletix-container {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
}
.athletix--has-gsap .athletix-image-accordion, .athletix--has-gsap .athletix-slider-container {
  opacity: 0;
  transform: translate3d(0, 100px, 0);
}

.athletix-header {
  display: flex;
  flex-direction: column;
  gap: 64px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.col2-bleed-r--athletix {
  margin-top: 96px;
}

.athletix-copy-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 40px;
  color: #fff;
}
.athletix-copy-section__decorator {
  margin-top: 40px;
}
.athletix-copy-section__logo {
  width: 100%;
  max-width: 272px;
}

.athletix-video-element {
  height: 784px;
}

.athletix-video-container {
  cursor: pointer;
}

.athletix-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0.5;
  font-size: 80px;
  margin-left: 27px;
}

.athletix-video-container:hover .athletix-video-icon {
  opacity: 1;
}

.athletix-image-accordion {
  align-items: center;
  margin-top: 64px;
}

.athletix-slider-container {
  display: flex;
  flex-direction: column;
  gap: 64px;
  margin-block-end: 0;
  margin-top: 80px;
}

.nsf-feature-section {
  border-radius: 16px;
  height: 534px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
  color: #fff;
  background-image: url("/images/nsf-certified/swimming-lady-features-large.webp");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 32px;
}
.nsf-feature-section__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  text-align: center;
  max-width: 300px;
}
.nsf-feature-section__icon {
  font-size: 36px;
}
.nsf-feature-section__img-icon {
  width: 36px;
  aspect-ratio: 1;
  object-fit: contain;
}

@media (max-width: 1099px) {
  .nsf-head .full-image-header-rs .full-image-header-rs-content a {
    font-size: 16px;
    padding: 12px 32px;
  }
  .nsf-head .full-image-header-rs .full-image-header-rs-content .full-image-header-rs-title {
    margin-block-end: 16px;
  }
  .nsf-head .full-image-header-rs .full-image-header-rs-subtitle {
    font-size: 35px;
    margin-block-end: 40px;
  }
  .nsf-family-container {
    padding-block-start: 94px;
    min-height: 580px;
  }
  .nsf-family-decorator {
    top: 48px;
  }
  .athletix-wrapper {
    padding-top: 64px;
    padding-bottom: 80px;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 6.3%, rgba(0, 0, 0, 0.3) 48.87%, rgba(0, 0, 0, 0.6) 91.92%), url("/images/nsf-certified/bg-pattern-repeated-1100x150.webp") lightgray top center/100% auto repeat;
  }
  .athletix-wrapper:before, .athletix-wrapper:after {
    height: 128px;
  }
  .col2-bleed-r--athletix {
    margin-top: 112px;
  }
  .athletix-video-icon {
    margin-left: 0;
  }
  .athletix-copy-section {
    gap: 32px;
  }
  .athletix-copy-section-decorator {
    margin-top: 16px;
  }
  .athletix-video-element {
    height: auto;
    max-height: 600px;
  }
  .athletix-anchor {
    top: -100px;
  }
  .athletix-intro {
    min-width: 100%;
    width: 100%;
  }
  .athletix-copy-section__logo {
    height: 175px;
    object-fit: contain;
  }
  .athletix-copy-section__decorator {
    margin-top: 16px;
  }
  .athletix-image-accordion, .athletix-slider-container {
    margin-top: 48px;
  }
  .athletix-slider-container {
    gap: 40px;
  }
}
@media (max-width: 619px) {
  .nsf-head .full-image-header-rs .full-image-header-rs-content {
    background-size: cover;
    grid-template-areas: "logo" "text";
  }
  .nsf-head .full-image-header-rs .full-image-header-rs-content > div {
    grid-area: text;
  }
  .nsf-head .full-image-header-rs .full-image-header-rs-content h1,
  .nsf-head .full-image-header-rs .full-image-header-rs-content p,
  .nsf-head .full-image-header-rs .full-image-header-rs-content a {
    text-align: center;
    margin-inline: auto;
    display: block;
    width: fit-content;
  }
  .nsf-head .full-image-header-rs .full-image-header-rs-content .nsf-header-image-container {
    grid-area: logo;
    height: 106px;
    max-height: unset;
    margin-inline: auto;
  }
  .nsf-head .full-image-header-rs .full-image-header-rs-content .full-image-header-rs-subtitle {
    text-align: center;
  }
  .nsf-head .full-image-header-rs .full-image-header-rs-content .header-button-container {
    flex-wrap: wrap;
  }
  .nsf-family-container {
    padding-block-start: 71px;
    min-height: 607px;
  }
  .nsf-family-decorator {
    top: 40px;
  }
  .nsf-feature-section {
    height: auto;
    flex-direction: column;
    background-image: url("/images/nsf-certified/swimming-lady-features-small.webp");
  }
  .nsf-performance {
    grid-template-columns: 1fr;
    grid-template-areas: "content" "image";
  }
  .nsf-performance .col2-no-bleed-left {
    grid-area: content;
  }
  .nsf-performance .col2-no-bleed-right {
    grid-area: image;
    justify-self: center;
  }
  .athletix-wrapper {
    padding-top: 48px;
    padding-bottom: 64px;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 6.3%, rgba(0, 0, 0, 0.3) 48.87%, rgba(0, 0, 0, 0.6) 91.92%), url("/images/nsf-certified/bg-pattern-repeated-620x150.webp") lightgray top center/100% auto repeat;
  }
  .athletix-wrapper:before, .athletix-wrapper:after {
    height: 96px;
  }
  .athletix-copy-section__decorator {
    margin-top: 8px;
  }
  .athletix-image-accordion, .athletix-slider-container {
    margin-top: 40px;
  }
}
@media (max-width: 665px) {
  .nsf-head .full-image-header-rs .full-image-header-rs-content .full-image-header-rs-title {
    font-size: 35px;
  }
  .nsf-head .full-image-header-rs .full-image-header-rs-subtitle {
    font-size: 26px;
  }
}
.pl-head .blue {
  color: #0066c4;
  font-style: italic;
  display: block;
}
.pl-head .heading-1 {
  padding-inline: 2.5rem;
}
.pl-head .subheading-1 {
  width: 100%;
  max-width: 766px;
  font-size: 23px;
}
.pl-head a {
  margin-block-start: 24px;
}

.pl-block-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.pl-block-cta .block-cta__content-container {
  max-width: 766px;
}
.pl-block-cta h2 {
  font-size: 45px;
  line-height: 49px;
  text-align: center;
  font-weight: 400;
}
.pl-block-cta h2 span {
  font-style: italic;
}
.pl-block-cta h3,
.pl-block-cta h3 a,
.pl-block-cta h3 a:visited {
  color: white;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  text-align: center;
}
.pl-block-cta h3 {
  margin-block-start: 32px;
}

.pl-growth,
.pl-why,
.pl-block-cta {
  margin-block-start: 128px;
}

@media (max-width: 1099px) {
  .pl-growth,
  .pl-why,
  .pl-block-cta {
    margin-block-start: 80px;
  }
  .pl-head .heading-1 {
    padding-block-start: 0;
  }
  .pl-head .subheading-1 {
    font-size: 18px;
    line-height: 24px;
  }
  .pl-block-cta h2 {
    font-size: 36px;
    line-height: 39px;
  }
  .pl-block-cta h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 619px) {
  .pl-growth,
  .pl-why,
  .pl-block-cta {
    margin-block-start: 64px;
  }
  .pl-head a {
    font-size: 14px;
    padding: 8px 18px;
  }
  .pl-block-cta h2 {
    font-size: 30px;
    line-height: 33px;
  }
}
body:has(.practitioners-head-content) {
  overflow-x: hidden;
}

.practitioners-head-content {
  display: grid;
}
.practitioners-head-content h1 {
  font-size: 61px;
  line-height: 68px;
  font-weight: 400;
  margin-block-end: 24px;
}
.practitioners-head-content p {
  font-size: 18px;
  line-height: 28px;
  margin-block-end: 16px;
}
.practitioners-head-content .practitioners-head-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.practitioners-goals,
.practitioners-cards,
.practitioners-knowledge {
  margin-block-start: 128px;
}

@media (max-width: 1099px) {
  .practitioners-goals,
  .practitioners-cards,
  .practitioners-knowledge {
    margin-block-start: 80px;
  }
}
@media (max-width: 619px) {
  .practitioners-head-content {
    grid-template-columns: 1fr;
  }
  .practitioners-head-content-left {
    padding: 16px;
  }
  .practitioners-head-content h1 {
    font-size: 35px;
    line-height: 38px;
  }
  .practitioners-head-content .practitioners-head-image {
    border-radius: 0;
  }
  .practitioners-head-content .practitioners-head-ctas {
    margin-block-start: 20px;
  }
}
.protect-the-practice-cta {
  background-image: url(/images/shared/logos/xus-xymogen-logo-white-5.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 295px 189px;
  padding: 40px !important;
}
.protect-the-practice-cta .ptp-cta-container {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 80px;
  align-items: center;
}
.protect-the-practice-cta .block-cta__content-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.protect-the-practice-cta .ptp-cta-image-container {
  width: 224px;
  height: 209px;
}
.protect-the-practice-cta .ptp-cta-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.protect-the-practice-cta .ptp-cta-content-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.protect-the-practice-cta .font-heading {
  text-align: left;
}
.protect-the-practice-cta p {
  font-size: 23px;
  font-weight: 400;
}

@media (max-width: 1099px) {
  .protect-the-practice-cta p {
    font-size: 18px;
  }
}
@media (max-width: 619px) {
  .protect-the-practice-cta .ptp-cta-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    row-gap: 32px;
    align-items: center;
    justify-items: center;
  }
}
body:has(.patients-head-ctas) {
  overflow-x: hidden;
}

.patients-head-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-block-start: 24px;
}

.patients-cards,
.patients-holistic,
.patients-partner,
.patients-trust,
.patients-centered {
  margin-block-start: 128px;
}

@media (max-width: 1099px) {
  .patients-cards,
  .patients-holistic,
  .patients-partner,
  .patients-trust,
  .patients-centered {
    margin-block-start: 80px;
  }
}
@media (max-width: 619px) {
  .patients-cards,
  .patients-holistic,
  .patients-partner,
  .patients-trust,
  .patients-centered {
    margin-block-start: 64px;
  }
}
.cyh-head .color-header-rs-content {
  grid-template-columns: 1fr auto;
}
.cyh-head .color-header-rs-content-left {
  position: relative;
}
.cyh-head .color-header-rs-content-left .color-header-rs-title {
  padding-block-start: 48px;
  padding-inline-start: 48px;
}
.cyh-head .color-header-rs-content-right {
  max-width: 453px;
}
.cyh-head .decorator-6 {
  position: absolute;
  top: 0;
  left: 0;
}

.chy-middle {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
.chy-middle p {
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  color: #141414;
}
.chy-middle.page-section {
  margin-block-end: 48px;
}

@media (max-width: 1099px) {
  .cyh-head .color-header-rs-content {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .cyh-head .color-header-rs-content .color-header-rs-content-right {
    max-width: unset;
  }
  .cyh-head .color-header-rs-content .color-header-rs-content-right p {
    padding-block-start: 12px;
    padding-inline-start: 40px;
  }
  .cyh-head .color-header-rs-content .color-header-rs-content-left .color-header-rs-title {
    padding-block-start: 40px;
    padding-inline-start: 40px;
  }
  .chy-middle p {
    font-size: 20px;
    line-height: 22px;
  }
  .chy-middle.page-section {
    margin-block-end: 0;
  }
}
@media (max-width: 619px) {
  .cyh-head .color-header-rs-content {
    row-gap: 20px;
  }
  .cyh-head .color-header-rs-content .color-header-rs-content-right p {
    padding-block-start: 12px;
    padding-inline-start: 32px;
  }
  .cyh-head .color-header-rs-content .color-header-rs-content-left .color-header-rs-title {
    padding-block-start: 32px;
    padding-inline-start: 32px;
  }
  .chy-middle {
    flex-direction: column;
    gap: 20px;
  }
  .chy-middle p {
    order: 2;
  }
  .chy-middle div {
    order: 1;
    margin-inline-start: auto;
  }
}
.personas-geviti {
  position: relative;
  margin-block-start: 8rem;
  background-color: #005db3;
  padding: 3rem;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personas-geviti::before {
  content: "";
  position: absolute;
  background-image: url("/images/change-your-health/xus-gevity-logomark.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 200px;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 200px;
  opacity: 0.05;
}
.personas-geviti .pgleft {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.personas-geviti .pgleft a {
  align-self: start;
  margin-block-end: 1rem;
}
.personas-geviti .pgleft a i {
  margin-inline-start: 1rem;
}
.personas-geviti .pgleft p {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: white;
}
.personas-geviti h2 {
  font-size: 45px;
  color: white;
  font-weight: 600;
  text-align: left;
  line-height: 1;
  letter-spacing: -1.08px;
}
.personas-geviti .geviti-logo-container {
  width: 200px;
}
.personas-geviti .geviti-logo-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 1099px) {
  .personas-geviti {
    margin-block-start: 4rem;
    padding: 40px;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
  }
  .personas-geviti .pgleft {
    max-width: 700px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .personas-geviti .pgleft p {
    font-size: 20px;
  }
  .personas-geviti .pgleft p.text--600 {
    font-size: 18px;
    line-height: 24px;
  }
  .personas-geviti a {
    margin-block-start: 1rem;
  }
  .personas-geviti h2 {
    font-size: 36px;
  }
  .personas-geviti .pgright {
    margin-block-start: 1rem;
  }
}
@media (max-width: 619px) {
  .personas-geviti {
    padding: 32px;
  }
  .personas-geviti .pgleft p {
    font-size: 20px;
  }
  .personas-geviti a {
    margin-block-start: 1rem;
  }
  .personas-geviti h2 {
    font-size: 30px;
  }
  .personas-geviti .pgright {
    margin-block-start: 0;
  }
}
.personas {
  --hero-padding-top: 64px;
  --hero-padding-left: 40px;
}
.personas .color-header-rs {
  width: 100%;
  max-width: 1216px;
}
.personas .color-header-rs-content {
  grid-template-columns: 1fr 1fr;
  padding: 0;
}
.personas .color-header-rs-content-left {
  position: relative;
  padding: var(--hero-padding-top) 0 var(--hero-padding-top) var(--hero-padding-left);
}
.personas .color-header-rs-content-left .color-header-rs-title {
  padding-block-start: 48px;
  padding-inline-start: 48px;
  font-size: 61px;
  line-height: 68px;
  letter-spacing: -1.08px;
}
.personas .subtitles {
  padding-block-start: 24px;
  padding-inline-start: 48px;
  color: #141414;
}
.personas .subtitle-container:not(:last-child) .subtitle-text {
  margin-block-end: 24px;
}
.personas .subtitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  margin-block-end: 4px !important;
  color: #141414;
}
.personas .subtitle-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #525252;
}
.personas .color-header-rs-content-right {
  position: relative;
}
.personas .persona-header-image-container {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
}
.personas .persona-header-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.personas .decorator-2 {
  margin-block-start: 0;
}
.personas .decorator-6 {
  position: absolute;
  top: var(--hero-padding-top);
  left: var(--hero-padding-left);
}
.personas .square-grid {
  width: 100%;
  max-width: 1008px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
  row-gap: 64px;
}
.personas .square-grid .grid-subtitles {
  width: 100%;
  max-width: 384px;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 300px;
  justify-content: center;
}
.personas .square-grid .grid-subtitles:nth-child(odd) {
  justify-self: end;
}
.personas .square-grid:not(.experts-grid) .grid-subtitles:first-child {
  margin-block-start: 40px;
}
.personas .square-grid.experts-grid, .personas .square-grid .expert-disclaimer {
  margin-block-start: 32px;
  max-width: 800px;
}
.personas .square-grid.experts-grid .expert-container, .personas .square-grid .expert-disclaimer .expert-container {
  display: contents;
}
.personas .square-grid.experts-grid .square-grid-image-container, .personas .square-grid .expert-disclaimer .square-grid-image-container {
  max-height: 400px;
  aspect-ratio: 384/400;
}
.personas .square-grid.experts-grid .grid-subtitles, .personas .square-grid .expert-disclaimer .grid-subtitles {
  max-height: unset;
  justify-content: start;
}
.personas .square-grid.experts-grid .subtitle, .personas .square-grid .expert-disclaimer .subtitle {
  font-size: 23px;
  line-height: 31px;
}
.personas .square-grid.experts-grid .subtitle-text, .personas .square-grid .expert-disclaimer .subtitle-text {
  font-size: 16px;
  line-height: 24px;
  color: #525252;
}
.personas .square-grid.experts-grid a, .personas .square-grid .expert-disclaimer a {
  display: block;
  margin-block-start: 32px;
}
.personas .fa-arrow-up-right-from-square {
  padding-inline-start: 8px;
}
.personas .square-grid-image-container {
  width: 100%;
  height: 100%;
  max-height: 300px;
  aspect-ratio: 488/300;
  border-radius: 20px;
  overflow: hidden;
}
.personas .square-grid-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.personas .cyh-disclaimer {
  width: 100%;
  max-width: 752px;
  margin-inline: auto;
  padding-inline: 0;
}
.personas .section-2.page-container {
  margin-block-end: 64px;
}
.personas .expert-disclaimer {
  max-width: 800px;
  margin-inline: auto;
  margin-block: 64px;
}
.personas .expert-disclaimer p,
.personas .cyh-disclaimer p {
  font-size: 12px;
  line-height: 18px;
  color: #3f4040;
}
.personas .section-2-content {
  width: 100%;
  max-width: 752px;
  margin-inline: auto;
  font-size: 45px;
  font-weight: 400;
  line-height: 49px;
  letter-spacing: -1.08px;
  text-align: center;
  position: relative;
}
.personas .section-2-content .decorator-1 {
  position: absolute;
  top: 0;
  right: 0;
}
.personas .section-2-content .section-2-text {
  padding-block-start: 48px;
  padding-inline-end: 48px;
}
.personas .experts-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personas .experts-header h2 {
  font-size: 45px;
  line-height: 49px;
  letter-spacing: -1.08px;
  font-style: italic;
}
.personas .experts-social-media {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-block-start: 32px;
}
.personas .experts-social-media-item {
  height: 24px;
  width: auto;
}
.personas .experts-social-media-item a {
  margin-block-start: 0 !important;
}
.personas .experts-social-media-item a img {
  height: 24px;
  width: auto;
}
.personas .personas-articles h2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 49px;
  letter-spacing: -1.08px;
  font-style: italic;
  margin-block-end: 32px;
}
.personas .personas-articles-container {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 32px;
}
.personas .persona-article {
  width: 100%;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.personas .persona-article:hover img {
  transform: scale(1.1);
}
.personas .persona-article-image-container {
  width: 100%;
  aspect-ratio: 280/185;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background-color: black;
}
.personas .persona-article-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease-in-out;
}
.personas .persona-article-info {
  position: absolute;
  left: 16px;
  bottom: 16px;
  color: white;
}
.personas .persona-article-author {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.personas .persona-article-date {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.personas .persona-article-category {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #525252;
  margin-block-end: 12px;
}
.personas .persona-article-title {
  font-size: 23px;
  font-weight: 600;
  line-height: 31px;
  color: #141414;
  margin-block-end: 8px;
}
.personas .persona-article-summary {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #525252;
  margin-block-end: 24px;
}
.personas .personas-article-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%);
}
.personas .personas-products {
  background-color: #f7f7f7;
  padding-block: 64px 32px;
}
.personas .personas-products-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 40px;
}
.personas .personas-products h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 33px;
}
.personas .persona-practitioner-cta {
  background-color: #0066c4;
  border-radius: 8px;
  padding: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 64px;
}
.personas .persona-practitioner-cta p {
  font-size: 23px;
  font-weight: 600;
  line-height: 31px;
  color: #fff;
}
.personas .persona-practitioner-cta a,
.personas .persona-practitioner-cta i.btn__indicator {
  color: #0066c4;
}
.personas .experts {
  margin-block-end: 64px;
}
.personas .personas-bottom-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  gap: 20px;
}
.personas .personas-bottom-nav__item {
  width: 100%;
  max-width: 488px;
  height: 700px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  color: #fff;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  text-decoration: none;
  cursor: pointer;
  background-size: cover;
}
.personas .personas-bottom-nav__item::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transition: opacity 250ms ease-in-out;
}
.personas .personas-bottom-nav__item:hover::before {
  opacity: 0.5;
}
.personas .personas-bottom-nav__item > * {
  position: relative;
  z-index: 1;
}
.personas .personas-bottom-nav__icon {
  position: absolute;
  font-size: 38px;
}
.personas .personas-bottom-nav__icon--left {
  top: 48px;
  left: 48px;
}
.personas .personas-bottom-nav__icon--right {
  top: 48px;
  right: 48px;
}

@media (max-width: 1099px) {
  .personas .color-header-rs.personas-header .color-header-rs-content {
    grid-template-columns: 1fr;
  }
  .personas .color-header-rs.personas-header .color-header-rs-content-left {
    padding: 32px 32px 0 32px;
  }
  .personas .color-header-rs.personas-header .color-header-rs-content-left .decorator-6 {
    top: 32px;
    left: 32px;
  }
  .personas .color-header-rs.personas-header .color-header-rs-content-left .color-header-rs-title {
    padding-block-start: 40px;
    padding-inline-start: 34px;
  }
  .personas .color-header-rs.personas-header .color-header-rs-content-left .subtitles {
    padding-inline-start: 40px;
  }
  .personas .persona-header-image-container {
    aspect-ratio: 703/382;
  }
  .personas .square-grid:not(.experts-grid) {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 488px;
    margin-inline: auto;
    row-gap: 0;
  }
  .personas .square-grid:not(.experts-grid) div.grid-subtitles {
    max-width: unset;
  }
  .personas .square-grid:not(.experts-grid) div.grid-subtitles:nth-of-type(1) {
    grid-row: 1;
  }
  .personas .square-grid:not(.experts-grid) div.grid-subtitles:nth-of-type(3) {
    grid-row: 3;
    justify-self: start;
  }
  .personas .square-grid:not(.experts-grid) div.square-grid-image-container:nth-of-type(1) {
    grid-row: 2;
    margin-block-end: 48px;
  }
  .personas .square-grid:not(.experts-grid) div.square-grid-image-container:nth-of-type(2) {
    grid-row: 4;
  }
  .personas .square-grid:not(.experts-grid) .subtitle-text {
    margin-block-end: 16px;
  }
  .personas .square-grid.experts-grid .subtitle {
    font-size: 18px;
    line-height: 24px;
  }
  .personas .section-2-content .section-2-text {
    font-size: 36px;
    line-height: 39px;
    padding-block-start: 32px;
  }
  .personas .experts-header h2 {
    font-size: 36px;
    line-height: 39px;
  }
  .personas .personas-articles h2 {
    font-size: 36px;
    line-height: 39px;
  }
  .personas .persona-article {
    max-width: 221px;
  }
  .personas .persona-article-image-container {
    aspect-ratio: 221/185;
  }
  .personas .persona-article-title {
    font-size: 18px;
    line-height: 24px;
  }
  .personas .persona-practitioner-cta p {
    font-size: 18px;
    line-height: 24px;
  }
  .personas .experts {
    margin-block-end: 48px;
  }
  .personas .expert-disclaimer {
    margin-block: 48px;
  }
  .personas .personas-bottom-nav__item {
    padding: 20px;
  }
  .personas .personas-bottom-nav__icon--left {
    top: 20px;
    left: 20px;
  }
  .personas .personas-bottom-nav__icon--right {
    top: 20px;
    right: 20px;
  }
}
@media (max-width: 619px) {
  .personas .color-header-rs.personas-header .color-header-rs-content-left {
    padding: 16px 16px 0 16px;
  }
  .personas .color-header-rs.personas-header .color-header-rs-content-left .decorator-6 {
    top: 16px;
    left: 16px;
  }
  .personas .color-header-rs.personas-header .color-header-rs-content-left .color-header-rs-title {
    font-size: 35px;
    line-height: 38px;
    padding-block-start: 32px;
    padding-inline-start: 32px;
  }
  .personas .color-header-rs.personas-header .color-header-rs-content-left .subtitles {
    padding-inline-start: 36px;
  }
  .personas .persona-header-image-container {
    border-radius: 0;
  }
  .personas .persona-header-image-container img {
    object-position: top center;
  }
  .personas .experts-header {
    flex-direction: column;
    row-gap: 16px;
  }
  .personas .experts-header div {
    order: 1;
    align-self: end;
  }
  .personas .experts-header h2 {
    order: 2;
    align-self: start;
    font-size: 30px;
    line-height: 33px;
  }
  .personas .square-grid.experts-grid {
    grid-template-columns: 1fr;
    margin-block-start: 24px;
    row-gap: 20px;
  }
  .personas .square-grid.experts-grid .square-grid-image-container {
    aspect-ratio: unset;
  }
  .personas .square-grid.experts-grid .square-grid-image-container img {
    object-position: top center;
  }
  .personas .square-grid.experts-grid .subtitle-container {
    margin-block-end: 48px;
  }
  .personas .square-grid.experts-grid .expert-container .square-grid-image-container,
  .personas .square-grid.experts-grid .expert-container .grid-subtitles {
    order: unset !important;
  }
  .personas .square-grid.experts-grid .expert-container:last-of-type .subtitle-container {
    margin-block-end: 0;
  }
  .personas .personas-articles h2 {
    font-size: 30px;
    line-height: 33px;
  }
  .personas .personas-products {
    padding-block: 16px;
  }
  .personas .personas-products-header {
    flex-direction: column;
    row-gap: 8px;
    margin-block-end: 20px;
  }
  .personas .personas-products-header h2 {
    order: 2;
    align-self: start;
    font-size: 20px;
    line-height: 22px;
  }
  .personas .personas-products-header div {
    order: 1;
    align-self: end;
  }
  .personas .persona-article {
    max-width: unset;
  }
  .personas .persona-article-image-container {
    aspect-ratio: 343/185;
  }
  .personas .persona-practitioner-cta {
    flex-direction: column;
    text-align: center;
    gap: 16px;
  }
  .personas .expert-disclaimer {
    margin-block: 40px;
  }
  .personas .personas-bottom-nav {
    flex-direction: column;
  }
  .personas .personas-bottom-nav__item {
    height: 249px;
    padding: 16px;
    border-radius: 20px;
  }
  .personas .personas-bottom-nav__icon {
    font-size: 20px;
  }
  .personas .personas-bottom-nav__icon--left {
    top: 16px;
    left: 16px;
  }
  .personas .personas-bottom-nav__icon--right {
    top: 16px;
    right: 16px;
  }
}
#geviti {
  margin-block-start: 8rem;
}
#geviti .geviti-container {
  background-color: #f7f7f7;
  border-radius: 24px;
  padding: 48px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 24px;
}
#geviti .geviti-left {
  max-width: 488px;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
#geviti .geviti-left a {
  width: fit-content;
  padding: 20px 38px;
}
#geviti .geviti-left h3 {
  font-size: 35px;
  font-weight: 600;
  line-height: 1;
  color: #141414;
}
#geviti .geviti-left p {
  font-size: 24px;
  line-height: 32px;
}
#geviti .geviti-left p.text--600 {
  font-size: 23px;
  line-height: 31px;
}
#geviti .geviti-right {
  max-width: 550px;
}
#geviti .geviti-image-container {
  width: 100%;
  max-width: 550px;
  border-radius: 8px;
  overflow: hidden;
}
#geviti .geviti-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#geviti .geviti-image-vertical {
  display: none;
}
#geviti .geviti-title {
  font-size: 36px;
  font-weight: 600;
  line-height: 39px;
  color: #141414;
}

@media (max-width: 1099px) {
  #geviti {
    margin-block-start: 6rem;
  }
  #geviti .geviti-container {
    flex-direction: column;
    padding: 40px;
    gap: 3rem;
  }
  #geviti .geviti-left {
    max-width: unset;
    gap: 2rem;
  }
  #geviti .geviti-left h3 {
    font-size: 27px;
  }
  #geviti .geviti-left p {
    font-size: 20px;
    line-height: 30px;
  }
  #geviti .geviti-left p.text--600 {
    font-size: 18px;
    line-height: 24px;
  }
  #geviti .geviti-right {
    margin-inline: auto;
  }
}
@media (max-width: 619px) {
  #geviti {
    margin-block-start: 4rem;
  }
  #geviti .geviti-container {
    flex-direction: column;
    padding: 16px;
    gap: 3rem;
  }
  #geviti .geviti-left {
    max-width: unset;
    gap: 2rem;
  }
  #geviti .geviti-left h3 {
    font-size: 25px;
    line-height: 1;
  }
  #geviti .geviti-left a {
    font-size: 14px;
    padding: 8px 18px;
  }
  #geviti .geviti-right {
    margin-inline: auto;
  }
  #geviti .geviti-image-vertical {
    display: initial;
  }
  #geviti .geviti-image-horizontal {
    display: none;
  }
}
.articles {
  position: relative;
}
.articles .articles-header {
  margin-block-start: 16px;
}
.articles .article-header-image-container {
  width: 100%;
  aspect-ratio: 1136/368;
  border-radius: 24px;
  overflow: hidden;
}
.articles .article-header-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.articles .article-body {
  position: relative;
  background-color: #fcfcfc;
  border-radius: 24px;
  top: -72px;
  margin-block-end: -72px;
  padding: 32px 48px 32px 48px;
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
}
.articles .article-body__decorator {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateX(-50%);
}
.articles .article-title {
  text-align: center;
  font-size: 61px;
  line-height: 68px;
}
.articles .title-hr {
  width: 50px;
  height: 1px;
  background-color: #3f4040;
  margin: 20px auto;
}
.articles .article-author-info {
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.articles .article-author-info .author-name {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #3f4040;
}
.articles .author-avatar-container {
  width: 100%;
  max-width: 24px;
  aspect-ratio: 1;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}
.articles .author-avatar-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.articles .article-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-block: 24px 40px;
}
.articles .article-time-info {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.articles .article-share {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.articles .article-share i {
  padding-inline-end: 8px;
}
.articles .article-content p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.articles .article-content p:not(:last-of-type) {
  margin-block-end: 16px;
}
.articles .article-content p.photo-legend {
  font-size: 14px;
}
.articles .article-content p.photo-legend a {
  text-decoration: underline;
}
.articles .article-content img {
  margin-block: 48px 16px;
  display: block;
  border-radius: 16px;
  width: 100%;
}
.articles .article-content h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 33px;
  margin-block: 32px 24px;
}
.articles .article-content ul,
.articles .article-content ol {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  padding-inline-start: 1rem;
}
.articles .article-content ul:not(:last-child),
.articles .article-content ol:not(:last-child) {
  margin-block-end: 16px;
}
.articles .about {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  margin-block-start: 48px;
  padding: 24px;
  background-color: #ecfdff;
  border-radius: 16px;
}
.articles .about h4 {
  font-size: 18px;
  margin-block-end: 16px;
}
.articles .about p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.articles .article-share {
  position: relative;
}
.articles .article-share button {
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 600;
}
.articles .article-share .article-social-buttons {
  display: flex;
  gap: 12px;
  padding: 8px;
  background-color: white;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  align-items: center;
  box-shadow: 0px 20px 24px -4px rgba(20, 20, 20, 0.08), 0px 8px 8px -4px rgba(20, 20, 20, 0.03);
  display: none;
}
.articles .article-share .article-social-buttons.open {
  display: flex;
}
.articles .article-share .article-social-buttons a {
  line-height: 1;
}
.articles figure {
  margin-block-end: 6rem;
}
.articles figcaption {
  font-size: 14px;
  color: #3f4040;
}

@media (max-width: 619px) {
  .articles .article-body__decorator {
    left: 0;
  }
  .articles .article-body {
    padding: 24px 16px 24px 16px;
  }
  .articles figure {
    margin-block-end: 4rem;
  }
}
.color-header-rs-content--xx {
  grid-template-columns: auto;
  background-image: url("/images/xx/xx-hero-image.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

.color-header-rs-content-left--xx {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: start;
  max-width: 619px;
}

.col2-bleed-r--xx .col2-bleed-r__image {
  position: relative;
}
.col2-bleed-r--xx .col2-bleed-r__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 704px;
  max-width: unset;
}

@media (max-width: 1099px) {
  .col2-bleed-r--xx {
    display: contents;
  }
  .col2-bleed-r--xx .col2-bleed-r_mobile-only {
    display: flex;
    gap: 40px;
    flex-direction: column;
    margin-block-start: 64px;
  }
  .col2-bleed-r--xx .col2-bleed-r__text {
    max-width: 100%;
    min-width: auto;
  }
  .col2-bleed-r--xx .col2-bleed-r_mobile-only__text {
    position: relative;
    display: block;
  }
  .col2-bleed-r--xx .col2-bleed-r__image {
    margin: auto;
  }
  .col2-bleed-r--xx .col2-bleed-r__image img {
    position: static;
    width: 100%;
  }
}
.color-header-rs-content--mag {
  grid-template-columns: auto;
  background-image: url("/images/magazine/xmagazine-hero-image.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}

.sns-pg-header {
  display: flex;
  align-items: center;
  gap: 16px;
}

.sns-top-header {
  display: flex;
  gap: 16px;
  max-width: 834px;
  align-items: start;
}

.sns-section {
  margin-top: 32px;
  padding-top: 40px;
  border-top: solid 1px #e5e5e5;
}

.sns-next-ship {
  border-radius: 8px;
  border: 1px solid #a5f0fc;
  background-color: #f5feff;
  padding: 24px;
}
.sns-next-ship__product-cards {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, 1fr);
}
.sns-next-ship__card {
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  padding: 24px;
  display: flex;
  gap: 16px;
  align-items: center;
  flex-grow: 1;
}
.sns-next-ship__card:hover {
  background-color: #f7f7f7;
}
.sns-next-ship__card-img {
  height: 104px;
  width: 104px;
  object-fit: contain;
  object-position: center;
}

.sns-search-container {
  background-color: #f5f5f5;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: start;
  border-radius: 6px;
}

.sns-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.sns-table {
  margin-top: 32px;
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.sns-table-card {
  border-radius: 8px;
  border: solid 1px #e5e5e5;
  background-color: #fff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sns-table-card:hover {
  background-color: #f7f7f7;
}
.sns-table-card__header {
  display: flex;
  justify-content: space-between;
}
.sns-table-card__menu .dd-menu_content {
  flex-direction: column;
}
.sns-table-card__menu .dd-menu_content .dd-menu_item:not(:last-child) {
  border-bottom: solid 1px #e5e5e5;
}
.sns-table-card__menu .dd-menu_content button {
  background: none;
  border: none;
  text-align: left;
}
.sns-table-card__menu-btn {
  background: none;
  border: none;
  padding: 3px 7px;
  font-size: 18px;
  color: #a3a3a3;
  cursor: pointer;
}
.sns-table-card__list {
  list-style-type: "- ";
  margin-left: 8px;
  flex-grow: 1;
}
.sns-table-card__list li::marker {
  font-weight: 300 !important;
}
.sns-table-card__list-item {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  color: #141414;
}
.sns-table-card__list-item-qty {
  white-space: nowrap;
  font-weight: 300;
  color: #525252;
}
.sns-table-card__bottom {
  border-top: solid 1px #e5e5e5;
  padding-top: 8px;
  text-align: center;
}

.sns-details-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
  padding-bottom: 32px;
  margin-bottom: 24px;
  border-bottom: solid 1px #e5e5e5;
}

.order-info-card__inner--edit {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}

.sns-details-total {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  flex-wrap: wrap;
}

.order-product-row--sns {
  grid-template-columns: 96px 2fr repeat(2, 1fr) 0.5fr;
}

.order-product-row--sns-edit {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sns-edit-product {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sns-edit-product__product {
  display: flex;
  gap: 16px;
}
.sns-edit-product__img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  object-position: center;
}
.sns-edit-product__actions {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
  flex-wrap: wrap;
}
.sns-edit-product .input-qty-button {
  width: auto;
  height: auto;
  padding: 10px 8px;
}
.sns-edit-product .input-qty-picker__input {
  width: 45px;
  height: auto;
}

.sns-shipping-address-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 24px;
}

.sns-empty-state {
  display: grid;
  place-items: center;
  text-align: center;
  max-width: 384px;
  margin: auto;
  padding-left: 16px;
  padding-right: 16px;
}
.sns-empty-state img {
  width: 100%;
  max-width: 220px;
  object-fit: contain;
}

.sns-cart {
  background-color: #fdf4ff;
  border: solid 1px #f6d0fe;
  padding: 16px;
  border-radius: 8px;
}
.sns-cart__checkbox {
  display: flex;
  gap: 8px;
  align-items: start;
}
.sns-cart__checkbox .checkbox {
  position: relative;
  top: 2px;
}
.sns-cart__details {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
  width: 100%;
}
.sns-cart__options {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.sns-cart__options .btn.--selected {
  background-color: #cff9fe;
  border: 2px solid #006b88;
}

.sns-pdp {
  background-color: #fdf4ff;
  border: solid 1px #f6d0fe;
  padding: 24px;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.sns-pdp__option {
  display: flex;
  gap: 12px;
}
.sns-pdp__option input[type=radio] {
  position: relative;
  top: 3px;
}
.sns-pdp__details {
  width: 100%;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
}
.sns-pdp__options {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 16px;
}
.sns-pdp__options .btn.--selected {
  background-color: #f5feff;
  border: 2px solid #00a0cb;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
}
.sns-pdp__otp {
  margin-top: 16px;
  padding-top: 16px;
  border-top: solid 1px #f6d0fe;
}

.order-product-row.--has-sns {
  grid-template-areas: "img name qty price" "img sns qty price";
  row-gap: 0;
}
.order-product-row.--has-sns .order-product-row__img {
  grid-area: img;
}
.order-product-row.--has-sns .order-product-row__name {
  grid-area: name;
}
.order-product-row.--has-sns .order-product-row__qty {
  grid-area: qty;
}
.order-product-row.--has-sns .order-product-row__price {
  grid-area: price;
}
.order-product-row.--has-sns .order-product-row__sns-container {
  grid-area: sns;
}

@media (max-width: 1440px) {
  .sns-next-ship__product-cards,
  .sns-table {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1099px) {
  .checkout-content-container .order-product-row.--has-sns {
    grid-template-areas: "product product" "sns sns" "qty price";
  }
  .checkout-content-container .order-product-row.--has-sns .order-product-row__img, .checkout-content-container .order-product-row.--has-sns .order-product-row__name {
    grid-area: unset;
  }
  .checkout-content-container .order-product-row.--has-sns .order-product-row__product {
    grid-area: product;
  }
  .checkout-content-container .order-product-row.--has-sns .order-product-row__sns-container {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 619px) {
  .sns-top-header .text-xl {
    font-size: 18px;
  }
  .sns-next-ship__product-cards,
  .sns-table {
    grid-template-columns: 1fr;
  }
  .sns-section {
    margin-left: 16px;
    margin-right: 16px;
  }
  .sns-next-ship {
    margin-left: -16px;
    margin-right: -16px;
  }
  .sns-details-header {
    flex-direction: column;
  }
  .order-product-row--sns {
    position: relative;
    grid-template-columns: 1fr 1fr;
  }
  .order-product-row--sns .order-product-row__name {
    padding-right: 20px;
  }
  .order-product-row--sns .sns-table-card__menu {
    position: absolute;
    top: 16px;
    right: 12px;
  }
  .order-complete-container .order-product-row.--has-sns {
    grid-template-areas: "product product" "sns sns" "qty price";
  }
  .order-complete-container .order-product-row.--has-sns .order-product-row__img, .order-complete-container .order-product-row.--has-sns .order-product-row__name {
    grid-area: unset;
  }
  .order-complete-container .order-product-row.--has-sns .order-product-row__product {
    grid-area: product;
  }
  .order-complete-container .order-product-row.--has-sns .order-product-row__sns-container {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.mab-decorator {
  position: absolute;
  top: 0;
  right: 0;
}

.mab-container {
  padding-top: 82px;
  padding-bottom: 132px;
}

.mab-decorator-2 {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 619px) {
  .mab-container {
    padding-top: 39px;
    padding-bottom: 94px;
  }
}
.subscribe-and-save-head .color-header-rs-title {
  margin-block-end: 24px;
}
.subscribe-and-save-head #login-register {
  display: none;
  margin-block-start: 24px;
  font-size: 18px;
}
.subscribe-and-save-head #login-register a {
  font-weight: 900;
}
.subscribe-and-save-head #login-register.show {
  display: block;
}
.subscribe-and-save-head .subscribe-and-save-head-image-container {
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
  max-height: 464px;
  aspect-ratio: 1;
}
.subscribe-and-save-head .subscribe-and-save-head-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.subscribe-and-save-head .color-header-rs-content {
  padding: 0;
}
.subscribe-and-save-head .color-header-rs-content-left {
  padding: 64px 0 64px 40px;
  grid-template-rows: auto 1fr;
  row-gap: 24px;
}
.subscribe-and-save-head .color-header-rs-content-left p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  flex: unset;
  max-width: 455px;
}
.subscribe-and-save-head .color-header-rs-content-right {
  display: flex;
  gap: 34px;
  justify-content: end;
  align-items: start;
}

#LoginCtaA {
  display: none;
}

#LoginCtaA.show {
  display: inline-flex;
}

.sas-cards.col-cards.page-container.page-section .col3-card {
  max-width: 300px;
}
.sas-cards.col-cards.page-container.page-section .col3-card .col-card__image {
  aspect-ratio: 1/1;
}
.sas-cards.col-cards.page-container.page-section .col-card__title {
  font-size: 18px;
  text-align: center;
  margin-block-start: 0;
}
.sas-cards.col-cards.page-container.page-section .col-card__text {
  font-size: 16px;
  text-align: center;
  color: #525252;
}

.sas-how-it-works ol {
  padding-inline-start: 1rem;
}
.sas-how-it-works ol li {
  font-size: 18px;
  color: #525252;
}
.sas-how-it-works ol li .btn-link {
  display: inline;
}
.sas-how-it-works p {
  margin-block-start: 1rem;
}

@media (max-width: 1099px) {
  .subscribe-and-save-head .color-header-rs-content .color-header-rs-content-right {
    gap: 18px;
  }
}
@media (max-width: 619px) {
  .subscribe-and-save-head .color-header-rs-content .color-header-rs-content-left p {
    order: 2;
    max-width: unset;
  }
  .subscribe-and-save-head .color-header-rs-content .color-header-rs-content-right {
    justify-content: center;
  }
  .subscribe-and-save-head .color-header-rs-content-title span {
    display: inline;
  }
}
.family-head-image-container {
  height: 330px;
  aspect-ratio: auto;
  max-width: 100%;
  border-radius: 24px;
  overflow: hidden;
}
.family-head-image-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.decorator--family-owned {
  position: absolute;
  left: 0;
  bottom: -70px;
}

.video-thumbnail-btn {
  border: 0;
  background: transparent;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.video-thumbnail-btn--bleed {
  position: static;
}
.video-thumbnail-btn::after {
  opacity: 0;
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  transition: opacity 250ms ease-in-out;
}
.video-thumbnail-btn--bleed::after {
  width: 704px;
  border-radius: 24px;
}
.video-thumbnail-btn__text {
  opacity: 0;
  position: absolute;
  left: 40px;
  bottom: 24px;
  display: flex;
  gap: 8px;
  align-items: center;
  z-index: 1;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  transform: translateY(40px);
  transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
}

.col-card__image .video-thumbnail-btn::after {
  border-radius: 16px;
}

.video-thumbnail-btn:hover::after {
  opacity: 1;
}
.video-thumbnail-btn:hover .video-thumbnail-btn__text {
  opacity: 1;
  transform: translateY(0);
}

#video-dialog {
  padding: 40px;
  border-radius: 24px;
  border: 0;
  width: 100%;
  max-width: 884px;
}
#video-dialog #video-thumbnail-player {
  aspect-ratio: 16/9;
}
#video-dialog-close {
  border-radius: 30px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 17px;
  aspect-ratio: 1;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
  border: solid 1px #f5f5f5;
  font-size: 18px;
  position: fixed;
  right: 90px;
  top: 90px;
}

@media (max-width: 1099px) {
  .decorator--family-owned {
    bottom: -54px;
  }
  #video-dialog {
    width: 100%;
    padding: 24px;
  }
  #video-dialog-close {
    right: 0;
  }
}
@media (max-width: 619px) {
  .decorator--family-owned {
    bottom: -31px;
  }
  .col-2--family-owned {
    display: flex;
    flex-direction: column-reverse;
  }
  .video-thumbnail-btn--bleed::after {
    width: unset;
    border-radius: 0;
  }
  #video-dialog {
    padding: 16px;
  }
  #video-dialog-close {
    padding: 6px 12px;
  }
}
.fish-oil-hero {
  background: #fff9f3;
  padding-block-end: 64px;
}
.fish-oil-hero__img {
  width: 100%;
  max-width: 488px;
  border-radius: 20px;
  object-fit: cover;
}
.fish-oil-hero__content {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  margin-top: 16px;
}
.fish-oil-hero__copy {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: start;
  max-width: 592px;
}

.fish-oil-section {
  background: #fff9f3;
  padding: 80px 64px;
  border-radius: 16px;
}

.fish-oil-feature-container {
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
}

.fish-oil-feature {
  display: flex;
  gap: 94px;
}
.fish-oil-feature-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.fish-oil-feature__copy {
  width: 100%;
  max-width: 592px;
}
.fish-oil-feature__img {
  width: 100%;
  max-width: 508px;
  object-fit: contain;
}

.fish-oil-list {
  padding-left: 1rem;
}
.fish-oil-list li::marker {
  content: "- ";
}

.fish-oil-testimonial {
  display: flex;
  gap: 64px;
  align-items: center;
  max-width: 1002px;
}
.fish-oil-testimonial__copy {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: start;
}
.fish-oil-testimonial__img {
  width: 100%;
  max-width: 456px;
  border-radius: 20px;
}

.fish-oil-footer {
  background: #fff4ea;
  padding-block: 128px;
  margin-bottom: -128px;
}
.fish-oil-footer__content {
  width: 100%;
  max-width: 642px;
  margin-inline: auto;
  text-align: center;
}

@media (max-width: 1099px) {
  .fish-oil-hero__img {
    max-width: 25vw;
  }
  .fish-oil-hero__copy {
    max-width: 100%;
  }
  .fish-oil-feature__img {
    max-width: 300px;
  }
  .fish-oil-testimonial__img {
    max-width: 325px;
  }
  .fish-oil-footer {
    padding-block: 96px;
    margin-bottom: -96px;
  }
}
@media (max-width: 768px) {
  .fish-oil-section {
    padding: 64px 32px;
  }
  .fish-oil-hero {
    padding-block-end: 32px;
  }
  .fish-oil-hero__content {
    flex-direction: column;
  }
  .fish-oil-hero__img {
    max-width: 100%;
    height: 175px;
  }
  .fish-oil-feature {
    flex-direction: column;
    gap: 32px;
    align-items: center;
  }
  .fish-oil-feature:last-of-type {
    flex-direction: column-reverse;
  }
  .fish-oil-feature__copy {
    max-width: 100%;
  }
  .fish-oil-feature__img {
    max-width: 500px;
  }
  .fish-oil-testimonial {
    flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 619px) {
  .fish-oil-section {
    padding: 64px 16px;
  }
  .fish-oil-section-container {
    padding-inline: 0px;
  }
  .fish-oil-footer {
    padding-block: 64px;
    margin-bottom: -64px;
  }
  .fish-oil-footer__content {
    padding: 32px 16px;
  }
}
.ambassador-program-head .ambassador-title {
  font-style: normal;
  font-size: 61px !important;
}
.ambassador-program-head .full-image-header-rs .full-image-header-rs-content {
  background-image: url("/images/ambassador-program/hero.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 2rem;
}
.ambassador-program-head .full-image-header-rs .full-image-header-rs-content > div {
  width: 100%;
  max-width: 552px;
}
.ambassador-program-head .ambassador-header-image-container {
  height: 100%;
  max-height: 100px;
  width: fit-content;
  background-color: white;
  border-radius: 8px;
  padding: 3px;
  justify-self: end;
  align-self: end;
}
.ambassador-program-head .ambassador-header-image-container img {
  height: 100%;
  object-fit: contain;
}
.ambassador-program-head p {
  color: white;
}
.ambassador-program-head sup {
  font-size: 32px;
}

.ambassador-program-ww {
  margin-block: 128px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
}
.ambassador-program-ww .left-ww {
  max-width: 592px;
}
.ambassador-program-ww .left-ww div {
  display: flex;
  gap: 1rem;
}
.ambassador-program-ww .left-ww div span {
  display: block;
}
.ambassador-program-ww .left-ww div span i {
  font-weight: 900;
  color: #006b88;
}
.ambassador-program-ww .left-ww div:nth-of-type(1) {
  margin-block-end: 2rem;
}
.ambassador-program-ww .right-ww {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  max-width: 488px;
  aspect-ratio: 488/595;
}
.ambassador-program-ww .right-ww img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ambassador-program-ww .heading-sserif {
  margin-block-end: 2rem;
}
.ambassador-program-ww .heading-sserif:nth-of-type(2) {
  margin-block-start: 2rem;
}

.ambassador-program-perks {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ambassador-program-perks .perks-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4rem;
  margin-block-start: 2rem;
}
.ambassador-program-perks .perk-icon {
  max-width: 268px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ambassador-program-perks .perk-icon div {
  max-height: 140px;
}
.ambassador-program-perks .perk-icon p {
  text-align: center;
  font-size: 23px;
  margin-block-start: -2rem;
}

.ambassador-program-looking {
  margin-block: 128px;
  background-color: #f7f7f7;
  padding-block: 128px;
}
.ambassador-program-looking .page-container {
  position: relative;
}
.ambassador-program-looking .content-container {
  max-width: 1216px;
  position: relative;
  display: flex;
  gap: 8rem;
  justify-content: center;
}
.ambassador-program-looking .looking-left {
  max-width: 312px;
}
.ambassador-program-looking .looking-left h2 {
  line-height: 49.5px;
  margin-block-end: 2rem;
}
.ambassador-program-looking .looking-left .social-media-icon {
  display: flex;
  gap: 1rem;
}
.ambassador-program-looking .decorator-6 {
  position: absolute;
  top: -64px;
}
.ambassador-program-looking ul {
  list-style: none;
}
.ambassador-program-looking li {
  font-size: 18px;
  margin-block-end: 1rem;
}
.ambassador-program-looking li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  margin-inline-end: 0.5rem;
}

.ambassador-program-process {
  margin-block: 128px;
}
.ambassador-program-process .heading-sserif {
  text-align: center;
  margin-block: 0 4rem;
}
.ambassador-program-process .process-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.ambassador-program-process .process-item {
  position: relative;
  width: 280px;
}
.ambassador-program-process .process-item .step {
  font-size: 14px;
  color: #525252;
  font-weight: 600;
}
.ambassador-program-process .process-item .process-title {
  font-size: 23px;
  color: #141414;
  margin-block-end: 0.5rem;
}
.ambassador-program-process .process-item div, .ambassador-program-process .process-item h3, .ambassador-program-process .process-item p {
  z-index: 10;
  position: relative;
}
.ambassador-program-process .process-item::before {
  content: attr(data-number);
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 180px;
  font-weight: 400;
  color: #f5f5f5;
  position: absolute;
  top: -64px;
  left: -15%;
  line-height: 1;
}

.ambassador-program-cta h2 {
  font-size: 35px;
  font-weight: 400;
  line-height: 38px;
}

@media (max-width: 1099px) {
  .heading-sserif {
    font-size: 36px;
  }
  .ambassador-program-ww {
    margin-block: 80px;
    grid-template-columns: 1fr 1fr;
  }
  .ambassador-program-ww .left-ww .text-xl {
    font-size: 20px !important;
  }
  .ambassador-program-ww .right-ww {
    margin-block-start: 2rem;
  }
  .ambassador-program-looking {
    padding: 80px 32px;
    margin-block: 80px;
  }
  .ambassador-program-looking .content-container {
    flex-direction: column;
    gap: 2rem;
    align-items: center;
  }
  .ambassador-program-looking .content-container .heading-sserif {
    margin-block-end: 1rem;
    text-align: center;
  }
  .ambassador-program-looking .content-container .looking-left {
    max-width: unset;
  }
  .ambassador-program-looking .content-container .social-media-icon-container {
    display: flex;
    justify-content: center;
  }
  .ambassador-program-looking .decorator-6 {
    top: -48px;
    left: -8px;
  }
  .ambassador-program-perks .perk-icon p {
    font-size: 18px;
  }
  .ambassador-program-cta h2 {
    font-size: 27px;
    line-height: 30px;
  }
}
@media (max-width: 619px) {
  .heading-sserif {
    font-size: 30px;
  }
  .ambassador-program-head .full-image-header-rs .full-image-header-rs-content {
    background-size: cover;
    padding: 20px 16px;
  }
  .ambassador-program-head .full-image-header-rs .full-image-header-rs-content .full-image-header-rs-title {
    font-size: 35px;
    font-style: normal;
  }
  .ambassador-program-head .full-image-header-rs .full-image-header-rs-content .full-image-header-rs-title .text-xl.ambassador-title {
    font-size: 35px !important;
  }
  .ambassador-program-head .full-image-header-rs .full-image-header-rs-content h1,
  .ambassador-program-head .full-image-header-rs .full-image-header-rs-content p,
  .ambassador-program-head .full-image-header-rs .full-image-header-rs-content a {
    text-align: center;
    margin-inline: auto;
    display: block;
    width: fit-content;
  }
  .ambassador-program-ww {
    grid-template-columns: 1fr;
  }
  .ambassador-program-ww .right-ww {
    justify-self: center;
  }
  .ambassador-program-process {
    margin-block: 80px;
  }
  .ambassador-program-cta h2 {
    font-size: 25px;
    line-height: 28px;
  }
}
.ambassador-application-head {
  background-color: #fffaeb;
}
.ambassador-application-head .subheading-1 {
  width: 100%;
  max-width: 766px;
  margin-inline: auto;
}

.ambassador-application-page-container {
  margin-block-start: 128px;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 32px;
  width: 100%;
  max-width: 1280px;
}
.ambassador-application-page-container .ambassador-application-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ambassador-application-page-container .ambassador-application-info a span {
  font-weight: 600;
}
.ambassador-application-page-container .ambassador-application-info i {
  padding-inline-end: 8px;
}
.ambassador-application-page-container select {
  border-radius: 6px;
}
.ambassador-application-page-container #recaptchaWrapperDIV {
  display: flex;
  justify-content: end;
}

.ambassador-application-form-area {
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: start;
}

.required-notice {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 2rem;
}

.ambassador-application-form {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.ambassador-application-form h3 {
  font-size: 18px;
  font-weight: 600;
  margin-block-end: 20px;
  padding-block-end: 12px;
  border-bottom: 1px solid black;
}
.ambassador-application-form .ambassador-radio {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ambassador-application-form .ambassador-radio > span:nth-child(2) {
  gap: 3rem;
  font-weight: 600;
}
.ambassador-application-form .ambassador-radio input {
  margin-inline-end: 12px;
}
.ambassador-application-form .ambassador-radio span {
  display: flex;
  align-items: center;
}
.ambassador-application-form .valid-email {
  text-align: right;
}

.ambassador-application-send-button {
  font-size: 16px;
  padding: 12px 32px;
  font-family: "Outfit", serif, Arial, Helvetica, sans-serif;
  width: fit-content;
  margin-inline-start: auto;
}

.ambassador-application-flex-row {
  display: flex;
  align-items: end;
  gap: 32px;
}

.ambassador-application-select {
  margin: 6px 0;
}

.error-list {
  text-align: right;
  color: #b42318;
  font-size: 14px;
}

.icon-new {
  max-width: 40px;
}
.icon-new i {
  font-size: 20px;
}

.ambassador-application-content-right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.decorator-2 {
  margin-block-start: 40px;
}

@media (max-width: 1099px) {
  .ambassador-application-page-container {
    margin-block-start: 80px;
    grid-template-columns: 1fr;
    grid-template-areas: "info" "notice" "form";
    column-gap: 20px;
    row-gap: 48px;
    position: relative;
  }
  .ambassador-application-form {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
  }
  .ambassador-application-form-area {
    grid-area: form;
    flex-direction: column;
  }
  .ambassador-application-info {
    grid-area: info;
  }
  .ambassador-application-content-right {
    grid-area: notice;
    flex-direction: row;
  }
  .featured-icon-card-rs__title {
    font-size: 18px;
  }
  .decorator-2 {
    margin-block-start: 24px;
  }
}
@media (max-width: 619px) {
  .ambassador-application-page-container {
    margin-block-start: 64px;
    row-gap: 40px;
  }
  .ambassador-application-flex-row {
    flex-direction: column;
    gap: 18px;
  }
  .ambassador-application-content-right {
    flex-direction: column;
  }
  .decorator-2 {
    margin-block-start: 16px;
  }
}
.wellness-webinar-hero {
  background: #f2f8f7;
  padding-block-end: 64px;
}
.wellness-webinar-hero__img-container {
  position: relative;
}
.wellness-webinar-hero__img {
  width: 100%;
  height: 100%;
  max-width: 488px;
  border-radius: 20px;
  object-fit: cover;
  object-position: top;
  position: relative;
}
.wellness-webinar-hero__img-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  padding: 32px;
  color: #fff;
  border-radius: 0 0 24px 24px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.wellness-webinar-hero__content {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  margin-top: 16px;
}
.wellness-webinar-hero__copy {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: start;
  max-width: 592px;
}

.wellness-webinar-section {
  background: #f2f8f7;
  padding: 80px 64px;
  border-radius: 16px;
}

.wellness-webinar-feature-container {
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
}

.wellness-webinar-feature {
  display: flex;
  gap: 94px;
}
.wellness-webinar-feature-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.wellness-webinar-feature__copy {
  width: 100%;
  max-width: 592px;
}
.wellness-webinar-feature__img {
  width: 100%;
  max-width: 444px;
  object-fit: contain;
}

@media (max-width: 1099px) {
  .wellness-webinar-hero__img {
    max-width: 100%;
  }
  .wellness-webinar-hero__img-caption {
    padding: 16px;
  }
  .wellness-webinar-hero__copy {
    max-width: 100%;
    width: 100%;
  }
  .wellness-webinar-feature {
    flex-direction: column;
    gap: 32px;
    align-items: center;
  }
  .wellness-webinar-feature:last-of-type {
    flex-direction: column-reverse;
  }
  .wellness-webinar-feature__copy {
    max-width: 100%;
  }
  .wellness-webinar-feature__img {
    max-width: 500px;
  }
  .wellness-webinar-feature--reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .wellness-webinar-section {
    padding: 64px 32px;
  }
  .wellness-webinar-hero {
    padding-block-end: 32px;
  }
  .wellness-webinar-hero__content {
    flex-direction: column;
  }
  .wellness-webinar-hero__img {
    max-width: 100%;
    height: 240px;
  }
}
@media (max-width: 619px) {
  .wellness-webinar-section {
    padding: 64px 16px;
  }
  .wellness-webinar-section-container {
    padding-inline: 0px;
  }
}
.protect-the-practice-head {
  margin-block-end: 128px;
}
.protect-the-practice-head .color-header-rs-title {
  margin-block-end: 24px;
  text-wrap: pretty;
}
.protect-the-practice-head .color-header-rs-content-left {
  max-width: 455px;
}
.protect-the-practice-head .protect-the-practice-head-image-container {
  width: 329px;
  height: 319px;
}
.protect-the-practice-head .protect-the-practice-head-image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.protect-the-practice-head .color-header-rs-content-left {
  grid-template-rows: auto 1fr;
  row-gap: 24px;
}
.protect-the-practice-head .color-header-rs-content-left p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  flex: unset;
  max-width: 455px;
}
.protect-the-practice-head .color-header-rs-content-right {
  display: flex;
  gap: 64px;
  justify-content: end;
  align-items: center;
}
.protect-the-practice-head .decorator-3 {
  margin-block-end: auto;
}

#protect-the-practice {
  padding: 64px;
  background-color: #f2f4fa;
  border-radius: 16px;
}
#protect-the-practice .decorator-7 {
  margin-inline: auto;
}
#protect-the-practice .ptp-title {
  font-size: 45px;
  font-weight: 600;
  text-align: center;
  margin-block-start: 48px;
}
#protect-the-practice .ptp-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "text1 image1" "image2 text2";
  margin-block-start: 64px;
  row-gap: 80px;
}
#protect-the-practice .ptp-item-title {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 30px;
  font-weight: 700;
  margin-block-end: 16px;
}
#protect-the-practice .ptp-content p, #protect-the-practice .ptp-content li {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
}
#protect-the-practice .ptp-content p.ptp-image-legend, #protect-the-practice .ptp-content li.ptp-image-legend {
  font-size: 18px;
  max-width: 435px;
}
#protect-the-practice ul {
  padding-inline-start: 2rem;
}
#protect-the-practice .text-1 {
  grid-area: text1;
}
#protect-the-practice .image-1 {
  grid-area: image1;
  justify-self: end;
}
#protect-the-practice .text-2 {
  grid-area: text2;
}
#protect-the-practice .text-2 p {
  margin-block-end: 16px;
}
#protect-the-practice .image-2 {
  grid-area: image2;
  justify-self: start;
}
#protect-the-practice .ptp-item-image-container {
  max-width: 435px;
  border-radius: 15px;
  overflow: hidden;
  display: flex;
}
#protect-the-practice .ptp-item-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#protect-the-practice h3 {
  font-family: "Charter", sans-serif, "Times New Roman", Times, serif;
  font-size: 45px;
  line-height: 50px;
  text-align: center;
  font-weight: 400;
  margin-block-start: 64px;
}

@media screen and (max-width: 1099px) {
  .protect-the-practice-head {
    margin-block-end: 80px;
  }
  .protect-the-practice-head .color-header-rs-content {
    grid-template-columns: 1fr 1fr;
  }
  .protect-the-practice-head .protect-the-practice-head-image-container {
    width: 262px;
    height: auto;
    align-self: start;
  }
  .protect-the-practice-head .color-header-rs-content-right {
    gap: 32px;
  }
  #protect-the-practice .ptp-title {
    margin-block-start: 40px;
    font-size: 36px;
  }
  #protect-the-practice .ptp-content {
    margin-block-start: 48px;
    grid-template-columns: 1fr;
    grid-template-areas: "text1" "image1" "text2" "image2";
    row-gap: 20px;
  }
  #protect-the-practice .ptp-content p, #protect-the-practice .ptp-content li {
    font-size: 20px;
    line-height: 30px;
  }
  #protect-the-practice .ptp-content p.ptp-image-legend {
    max-width: unset;
    text-align: center;
    margin-block-start: 20px;
  }
  #protect-the-practice .ptp-item-title {
    font-size: 20px;
    font-weight: 700;
  }
  #protect-the-practice .ptp-item-image-container {
    max-width: 330px;
  }
  #protect-the-practice .image-1, #protect-the-practice .image-2 {
    justify-self: center;
  }
  #protect-the-practice .image-1 {
    margin-block-end: 32px;
  }
  #protect-the-practice .image-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #protect-the-practice h3 {
    font-size: 36px;
    line-height: 40px;
    margin-block-start: 48px;
  }
}
@media screen and (max-width: 619px) {
  .protect-the-practice-head .color-header-rs-content {
    grid-template-columns: 1fr;
  }
  .protect-the-practice-head .protect-the-practice-head-image-container {
    width: 303px;
  }
  .protect-the-practice-head .color-header-rs-content-right {
    gap: 16px;
  }
  #protect-the-practice {
    padding: 40px 16px;
  }
  #protect-the-practice .decorator-7 {
    background-image: linear-gradient(to right, #00b2e3 0%, #00b2e3 140px, #007684 140px, #007684 190px, #00a99b 190px, #00a99b 270px);
    background-repeat: no-repeat;
    height: 30px;
    width: 270px;
  }
  #protect-the-practice .ptp-title {
    font-size: 30px;
    letter-spacing: -1.08px;
  }
  #protect-the-practice .ptp-content {
    margin-block-start: 40px;
  }
  #protect-the-practice h3 {
    font-size: 30px;
    line-height: 33px;
    margin-block-start: 40px;
  }
}

/*# sourceMappingURL=styles.css.map */