img:is([sizes="auto" i], [sizes^="auto," i]) {
  contain-intrinsic-size: 3000px 1500px;
}

img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

.jetpack-sharing-buttons__services-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  list-style-type: none;
  margin: 5px;
  padding: 0;
}
.cus-mb-3 {
  margin-bottom: 20px !important;
}
.jetpack-sharing-buttons__services-list.has-small-icon-size {
  font-size: 12px;
}

.jetpack-sharing-buttons__services-list.has-normal-icon-size {
  font-size: 16px;
}

.jetpack-sharing-buttons__services-list.has-large-icon-size {
  font-size: 24px;
}

.jetpack-sharing-buttons__services-list.has-huge-icon-size {
  font-size: 36px;
}

@media print {
  .jetpack-sharing-buttons__services-list {
    display: none !important;
  }
}

.editor-styles-wrapper .wp-block-jetpack-sharing-buttons {
  gap: 0;
  padding-inline-start: 0;
}

ul.jetpack-sharing-buttons__services-list.has-background {
  padding: 1.25em 2.375em;
}

:root {
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgba(6, 147, 227, 1) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
    135deg,
    rgba(252, 185, 0, 1) 0%,
    rgba(255, 105, 0, 1) 100%
  );
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
    135deg,
    rgba(255, 105, 0, 1) 0%,
    rgb(207, 46, 46) 100%
  );
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
    135deg,
    rgb(238, 238, 238) 0%,
    rgb(169, 184, 195) 100%
  );
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(
    135deg,
    rgb(74, 234, 220) 0%,
    rgb(151, 120, 209) 20%,
    rgb(207, 42, 186) 40%,
    rgb(238, 44, 130) 60%,
    rgb(251, 105, 98) 80%,
    rgb(254, 248, 76) 100%
  );
  --wp--preset--gradient--blush-light-purple: linear-gradient(
    135deg,
    rgb(255, 206, 236) 0%,
    rgb(152, 150, 240) 100%
  );
  --wp--preset--gradient--blush-bordeaux: linear-gradient(
    135deg,
    rgb(254, 205, 165) 0%,
    rgb(254, 45, 45) 50%,
    rgb(107, 0, 62) 100%
  );
  --wp--preset--gradient--luminous-dusk: linear-gradient(
    135deg,
    rgb(255, 203, 112) 0%,
    rgb(199, 81, 192) 50%,
    rgb(65, 88, 208) 100%
  );
  --wp--preset--gradient--pale-ocean: linear-gradient(
    135deg,
    rgb(255, 245, 203) 0%,
    rgb(182, 227, 212) 50%,
    rgb(51, 167, 181) 100%
  );
  --wp--preset--gradient--electric-grass: linear-gradient(
    135deg,
    rgb(202, 248, 128) 0%,
    rgb(113, 206, 126) 100%
  );
  --wp--preset--gradient--midnight: linear-gradient(
    135deg,
    rgb(2, 3, 129) 0%,
    rgb(40, 116, 252) 100%
  );
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1),
    6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:root {
  --wp--style--global--content-size: 800px;
  --wp--style--global--wide-size: 1200px;
}

:where(body) {
  margin: 0;
}

.wp-site-blocks > .alignleft {
  float: left;
  margin-right: 2em;
}

.wp-site-blocks > .alignright {
  float: right;
  margin-left: 2em;
}

.wp-site-blocks > .aligncenter {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

:where(.wp-site-blocks) > * {
  margin-block-start: 24px;
  margin-block-end: 0;
}

:where(.wp-site-blocks) > :first-child {
  margin-block-start: 0;
}

:where(.wp-site-blocks) > :last-child {
  margin-block-end: 0;
}

:root {
  --wp--style--block-gap: 24px;
}

:root :where(.is-layout-flow) > :first-child {
  margin-block-start: 0;
}

:root :where(.is-layout-flow) > :last-child {
  margin-block-end: 0;
}

:root :where(.is-layout-flow) > * {
  margin-block-start: 24px;
  margin-block-end: 0;
}

:root :where(.is-layout-constrained) > :first-child {
  margin-block-start: 0;
}

:root :where(.is-layout-constrained) > :last-child {
  margin-block-end: 0;
}

:root :where(.is-layout-constrained) > * {
  margin-block-start: 24px;
  margin-block-end: 0;
}

:root :where(.is-layout-flex) {
  gap: 24px;
}

:root :where(.is-layout-grid) {
  gap: 24px;
}

.is-layout-flow > .alignleft {
  float: left;
  margin-inline-start: 0;
  margin-inline-end: 2em;
}

.is-layout-flow > .alignright {
  float: right;
  margin-inline-start: 2em;
  margin-inline-end: 0;
}

.is-layout-flow > .aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

.is-layout-constrained > .alignleft {
  float: left;
  margin-inline-start: 0;
  margin-inline-end: 2em;
}

.is-layout-constrained > .alignright {
  float: right;
  margin-inline-start: 2em;
  margin-inline-end: 0;
}

.is-layout-constrained > .aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

.is-layout-constrained
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

.is-layout-constrained > .alignwide {
  max-width: var(--wp--style--global--wide-size);
}

body .is-layout-flex {
  display: flex;
}

.is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
}

.is-layout-flex > :is(*, div) {
  margin: 0;
}

body .is-layout-grid {
  display: grid;
}

.is-layout-grid > :is(*, div) {
  margin: 0;
}

body {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

a:where(:not(.wp-element-button)) {
  text-decoration: underline;
}

:root :where(.wp-element-button, .wp-block-button__link) {
  background-color: #32373c;
  border-width: 0;
  color: #fff;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-decoration: none;
}

.has-black-color {
  color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
  color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple
  ) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan
  ) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange
  ) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red
  ) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray
  ) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}

:root :where(.wp-block-pullquote) {
  font-size: 1.5em;
  line-height: 1.6;
}

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

.-nfd-bottom-1 {
  bottom: -0.25rem !important;
}

.-nfd-top-0\.5 {
  top: -0.125rem !important;
}

.-nfd-top-1 {
  top: -0.25rem !important;
}

.nfd-top-10 {
  top: 2.5rem !important;
}

.nfd-col-start-1 {
  grid-column-start: 1 !important;
}

.nfd-col-start-2 {
  grid-column-start: 2 !important;
}

.nfd-col-start-3 {
  grid-column-start: 3 !important;
}

.nfd-col-start-4 {
  grid-column-start: 4 !important;
}

.nfd-col-start-5 {
  grid-column-start: 5 !important;
}

.nfd-col-start-6 {
  grid-column-start: 6 !important;
}

.nfd-col-start-7 {
  grid-column-start: 7 !important;
}

.nfd-col-end-10 {
  grid-column-end: 10 !important;
}

.nfd-col-end-11 {
  grid-column-end: 11 !important;
}

.nfd-col-end-12 {
  grid-column-end: 12 !important;
}

.nfd-col-end-13 {
  grid-column-end: 13 !important;
}

.nfd-col-end-7 {
  grid-column-end: 7 !important;
}

.nfd-col-end-8 {
  grid-column-end: 8 !important;
}

.nfd-col-end-9 {
  grid-column-end: 9 !important;
}

.nfd-row-start-1 {
  grid-row-start: 1 !important;
}

.-nfd-mx-2:not([style*="margin"]) {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.nfd-my-0:not([style*="margin"]) {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.nfd-mb-8:not([style*="margin"]) {
  margin-bottom: 2rem !important;
}

.nfd-mt-8:not([style*="margin"]) {
  margin-top: 2rem !important;
}

.nfd-mt-\[-100px\]:not([style*="margin"]) {
  margin-top: -100px !important;
}

.nfd-grid {
  display: grid !important;
}

.nfd-h-full {
  height: 100% !important;
}

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

.nfd-shrink-0 {
  flex-shrink: 0 !important;
}

.nfd-grow {
  flex-grow: 1 !important;
}

.nfd-grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}

.nfd-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.nfd-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.nfd-grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}

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

.nfd-gap-y-10 {
  row-gap: 2.5rem !important;
}

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

.nfd-border-b {
  border-bottom-width: 1px !important;
}

.nfd-border-dashed {
  border-style: dashed !important;
}

.nfd-p-0:not([style*="padding"]) {
  padding: 0 !important;
}

.nfd-p-10:not([style*="padding"]) {
  padding: 2.5rem !important;
}

.nfd-p-2:not([style*="padding"]) {
  padding: 0.5rem !important;
}

.nfd-p-4:not([style*="padding"]) {
  padding: 1rem !important;
}

.nfd-p-8:not([style*="padding"]) {
  padding: 2rem !important;
}

.nfd-px-0:not([style*="padding"]) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.nfd-px-4:not([style*="padding"]) {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.nfd-px-8:not([style*="padding"]) {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.nfd-py-0:not([style*="padding"]) {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.nfd-py-4:not([style*="padding"]) {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.nfd-py-5:not([style*="padding"]) {
  padding-bottom: 1.25rem !important;
  padding-top: 1.25rem !important;
}

.nfd-pt-0:not([style*="padding"]) {
  padding-top: 0 !important;
}

.nfd-text-left {
  text-align: left !important;
}

.nfd-wc-products {
  self-align: flex-start !important;
  flex-grow: 0 !important;
}

.nfd-wc-products > ul {
  row-gap: calc(
    var(--wndb--gap--2xl) * var(--wndb--gap--scale-factor)
  ) !important;
}

.nfd-wc-products .wc-block-grid__product-image {
  overflow: hidden !important;
}

.nfd-wc-products .wc-block-grid__product-image img {
  transition: transform 0.6s ease-in-out !important;
}

.nfd-wc-products .wc-block-grid__product-image img:hover {
  transform: scale(1.1) !important;
}

.nfd-wc-products .wc-block-components-product-sale-badge {
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
  background: hsla(0, 0%, 100%, 0.5) !important;
  border: 1px solid hsla(0, 0%, 100%, 0.2) !important;
  border-radius: 999px !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  margin: 6px !important;
  padding: 4px 12px !important;
}

.nfd-wc-products .wc-block-components-product-sale-badge > span {
  background: transparent !important;
}

.nfd-wc-products .wc-block-components-product-price {
  color: inherit !important;
}

.nfd-wc-search .wp-block-search__inside-wrapper {
  background-color: var(--wndb--color--borders) !important;
  border: 2px solid var(--wndb--color--subtle) !important;
  border-radius: 999px !important;
  max-width: 100% !important;
  padding: 0 !important;
  width: 25rem !important;
}

.nfd-wc-search .wp-block-search__inside-wrapper input[type="search"] {
  background: none !important;
  border: none !important;
  border-bottom-left-radius: 999px !important;
  border-top-left-radius: 999px !important;
  color: var(--wndb--color--text--contrast) !important;
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  min-height: 3.75rem !important;
  padding-inline: 24px !important;
}

.nfd-wc-search .wp-block-search__inside-wrapper:has(button:focus),
.nfd-wc-search
  .wp-block-search__inside-wrapper:has(input[type="search"]:focus) {
  outline: 2px solid var(--wndb--color--text--contrast) !important;
  outline-offset: 2px !important;
}

.nfd-wc-search .wp-block-search__button {
  aspect-ratio: 1/1 !important;
  background: var(--wndb-gray-800) !important;
  border-radius: 999px !important;
  height: 100% !important;
  margin-left: 0 !important;
  margin-right: 2px !important;
  margin-top: 2px !important;
}

.nfd-wc-search .wp-block-search__button:focus,
.nfd-wc-search .wp-block-search__button:hover {
  background: var(--wndb-gray-900) !important;
  filter: none !important;
  outline: 2px solid var(--wndb-gray-900) !important;
  outline-offset: 2px !important;
}

.nfd-wc-search
  .wp-block-search__inside-wrapper
  input[type="search"]::-moz-placeholder {
  color: var(--wndb--color--text--faded) !important;
}

.nfd-wc-search
  .wp-block-search__inside-wrapper
  input[type="search"]::placeholder {
  color: var(--wndb--color--text--faded) !important;
}

:root {
  --wndb-mask-color: rgba(0, 0, 0, 0.15);
  --wndb-mask-position: 50% 50% at 50% 20%;
  --wndb-mask-opacity: 0.35;
}

[class*="nfd-bg-effect"] {
  isolation: isolate !important;
  position: relative !important;
}

[class*="nfd-wb-header"] [class*="nfd-bg-effect"] {
  z-index: 1 !important;
}

.has-modal-open [class*="nfd-bg-effect"] {
  isolation: unset !important;
}

.nfd-bg-effect-position-center {
  --wndb-mask-position: 50% 50% at 50% 50%;
}

[class*="nfd-bg-effect"]:after {
  content: "" !important;
  inset: 0 !important;
  -webkit-mask-image: radial-gradient(
    ellipse var(--wndb-mask-position),
    #000 70%,
    rgba(0, 0, 0, 0.3) 100%
  ) !important;
  mask-image: radial-gradient(
    ellipse var(--wndb-mask-position),
    #000 70%,
    rgba(0, 0, 0, 0.3) 100%
  ) !important;
  opacity: var(--wndb-mask-opacity) !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: -1 !important;
}

.nfd-bg-effect-dots:after {
  --wndb-mask-opacity: 1;
  background: radial-gradient(
    var(--wndb-mask-color) 1px,
    transparent 1px
  ) !important;
  background-size: 20px 20px !important;
}

.nfd-bg-effect-grid:after {
  background-image: linear-gradient(
      to right,
      var(--wndb-mask-color) 1px,
      transparent 1px
    ),
    linear-gradient(to bottom, var(--wndb-mask-color) 1px, transparent 1px) !important;
  background-size: 50px 50px !important;
}

.nfd-bg-effect-grid-perspective {
  perspective: 1000px !important;
}

.has-modal-open .nfd-bg-effect-grid-perspective {
  perspective: unset !important;
}

.nfd-bg-effect-grid-perspective:after {
  --wndb-mask-opacity: 0.6;
  background-size: 100px 100px !important;
  transform: rotateX(-60deg) translateZ(0) !important;
  transform-origin: top !important;
  transform-style: preserve-3d !important;
}

.nfd-bg-effect-grid-2:after,
.nfd-bg-effect-grid-perspective:after {
  background-image: linear-gradient(
      to right,
      var(--wndb-mask-color) 1px,
      transparent 1px
    ),
    linear-gradient(to bottom, var(--wndb-mask-color) 1px, transparent 1px) !important;
}

.nfd-bg-effect-grid-2:after {
  background-size: 14px 32px !important;
}

.nfd-bg-effect-grid-3 {
  overflow: hidden !important;
}

.nfd-bg-effect-grid-3:after {
  background-image: linear-gradient(
      to right,
      var(--wndb-mask-color) 1px,
      transparent 1px
    ),
    linear-gradient(to bottom, var(--wndb-mask-color) 1px, transparent 1px) !important;
  background-size: 32px 80px !important;
  right: -40% !important;
  top: -20% !important;
  transform: scale(1.5) skew(-30deg, 30deg) !important;
}

.nfd-bg-effect-lines:after {
  --wndb-mask-opacity: 0.4;
  background-image: linear-gradient(
    to right,
    var(--wndb-mask-color) 1px,
    transparent 1px
  ) !important;
  background-size: 48px !important;
}

.nfd-bg-effect-lines-2 {
  --wndb-mask-opacity: 0.45;
  overflow: hidden !important;
  perspective: 1000px !important;
}

.has-modal-open .nfd-bg-effect-lines-2 {
  perspective: unset !important;
}

.nfd-bg-effect-lines-2:after {
  background-image: linear-gradient(
    to right,
    var(--wndb-mask-color) 1px,
    transparent 1px
  ) !important;
  background-size: 30px !important;
  right: -40% !important;
  top: -20% !important;
  transform: rotateX(-45deg) skew(-16deg) translateZ(0) !important;
  transform-origin: right !important;
  transform-style: preserve-3d !important;
}

.nfd-mask-opacity-0:after {
  --wndb-mask-opacity: 0.8;
}

:where(:root) {
  --wndb--max-w--prose: min(65ch, 1100px);
}

.nfd-max-w-prose:not(.nfd-max-w-full),
:where(.nfd-text-balance:not(.nfd-max-w-full)) {
  max-width: var(--wndb--max-w--prose) !important;
}

.nfd-max-w-prose:not(.nfd-max-w-full).has-text-align-center,
:where(.nfd-text-balance:not(.nfd-max-w-full)).has-text-align-center {
  margin-inline: auto !important;
}

.nfd-max-w-prose:not(.nfd-max-w-full).has-text-align-right,
:where(.nfd-text-balance:not(.nfd-max-w-full)).has-text-align-right {
  margin-inline-start: auto !important;
}

:where(.nfd-text-balance) {
  text-wrap: balance !important;
}

.nfd-text-balance > h1,
.nfd-text-balance > h2,
.nfd-text-balance > h3,
.nfd-text-balance > h4,
.nfd-text-balance > p {
  text-wrap: balance !important;
}

.nfd-text-pretty,
.nfd-text-pretty > h1,
.nfd-text-pretty > h2,
.nfd-text-pretty > h3,
.nfd-text-pretty > h4,
.nfd-text-pretty > p {
  text-wrap: pretty !important;
}

.wp-block-image figcaption {
  font-weight: 400 !important;
  margin-inline: auto !important;
  max-width: 64ch !important;
  padding-block-start: 0.5em !important;
  text-wrap: balance !important;
}

.wp-block-quote > .nfd-text-pretty {
  font-weight: 550;
  margin-block: 0.25em;
}

:where(:root) {
  --wndb--text-scale-factor: 1;
  --wndb--text--xs: 0.75rem;
  --wndb--text--sm: 0.875rem;
  --wndb--text--base: 1rem;
  --wndb--text--md: 1.125rem;
  --wndb--text--lg: 1.5rem;
  --wndb--text--xl: 2.375rem;
  --wndb--text--huge: clamp(2.75rem, 1.4688rem + 2.5vw, 3.5rem);
  --wndb--text-giga: clamp(3.25rem, 2.546875rem + 2.25vw, 4.375rem);
}

.nfd-text-xs:not([class*="font-size"]):not([style*="font-size"]) {
  font-size: calc(
    var(--wndb--text--xs) * var(--wndb--text-scale-factor)
  ) !important;
}

.nfd-text-xs:not([style*="letter-spacing"]) {
  letter-spacing: 0.05em !important;
}

.nfd-text-sm:not([class*="font-size"]):not([style*="font-size"]) {
  font-size: calc(
    var(--wndb--text--sm) * var(--wndb--text-scale-factor)
  ) !important;
}

.nfd-text-base:not([class*="font-size"]):not([style*="font-size"]) {
  font-size: calc(
    var(--wndb--text--base) * var(--wndb--text-scale-factor)
  ) !important;
}

.nfd-text-md:not([class*="font-size"]):not([style*="font-size"]) {
  font-size: calc(
    var(--wndb--text--md) * var(--wndb--text-scale-factor)
  ) !important;
}

.nfd-text-base:not([style*="line-height"]),
.nfd-text-md:not([style*="line-height"]) {
  line-height: 1.6 !important;
}

.nfd-text-lg:not([class*="font-size"]):not([style*="font-size"]) {
  font-size: calc(
    var(--wndb--text--lg) * var(--wndb--text-scale-factor)
  ) !important;
}

.nfd-text-lg:not([style*="line-height"]) {
  line-height: 1.4 !important;
}

.nfd-text-lg:not([style*="letter-spacing"]) {
  letter-spacing: 0 !important;
}

.nfd-text-lg:not([style*="font-weight"]) {
  font-weight: 500 !important;
}

.nfd-text-xl:not([class*="font-size"]):not([style*="font-size"]) {
  font-size: var(--wndb--text--xl) !important;
}

.nfd-text-xl:not([style*="line-height"]) {
  line-height: 1.25 !important;
}

.nfd-text-xl:not([style*="letter-spacing"]) {
  letter-spacing: -0.01em !important;
}

.nfd-text-xl:not([style*="font-weight"]) {
  font-weight: 500 !important;
}

:where(.nfd-text-huge:not([class*="font-size"]):not([style*="font-size"])) {
  font-size: calc(
    var(--wndb--text--huge) * var(--wndb--text-scale-factor)
  ) !important;
  max-width: var(--wndb--max-w--prose) !important;
  text-wrap: balance !important;
}

:where(
    .nfd-text-giga:not([class*="font-size"]):not([style*="font-size"])
  ).has-text-align-center,
:where(
    .nfd-text-huge:not([class*="font-size"]):not([style*="font-size"])
  ).has-text-align-center {
  margin-inline: auto !important;
}

:where(
    .nfd-text-giga:not([class*="font-size"]):not([style*="font-size"])
  ).has-text-align-right,
:where(
    .nfd-text-huge:not([class*="font-size"]):not([style*="font-size"])
  ).has-text-align-right {
  margin-inline-start: auto !important;
}

.nfd-text-huge:not([style*="line-height"]) {
  line-height: 1.1 !important;
}

.nfd-text-huge:not([style*="letter-spacing"]) {
  letter-spacing: -0.025em !important;
}

.nfd-text-huge:not([style*="font-weight"]) {
  font-weight: 500 !important;
}

:where(.nfd-text-giga:not([class*="font-size"]):not([style*="font-size"])) {
  font-size: calc(
    var(--wndb--text-giga) * var(--wndb--text-scale-factor)
  ) !important;
  max-width: var(--wndb--max-w--prose) !important;
  text-wrap: balance !important;
}

.nfd-text-giga:not([style*="line-height"]) {
  line-height: 1.1 !important;
}

.nfd-text-giga:not([style*="letter-spacing"]) {
  letter-spacing: -0.04em !important;
}

.nfd-text-giga:not([style*="font-weight"]) {
  font-weight: 500 !important;
}

:root {
  --nfd-wb-anim-transition-duration: 1400ms;
  --nfd-wb-anim-transition-delay: 50ms;
  --nfd-wb-anim-transition-easing-function: cubic-bezier(0.4, 1, 0.65, 1);
  --nfd-wb-anim-transition: all var(--nfd-wb-anim-transition-duration)
    var(--nfd-wb-anim-transition-easing-function)
    var(--nfd-wb-anim-transition-delay);
}

@media (prefers-reduced-motion: reduce) {
  .nfd-wb-animate {
    transition: none !important;
  }

  .nfd-wb-twist-in,
  [class*="nfd-wb-"] {
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 782px) {
  .nfd-wb-animate {
    transition: none !important;
  }

  .nfd-wb-twist-in,
  [class*="nfd-wb-"] {
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

.nfd-wb-animate[data-replay-animation] {
  transition: none !important;
}

.block-editor-block-preview__content-iframe [class*="nfd-wb-"] {
  clip-path: none !important;
  opacity: 1 !important;
  transform: none !important;
}

[class*="nfd-wb-fade-in"] {
  --nfd-wb-anim-transition: opacity var(--nfd-wb-anim-transition-duration)
      var(--nfd-wb-anim-transition-easing-function)
      var(--nfd-wb-anim-transition-delay),
    transform var(--nfd-wb-anim-transition-duration)
      var(--nfd-wb-anim-transition-easing-function)
      var(--nfd-wb-anim-transition-delay);
  transition: var(--nfd-wb-anim-transition);
}

.nfd-wb-fade-in-bottom {
  --nfd-wb-anim-transition-duration: 1200ms;
  opacity: 0;
  transform: translate3d(0, 90px, 0);
  transition: var(--nfd-wb-anim-transition);
}

.nfd-wb-fade-in-bottom-short {
  transform: translate3d(0, 32px, 0) scale3d(0.96, 0.96, 0.96);
  transform-origin: center bottom;
}

.nfd-wb-fade-in-bottom-short,
.nfd-wb-fade-in-top-short {
  --nfd-wb-anim-transition-duration: 600ms;
  opacity: 0;
  transition: var(--nfd-wb-anim-transition);
}

.nfd-wb-fade-in-top-short {
  transform: translate3d(0, -32px, 0) scale3d(0.96, 0.96, 0.96);
  transform-origin: center top;
}

.nfd-wb-fade-in-left-short {
  transform: translate3d(-32px, 0, 0) scale3d(0.96, 0.96, 0.96);
  transform-origin: center left;
}

.nfd-wb-fade-in-left-short,
.nfd-wb-fade-in-right-short {
  --nfd-wb-anim-transition-duration: 600ms;
  opacity: 0;
  transition: var(--nfd-wb-anim-transition);
}

.nfd-wb-fade-in-right-short {
  transform: translate3d(32px, 0, 0) scale3d(0.96, 0.96, 0.96);
  transform-origin: right center;
}

.nfd-wb-animated-in:not([data-replay-animation])[class*="nfd-wb-fade-in"] {
  opacity: 1;
  transform: translateZ(0) scaleX(1);
}

.nfd-wb-zoom-in {
  --nfd-wb-anim-transition-duration: 1200ms;
  --nfd-wb-anim-transition: opacity var(--nfd-wb-anim-transition-duration)
      var(--nfd-wb-anim-transition-easing-function)
      var(--nfd-wb-anim-transition-delay),
    transform var(--nfd-wb-anim-transition-duration)
      var(--nfd-wb-anim-transition-easing-function)
      var(--nfd-wb-anim-transition-delay);
  transform: scale3d(0.4, 0.4, 0.4);
}

.nfd-wb-zoom-in,
.nfd-wb-zoom-in-short {
  opacity: 0;
  transition: var(--nfd-wb-anim-transition);
}

.nfd-wb-zoom-in-short {
  --nfd-wb-anim-transition-duration: 600ms;
  --nfd-wb-anim-transition: opacity var(--nfd-wb-anim-transition-duration)
      var(--nfd-wb-anim-transition-easing-function)
      var(--nfd-wb-anim-transition-delay),
    transform var(--nfd-wb-anim-transition-duration)
      var(--nfd-wb-anim-transition-easing-function)
      var(--nfd-wb-anim-transition-delay);
  transform: scale3d(0.92, 0.92, 0.92);
}

.nfd-wb-animated-in:not([data-replay-animation])[class*="nfd-wb-zoom-"] {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

div:has(> .nfd-wb-twist-in) {
  perspective: 1200px;
}

.nfd-wb-twist-in {
  --nfd-wb-anim-transition-duration: 1000ms;
  --nfd-wb-anim-transition: opacity var(--nfd-wb-anim-transition-duration)
      var(--nfd-wb-anim-transition-easing-function)
      var(--nfd-wb-anim-transition-delay),
    transform var(--nfd-wb-anim-transition-duration)
      var(--nfd-wb-anim-transition-easing-function)
      var(--nfd-wb-anim-transition-delay);
  opacity: 0;
  transform: translateY(40px) scale(0.8) rotateY(30deg) rotate(-12deg)
    translateZ(0);
  transition: var(--nfd-wb-anim-transition);
}

.nfd-wb-animated-in:not([data-replay-animation]).nfd-wb-twist-in {
  opacity: 1 !important;
  transform: translateY(0) scale(1) rotateY(0deg) rotate(0deg) translateZ(0) !important;
}

.nfd-wb-reveal-right {
  --nfd-wb-anim-transition-duration: 1500ms;
  --nfd-wb-anim-transition-easing-function: cubic-bezier(0.4, 0, 0, 1);
  --nfd-wb-anim-transition: clip-path var(--nfd-wb-anim-transition-duration)
    var(--nfd-wb-anim-transition-easing-function)
    var(--nfd-wb-anim-transition-delay);
  clip-path: inset(0 100% 0 0);
  transition: var(--nfd-wb-anim-transition);
}

.nfd-wb-animated-in > .nfd-wb-reveal-right:not([data-replay-animation]) {
  clip-path: inset(0 0 0 0) !important;
}

.nfd-delay-50 {
  --nfd-wb-anim-transition-delay: 50ms;
}

.nfd-delay-150 {
  --nfd-wb-anim-transition-delay: 150ms;
}

.nfd-delay-300 {
  --nfd-wb-anim-transition-delay: 300ms;
}

.nfd-delay-450 {
  --nfd-wb-anim-transition-delay: 450ms;
}

.nfd-delay-600 {
  --nfd-wb-anim-transition-delay: 600ms;
}

.nfd-delay-750 {
  --nfd-wb-anim-transition-delay: 750ms;
}

.nfd-delay-900 {
  --nfd-wb-anim-transition-delay: 900ms;
}

.nfd-delay-1050 {
  --nfd-wb-anim-transition-delay: 1050ms;
}

.nfd-delay-1200 {
  --nfd-wb-anim-transition-delay: 1200ms;
}

.nfd-delay-1350 {
  --nfd-wb-anim-transition-delay: 1350ms;
}

.nfd-delay-1500 {
  --nfd-wb-anim-transition-delay: 1500ms;
}

:where(:root) {
  --wndb--container: 1200px;
  --wndb--container--wide: 1340px;
}

body
  .is-layout-constrained:has(.nfd-container.is-layout-constrained)
  > .nfd-container.is-layout-constrained {
  max-width: unset !important;
  width: 100% !important;
}

.is-layout-constrained.has-global-padding:has(
    .nfd-container.is-layout-constrained
  )
  > .nfd-container.is-layout-constrained {
  margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
  margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
  max-width: unset !important;
  width: unset !important;
}

.editor-styles-wrapper
  .nfd-container:is(.is-layout-constrained)
  > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)),
.editor-styles-wrapper
  .nfd-container
  > :where(
    .wp-block-cover-is-layout-constrained:not(.alignleft):not(.alignright):not(
        .alignfull
      ):not(.alignwide)
  ):not([style*="margin"]),
.nfd-container:is(.is-layout-constrained)
  > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)),
.nfd-container:is(.nfd-my-0) > div,
.nfd-container
  > :where(
    .wp-block-cover-is-layout-constrained:not(.alignleft):not(.alignright):not(
        .alignfull
      ):not(.alignwide)
  ) {
  max-width: var(--wndb--container);
  width: 100%;
}

.editor-styles-wrapper .nfd-container:is(.is-layout-constrained) > .alignwide,
.nfd-container:is(.is-layout-constrained).alignwide
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)):not(
    [style*="margin"]
  ),
.nfd-container:is(.is-layout-constrained) > .alignwide,
.nfd-container:is(.nfd-my-0) > .alignwide {
  max-width: var(--wndb--container--wide);
  width: 100%;
}

.nfd-container:not(.alignfull) {
  padding-inline: var(--wndb--p) !important;
}

.nfd-container: is(.nfd-my-0)>div:not([style*=margin]) {
  margin-inline: auto !important;
}

[class*="nfd-divider-"] {
  position: relative;
  z-index: 13;
}

[class*="nfd-divider-"] ~ [class*="nfd-divider-"] {
  z-index: 12 !important;
}

[class*="nfd-divider-"] ~ [class*="nfd-divider-"] ~ [class*="nfd-divider-"] {
  z-index: 11 !important;
}

[class*="nfd-divider-"]:before {
  background: inherit !important;
  bottom: calc(var(--wndb--divider-size) * -1) !important;
  content: "" !important;
  height: var(--wndb--divider-size) !important;
  left: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 100% !important;
  z-index: 10 !important;
}

.nfd-divider-arrow {
  --wndb--divider-size: 16px;
}

.nfd-divider-arrow:before {
  bottom: calc(var(--wndb--divider-size) * -1) !important;
  height: calc(var(--wndb--divider-size) * 2) !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(45deg) !important;
  width: calc(var(--wndb--divider-size) * 2) !important;
}

.nfd-divider-clouds {
  --wndb--divider-size: 150px;
}

.nfd-divider-clouds:after,
.nfd-divider-clouds:before {
  background: inherit !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMax slice' viewBox='0 0 283.5 27.8'%3E%3Cpath fill='%23fff' d='M0 0v6.7c1.9-.8 4.7-1.4 8.5-1 9.5 1.1 11.1 6 11.1 6s2.1-.7 4.3-.2c2.1.5 2.8 2.6 2.8 2.6s.2-.5 1.4-.7 1.7.2 1.7.2 0-2.1 1.9-2.8 3.6.7 3.6.7.7-2.9 3.1-4.1 4.7 0 4.7 0 1.2-.5 2.4 0 1.7 1.4 1.7 1.4h1.4c.7 0 1.2.7 1.2.7s.8-1.8 4-2.2c3.5-.4 5.3 2.4 6.2 4.4q.6-.6 1.8-.9c2.8-.7 4 .7 4 .7s1.7-5 11.1-6c9.5-1.1 12.3 3.9 12.3 3.9s1.2-4.8 5.7-5.7 6.8 1.8 6.8 1.8.6-.6 1.5-.9c.9-.2 1.9-.2 1.9-.2s5.2-6.4 12.6-3.3c7.3 3.1 4.7 9 4.7 9s1.9-.9 4 0 2.8 2.4 2.8 2.4 1.9-1.2 4.5-1.2 4.3 1.2 4.3 1.2.2-1 1.4-1.7 2.1-.7 2.1-.7-.5-3.1 2.1-5.5 5.7-1.4 5.7-1.4 1.5-2.3 4.2-1.1 1.7 5.2 1.7 5.2.3-.1 1.3.5c.5.4.8.8.9 1.1.5-1.4 2.4-5.8 8.4-4 7.1 2.1 3.5 8.9 3.5 8.9s.8-.4 2 0 1.1 1.1 1.1 1.1 1.1-1.1 2.3-1.1 2.1.5 2.1.5 1.9-3.6 6.2-1.2 1.9 6.4 1.9 6.4 2.6-2.4 7.4 0c3.4 1.7 3.9 4.9 3.9 4.9s3.3-6.9 10.4-7.9 11.5 2.6 11.5 2.6.8 0 1.2.2.9.9.9.9 4.4-3.1 8.3.2c1.9 1.7 1.5 5 1.5 5s.3-1.1 1.6-1.4 2.3.2 2.3.2-.1-1.2.5-1.9 1.9-.9 1.9-.9-4.7-9.3 4.4-13.4c5.6-2.5 9.2.9 9.2.9s5-6.2 15.9-6.2 16.1 8.1 16.1 8.1.7-.2 1.6-.4V0z'/%3E%3C/svg%3E") !important;
  background-repeat: repeat-x !important;
  background-size: cover !important;
  content: "" !important;
  height: var(--wndb--divider-size) !important;
  left: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 10 !important;
}

.nfd-divider-clouds:after {
  bottom: 0 !important;
  top: auto !important;
  transform: rotate(180deg) !important;
}

.nfd-divider-ellipse {
  --wndb--divider-size: 50px;
}

.nfd-divider-ellipse:before {
  clip-path: ellipse(50% var(--wndb--divider-size) at 50% 0) !important;
}

.nfd-divider-rounded:not([style*="-radius"]) {
  --wndb--divider-size: 50px;
}

.nfd-divider-rounded:before:not([style*="-radius"]) {
  border-bottom-left-radius: var(--wndb--divider-size) !important;
  border-bottom-right-radius: var(--wndb--divider-size) !important;
}

.nfd-divider-slant,
.nfd-divider-slant-invert {
  --wndb--divider-size: 80px;
}

.nfd-divider-slant:before {
  bottom: calc(var(--wndb--divider-size) * -1 + 1px) !important;
  clip-path: polygon(0 0, 100% 0, 0 100%) !important;
}

.nfd-divider-slant-invert:before {
  bottom: calc(var(--wndb--divider-size) * -1 + 1px) !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%) !important;
}

.nfd-divider-triangle {
  --wndb--divider-size: 80px;
}

.nfd-divider-triangle:before {
  bottom: calc(var(--wndb--divider-size) * -1 + 1px) !important;
  clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
}

.nfd-divider-zigzag {
  --wndb--divider-size: 8px;
}

.nfd-divider-zigzag:before {
  -webkit-mask: conic-gradient(
      from -45deg at bottom,
      #0000,
      #000 1deg 89deg,
      #0000 90deg
    )
    50% / calc(var(--wndb--divider-size) * 2) 100% !important;
  mask: conic-gradient(
      from -45deg at bottom,
      #0000,
      #000 1deg 89deg,
      #0000 90deg
    )
    50% / calc(var(--wndb--divider-size) * 2) 100% !important;
}

:where(:root) {
  --wndb--divider-size: 0px;
}

.nfd-grid-cols-1-2-1 {
  grid-template-columns: 1fr 2fr 1fr !important;
}

:where(:root) {
  --wndb--padding-factor: 1;
  --wndb--p: 2.375rem;
  --wndb--p--xs: 0.75rem;
  --wndb--p--sm: 1.5rem;
  --wndb--p--md: 2rem;
  --wndb--p--lg: clamp(3.5rem, 7vw, 6.25rem);
  --wndb--p--square: 2.5rem;
  --wndb--p--square-lg: 4rem;
}

.nfd-p-card-sm:not([style*="padding"]) {
  padding: calc(var(--wndb--p--xs) * var(--wndb--padding-factor))
    calc(var(--wndb--p--sm) * var(--wndb--padding-factor)) !important;
}

.nfd-p-card-md:not([style*="padding"]) {
  padding: calc(var(--wndb--p--sm) * var(--wndb--padding-factor))
    calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important;
}

.nfd-p-card-lg:not([style*="padding"]) {
  padding: calc(var(--wndb--p--md) * var(--wndb--padding-factor))
    calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important;
}

@media screen and (min-width: 782px) {
  .nfd-p-card-lg:not([style*="padding"]) {
    padding: calc(var(--wndb--p--md) * var(--wndb--padding-factor))
      calc(var(--wndb--p--md) * 1.5 * var(--wndb--padding-factor)) !important;
  }
}

.nfd-p-card-square-lg:not([style*="padding"]),
.nfd-p-card-square:not([style*="padding"]) {
  padding: calc(
    var(--wndb--p--square) * var(--wndb--padding-factor)
  ) !important;
}

@media screen and (min-width: 782px) {
  .nfd-p-card-square-lg:not([style*="padding"]) {
    padding: calc(
      var(--wndb--p--square-lg) * var(--wndb--padding-factor)
    ) !important;
  }
}

.nfd-p-xs:not([style*="padding"]) {
  padding: calc(var(--wndb--p--xs) * var(--wndb--padding-factor)) !important;
}

.nfd-py-xs:not([style*="padding"]) {
  padding-block: calc(
    var(--wndb--p--xs) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-pt-xs: not([style*=padding]) {
  padding-block-start: calc(
    var(--wndb--p--xs) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-px-xs:not([style*="padding"]) {
  padding-inline: calc(
    var(--wndb--p--xs) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-p-sm: not([style*=padding]) {
  padding: calc(var(--wndb--p--sm) * var(--wndb--padding-factor)) !important;
}

.nfd-px-sm:not([style*="padding"]) {
  padding-inline: calc(
    var(--wndb--p--sm) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-py-sm: not([style*=padding]) {
  padding-block: calc(
    var(--wndb--p--sm) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-pt-sm:not([style*="padding"]) {
  padding-block-start: calc(
    var(--wndb--p--sm) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-pb-sm: not([style*=padding]) {
  padding-block-end: calc(
    var(--wndb--p--sm) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-pl-sm:not([style*="padding"]) {
  padding-left: calc(
    var(--wndb--p--sm) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-p-md:not([style*="padding"]) {
  padding: calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important;
}

.nfd-px-md:not([style*="padding"]) {
  padding-inline: calc(
    var(--wndb--p--md) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-pb-md: not([style*=padding]),.nfd-pt-md:not([style*=padding]),.nfd-py-md:not([style*=padding]) {
  padding-block: calc(
    var(--wndb--p--md) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-p-lg:not([style*="padding"]) {
  padding: calc(var(--wndb--p--lg) * var(--wndb--padding-factor))
    calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important;
}

.nfd-py-lg:not([style*="padding"]) {
  padding-block: calc(
    var(--wndb--p--lg) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-pt-lg: not([style*=padding]) {
  padding-block-start: calc(
    var(--wndb--p--lg) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-pb-lg:not([style*="padding"]) {
  padding-block-end: calc(
    var(--wndb--p--lg) * var(--wndb--padding-factor)
  ) !important;
}

.nfd-pl-offset-md: not([style*=padding]) {
  margin-left: calc(
    var(--wndb--p--md) * var(--wndb--padding-factor) * -1
  ) !important;
  padding-left: calc(
    var(--wndb--p--md) * var(--wndb--padding-factor) - 3px
  ) !important;
}

.editor-styles-wrapper .nfd-overlap-x,
.nfd-overlap-x {
  gap: 0;
}

.nfd-overlap-x > :not(:first-child) {
  margin-inline-start: -1.275rem !important;
}

@media (min-width: 768px) {
  .-nfd-translate-y-1\/2 {
    transform: translateY(-50%) !important;
  }
}

.nfd-pseudo-play-icon {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  position: relative !important;
}

.nfd-pseudo-play-icon > a {
  inset: 0 !important;
  position: absolute !important;
}

:not(.is-root-container) .nfd-pseudo-play-icon > a {
  text-indent: -9999px !important;
}

.nfd-pseudo-play-icon:before {
  -webkit-backdrop-filter: blur(3px) !important;
  backdrop-filter: blur(3px) !important;
  background: hsla(0, 0%, 100%, 0.1) !important;
  border-radius: 100% !important;
  content: "" !important;
  height: 3rem !important;
  left: 50% !important;
  opacity: 1 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  transition: all 0.2s ease !important;
  width: 3rem !important;
}

.nfd-pseudo-play-icon:has(a:hover):before {
  background: hsla(0, 0%, 100%, 0.3) !important;
  height: 4rem !important;
  width: 4rem !important;
}

.nfd-pseudo-play-icon:after {
  border-style: solid !important;
  border-bottom: 10px solid transparent !important;
  border-left: 16px solid !important;
  border-right: 0 !important;
  border-top: 10px solid transparent !important;
  content: "" !important;
  height: 16px !important;
  height: 0 !important;
  left: 50% !important;
  margin-left: 2px !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 16px !important;
  width: 0 !important;
}

.entry-content
  > .wp-block-group.has-background
  + .wp-block-group.has-background:not([style*="margin-top"]),
.entry-content
  > .wp-block-group.has-background
  + [class*="nfd-theme-"]:not([style*="margin-top"]),
.entry-content
  > [class*="nfd-theme-"]
  + .wp-block-group.has-background:not([style*="margin-top"]),
.entry-content
  > [class*="nfd-theme-"]
  + [class*="nfd-theme-"]:not([style*="margin-top"]) {
  margin-block-start: 0 !important;
}

:where(:root) {
  --wndb--gap--scale-factor: 1;
  --wndb--gap--xs: 0.25rem;
  --wndb--gap--sm: 0.5rem;
  --wndb--gap--md: 1rem;
  --wndb--gap--lg: 1.5rem;
  --wndb--gap--xl: 2rem;
  --wndb--gap--2xl: 2.5rem;
  --wndb--gap--3xl: 3.5rem;
  --wndb--gap--4xl: 6rem;
}

.editor-styles-wrapper .nfd-gap-0,
.nfd-gap-0 {
  gap: 0;
}

.editor-styles-wrapper .nfd-gap-xs,
.nfd-gap-xs {
  gap: calc(var(--wndb--gap--xs) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-sm,
.nfd-gap-sm {
  gap: calc(var(--wndb--gap--sm) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-md,
.nfd-gap-md {
  gap: calc(var(--wndb--gap--md) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-lg,
.nfd-gap-lg {
  gap: calc(var(--wndb--gap--lg) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-xl,
.nfd-gap-xl {
  gap: calc(var(--wndb--gap--xl) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-2xl,
.nfd-gap-2xl {
  gap: calc(var(--wndb--gap--2xl) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-3xl,
.nfd-gap-3xl {
  gap: calc(var(--wndb--gap--3xl) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-4xl,
.nfd-gap-4xl {
  gap: calc(var(--wndb--gap--4xl) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-x-4xl,
.nfd-gap-x-4xl {
  -moz-column-gap: calc(var(--wndb--gap--4xl) * var(--wndb--gap--scale-factor));
  column-gap: calc(var(--wndb--gap--4xl) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-x-lg,
.nfd-gap-x-lg {
  -moz-column-gap: calc(var(--wndb--gap--lg) * var(--wndb--gap--scale-factor));
  column-gap: calc(var(--wndb--gap--lg) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-y-lg,
.nfd-gap-y-lg {
  row-gap: calc(var(--wndb--gap--lg) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-y-xl,
.nfd-gap-y-xl {
  row-gap: calc(var(--wndb--gap--xl) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-y-2xl,
.nfd-gap-y-2xl {
  row-gap: calc(var(--wndb--gap--2xl) * var(--wndb--gap--scale-factor));
}

.editor-styles-wrapper .nfd-gap-y-3xl,
.nfd-gap-y-3xl {
  row-gap: calc(var(--wndb--gap--3xl) * var(--wndb--gap--scale-factor));
}

.nfd-border-2 {
  border-bottom-width: 2px !important;
}

.nfd-border-strong {
  border-color: var(--wndb-color--borders-strong) !important;
}

:where(:root) {
  --wndb--button--outline-width: 0px;
  --wndb--button-sm--font-size: 1rem;
  --wndb--button-lg-x: 2rem;
  --wndb--button-lg-y: 0.75rem;
  --wndb--button-lg--font-size: 1.125rem;
  --wndb--button-xl-x: 3rem;
  --wndb--button-xl-y: 1rem;
  --wndb--button-xl--font-size: 1.125rem;
}

[class*="nfd-btn"].is-style-outline {
  --wndb--button--outline-width: 2px;
}

[class*="nfd-btn"] > .wp-block-button__link:not([style*="padding"]) {
  padding: calc(0.625rem - var(--wndb--button--outline-width))
    calc(1.125rem - var(--wndb--button--outline-width)) !important;
}

.nfd-btn-sm > .wp-block-button__link:not([style*="padding"]) {
  padding: calc(0.375rem - var(--wndb--button--outline-width))
    calc(1rem - var(--wndb--button--outline-width)) !important;
}

.nfd-btn-sm:not(.has-custom-font-size)
  > .wp-block-button__link:not([style*="font-size"]) {
  font-size: var(--wndb--button-sm--font-size) !important;
}

.nfd-btn-lg > .wp-block-button__link:not([style*="padding"]) {
  padding: calc(var(--wndb--button-lg-y) - var(--wndb--button--outline-width))
    var(--wndb--button-lg-x) !important;
}

.nfd-btn-lg:not(.has-custom-font-size)
  > .wp-block-button__link:not([style*="font-size"]) {
  font-size: var(--wndb--button-lg--font-size) !important;
}

.nfd-btn-lg:not([style*="font-weight"]) > .wp-block-button__link {
  font-weight: 600 !important;
}

.nfd-btn-xl > .wp-block-button__link:not([style*="padding"]) {
  padding: calc(var(--wndb--button-xl-y) - var(--wndb--button--outline-width))
    var(--wndb--button-xl-x) !important;
}

.nfd-btn-xl:not(.has-custom-font-size)
  > .wp-block-button__link:not([style*="font-size"]) {
  font-size: var(--wndb--button-xl--font-size) !important;
}

.nfd-btn-xl:not([style*="font-weight"]) > .wp-block-button__link {
  font-weight: 600 !important;
}

.nfd-btn-wide > .wp-block-button__link:not([style*="padding"]) {
  padding: calc(0.625rem - var(--wndb--button--outline-width))
    calc(2rem - var(--wndb--button--outline-width)) !important;
}

[class*="nfd-btn"]:is(.is-style-outline)
  > .wp-block-button__link:not(.has-text-color) {
  color: var(--wndb--color--text--contrast) !important;
}

.nfd-btn:is(.is-style-outline)
  > .wp-block-button__link:not(.has-text-color):hover {
  --wndb--color--text--contrast: var(--wndb-gray-900);
  border-color: var(--wndb-white) !important;
}

[class*="nfd-button"] > .wp-block-button__link:not(.has-background):hover {
  filter: brightness(0.8) !important;
}

.nfd-theme-primary
  [class*="nfd-btn"]:not(.is-style-outline):not(.nfd-btn-secondary):not(
    .nfd-btn-tertiary
  )
  > .wp-block-button__link:not(.has-background) {
  background-color: var(--wndb-gray-800) !important;
}

.nfd-theme-primary
  [class*="nfd-btn"]:not(.is-style-outline):not(.nfd-btn-secondary):not(
    .nfd-btn-tertiary
  )
  > .wp-block-button__link:not(.has-background):hover {
  background-color: var(--wndb-gray-900) !important;
}

.nfd-theme-primary
  [class*="nfd-btn"]:is(.is-style-outline):not(.nfd-btn-secondary):not(
    .nfd-btn-tertiary
  )
  > .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
  background-color: var(--wndb-white) !important;
  border-color: var(--wndb-white) !important;
  color: var(--wndb-gray-900) !important;
}

.nfd-btn-secondary:is(.is-style-outline)
  > .wp-block-button__link:not(.has-text-color):hover {
  --wndb--color--text--contrast: var(--wndb-gray-900);
  border-color: var(--wndb-white) !important;
}

.nfd-btn-secondary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-text-color) {
  color: var(--wndb-white) !important;
}

.nfd-btn-secondary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-background) {
  background-color: var(--wndb-gray-800) !important;
}

.nfd-btn-secondary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-background):hover {
  background-color: var(--wndb-gray-900) !important;
}

.nfd-theme-dark
  .nfd-btn-secondary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-background),
.nfd-theme-darker
  .nfd-btn-secondary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-background) {
  background-color: var(--wndb-white) !important;
}

.nfd-theme-dark
  .nfd-btn-secondary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-text-color),
.nfd-theme-darker
  .nfd-btn-secondary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-text-color) {
  color: var(--wndb-gray-900) !important;
}

.nfd-theme-dark
  .nfd-btn-secondary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-background):hover,
.nfd-theme-darker
  .nfd-btn-secondary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-background):hover {
  background-color: var(--wndb-white) !important;
  color: var(--wndb-gray-900) !important;
  filter: brightness(0.8) !important;
}

.nfd-btn-tertiary:is(.is-style-outline)
  > .wp-block-button__link:not(.has-text-color):hover {
  --wndb--color--text--contrast: var(--wndb-gray-900);
}

.nfd-btn-tertiary:is(.is-style-outline)
  > .wp-block-button__link:not([class*="-border-color"]) {
  border-color: var(--wndb--color--subtle) !important;
}

.nfd-btn-tertiary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-text-color) {
  color: var(--wndb--color--text--contrast) !important;
}

.nfd-btn-tertiary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-background) {
  background-color: var(--wndb--color--borders) !important;
}

.nfd-btn-tertiary:not(.is-style-outline)
  > .wp-block-button__link:not(.has-background):hover {
  --wndb--color--borders: var(--wndb--color--subtle);
}

:where(:root) {
  --wndb--shadow--xs: 0 1px 2px 0 rgba(18, 18, 23, 0.065);
  --wndb--shadow--sm: 0 1px 3px 0 rgba(18, 18, 23, 0.1),
    0 1px 2px 0 rgba(18, 18, 23, 0.06);
}

.nfd-shadow-xs:not([style*="box-shadow"]) {
  box-shadow: var(--wndb--shadow--xs) !important;
}

.nfd-shadow-sm:not([style*="box-shadow"]) {
  box-shadow: var(--wndb--shadow--sm) !important;
}

.nfd-bg-subtle.nfd-shadow-xs:not([style*="box-shadow"]),
.nfd-theme-light .nfd-shadow-xs:not([style*="box-shadow"]) {
  --wndb--shadow--xs: none;
}

:where(:root) {
  --wndb--rounded--scale-factor: 1;
  --wndb--border--radius--sm: 0.25rem;
  --wndb--border--radius--md: 0.5rem;
  --wndb--border--radius--lg: 0.75rem;
  --wndb--border--radius--xl: 1rem;
}

[class*="nfd-rounded"]:not([style*="-radius"]),
[class*="nfd-rounded"]:not([style*="-radius"])
  > .components-resizable-box__container
  > img:not([style*="-radius"]),
[class*="nfd-rounded"]:not([style*="-radius"])
  > .wp-element-button:not([style*="-radius"]),
[class*="nfd-rounded"]:not([style*="-radius"]) > a > img,
[class*="nfd-rounded"]:not([style*="-radius"]) > img {
  border-radius: calc(
    var(--wndb--border--radius) * var(--wndb--rounded--scale-factor)
  ) !important;
}

[class*="nfd-rounded-t-"]:not([style*="-radius"]),
[class*="nfd-rounded-t-"]:not([style*="-radius"])
  > .components-resizable-box__container
  > img:not([style*="-radius"]),
[class*="nfd-rounded-t-"]:not([style*="-radius"])
  > .wp-element-button:not([style*="-radius"]),
[class*="nfd-rounded-t-"]:not([style*="-radius"]) > a > img,
[class*="nfd-rounded-t-"]:not([style*="-radius"]) > img {
  border-radius: calc(
      var(--wndb--border--radius) * var(--wndb--rounded--scale-factor)
    )
    calc(var(--wndb--border--radius) * var(--wndb--rounded--scale-factor)) 0 0 !important;
}

.nfd-overflow-hidden.nfd-rounded-xl iframe:not([style*="-radius"]) {
  border-radius: calc(
    var(--wndb--border--radius--md) * var(--wndb--rounded--scale-factor)
  ) !important;
}

.nfd-rounded-none:not([style*="-radius"]) {
  --wndb--border--radius: 0;
}

.nfd-rounded-sm:not([style*="-radius"]) {
  --wndb--border--radius: var(--wndb--border--radius--sm);
}

.nfd-rounded,
.nfd-rounded-md,
.nfd-rounded-t-md:not([style*="-radius"]) {
  --wndb--border--radius: var(--wndb--border--radius--md);
}

.nfd-rounded-lg,
.nfd-rounded-t-lg:not([style*="-radius"]) {
  --wndb--border--radius: var(--wndb--border--radius--lg);
}

.nfd-rounded-t-xl:not([style*="-radius"]),
.nfd-rounded-xl {
  --wndb--border--radius: var(--wndb--border--radius--xl);
}

.nfd-rounded-full:not([style*="-radius"]) {
  --wndb--border--radius: 9999px;
}

:where(:root) {
  --wndb-gray: #6c6c89;
  --wndb-gray-50: #f7f7f8;
  --wndb-gray-100: #ebebef;
  --wndb-gray-150: #e5e5e9;
  --wndb-gray-200: #d1d1db;
  --wndb-gray-300: #a9a9bc;
  --wndb-gray-400: #8a8aa3;
  --wndb-gray-500: #6c6c89;
  --wndb-gray-600: #55556d;
  --wndb-gray-700: #3f3f50;
  --wndb-gray-800: #1d1d22;
  --wndb-gray-900: #121217;
  --wndb-white: #fff;
  --wndb-white-50: hsla(0, 0%, 100%, 0.05);
  --wndb-white-100: hsla(0, 0%, 100%, 0.1);
  --wndb-white-150: hsla(0, 0%, 100%, 0.15);
  --wndb-white-200: hsla(0, 0%, 100%, 0.2);
  --wndb-white-300: hsla(0, 0%, 100%, 0.3);
  --wndb-white-400: hsla(0, 0%, 100%, 0.4);
  --wndb-white-500: hsla(0, 0%, 100%, 0.5);
  --wndb-white-600: hsla(0, 0%, 100%, 0.6);
  --wndb-white-700: hsla(0, 0%, 100%, 0.7);
  --wndb-white-800: hsla(0, 0%, 100%, 0.8);
  --wndb-white-900: hsla(0, 0%, 100%, 0.9);
  --wndb--color--primary: #00f;
  --wndb--color--secondary: #00f;
  --wndb--color--surface: var(--wndb-gray-50);
  --wndb--color--text: var(--wndb-gray-800);
  --wndb--color--text--contrast: var(--wndb-gray-900);
  --wndb--color--text--faded: var(--wndb-gray-600);
  --wndb--color--borders: var(--wndb-gray-150);
  --wndb--color--borders-light: var(--wndb-gray-100);
  --wndb--color--borders-strong: var(--wndb--color--text--faded);
  --wndb--color--subtle: var(--wndb-gray-200);
  --wndb--color--links: var(--wndb--color--primary);
  --wndb--color--body: var(--wndb--color--surface);
}

.is-style-nfd-theme-white,
.nfd-theme-white:not([class*="is-style-nfd-theme"]) {
  --wndb--color--borders: var(--wndb-gray-150);
  --wndb--color--borders-light: var(--wndb-gray-100);
  --wndb--color--links: var(--wndb--color--primary);
  --wndb--color--subtle: var(--wndb-gray-200);
  --wndb--color--surface: var(--wndb-white);
  --wndb--color--text--contrast: var(--wndb-gray-900);
  --wndb--color--text--faded: var(--wndb-gray-700);
  --wndb--color--text: var(--wndb-gray-800);
}

.is-style-nfd-theme-light,
.nfd-theme-light:not([class*="is-style-nfd-theme"]) {
  --wndb--color--borders: var(--wndb-gray-150);
  --wndb--color--borders-light: var(--wndb-gray-150);
  --wndb--color--links: var(--wndb--color--primary);
  --wndb--color--subtle: var(--wndb-gray-200);
  --wndb--color--surface: var(--wndb-gray-50);
  --wndb--color--text--contrast: var(--wndb-gray-900);
  --wndb--color--text--faded: var(--wndb-gray-700);
  --wndb--color--text: var(--wndb-gray-800);
}

.is-style-nfd-theme-dark,
.nfd-theme-dark:not([class*="is-style-nfd-theme"]) {
  --wndb--color--borders: var(--wndb-white-100);
  --wndb--color--borders-light: var(--wndb--color--borders);
  --wndb--color--subtle: var(--wndb-white-200);
  --wndb--color--surface: var(--wndb-gray-800);
  --wndb--color--text--contrast: var(--wndb-white);
  --wndb--color--text--faded: var(--wndb-white-800);
  --wndb--color--text: var(--wndb-white);
  --wndb--shadow--sm: none;
  --wndb--shadow--xs: none;
  --wndb-mask-color: hsla(0, 0%, 100%, 0.12);
}

.is-style-nfd-theme-darker,
.nfd-theme-darker:not([class*="is-style-nfd-theme"]) {
  --wndb--color--borders: var(--wndb-white-100);
  --wndb--color--borders-light: var(--wndb--color--borders);
  --wndb--color--subtle: var(--wndb-white-200);
  --wndb--color--surface: var(--wndb-gray-900);
  --wndb--color--text--contrast: var(--wndb-white);
  --wndb--color--text--faded: var(--wndb-white-800);
  --wndb--color--text: var(--wndb-white);
  --wndb--shadow--sm: none;
  --wndb--shadow--xs: none;
  --wndb-mask-color: hsla(0, 0%, 100%, 0.12);
}

.is-style-nfd-theme-primary,
.nfd-theme-primary:not([class*="is-style-nfd-theme"]) {
  --wndb--color--borders: var(--wndb-white-100);
  --wndb--color--borders-light: var(--wndb--color--borders);
  --wndb--color--subtle: var(--wndb-white-200);
  --wndb--color--surface: var(--wndb--color--primary);
  --wndb--color--text--contrast: var(--wndb-white);
  --wndb--color--text--faded: var(--wndb-white-900);
  --wndb--color--text: var(--wndb-white);
  --wndb--shadow--sm: none;
  --wndb--shadow--xs: none;
  --wndb-mask-color: hsla(0, 0%, 100%, 0.12);
}

.nfd-bg-surface:not(.has-background),
[class*="is-style-nfd-theme"]:not(.has-background) {
  background-color: var(--wndb--color--surface) !important;
}

.nfd-bg-surface:not(.has-link-color) a,
.nfd-bg-surface:not(.has-text-color),
[class*="is-style-nfd-theme"]:not(.has-link-color) a,
[class*="is-style-nfd-theme"]:not(.has-text-color) {
  color: var(--wndb--color--text) !important;
}

.nfd-text-faded
  p:not(.has-text-color):not(.has-link-color):not(.has-background):not(
    .nfd-text-primary
  ),
.nfd-text-faded time:not(.has-text-color):not(.has-background),
.nfd-text-faded
  > a:not(.has-text-color):not(.has-link-color):not(.has-background),
ol.nfd-text-faded:not(.has-text-color):not(.has-link-color):not(
    .has-background
  ):not(.nfd-text-primary),
p.nfd-text-faded:not(.has-text-color):not(.has-link-color):not(.has-background),
ul.nfd-text-faded:not(.has-text-color):not(.has-link-color):not(
    .has-background
  ):not(.nfd-text-primary) {
  color: var(--wndb--color--text--faded) !important;
}

.editor-styles-wrapper div .nfd-text-contrast:where(:not(.has-text-color)),
.editor-styles-wrapper
  div
  :where(.nfd-text-contrast:not(.has-text-color):not(.wp-element-button))
  a:where(:not(:hover)),
.wp-site-blocks .nfd-text-contrast:where(:not(.has-text-color)),
.wp-site-blocks
  .nfd-text-contrast:where(:not(.has-text-color))
  a:where(:not(:hover)) {
  color: var(--wndb--color--text--contrast);
}

.nfd-bg-surface
  [style*="border"]:not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  ):not(.nfd-border-strong),
.nfd-bg-surface
  [style*="border"]:not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  )
  > img:not(.has-border-color):not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  ),
.nfd-bg-surface
  [style*="border"]:not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  )
  > img:not(.has-border-color):not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  )
  > .components-resizable-box__container
  > img:not([class*="border-color"]):not([style*="border-top-color"]):not(
    [style*="border-right-color"]
  ):not([style*="border-bottom-color"]):not([style*="border-left-color"]),
.nfd-bg-surface:not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  ):not(.has-border-color):not(.nfd-border-strong),
[class*="is-style-nfd-theme"]
  [style*="border"]:not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  ):not(.nfd-border-strong),
[class*="is-style-nfd-theme"]
  [style*="border"]:not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  )
  > img:not(.has-border-color):not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  ),
[class*="is-style-nfd-theme"]
  [style*="border"]:not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  )
  > img:not(.has-border-color):not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  )
  > .components-resizable-box__container
  > img:not([class*="border-color"]):not([style*="border-top-color"]):not(
    [style*="border-right-color"]
  ):not([style*="border-bottom-color"]):not([style*="border-left-color"]),
[class*="is-style-nfd-theme"]:not([class*="border-color"]):not(
    [style*="border-top-color"]
  ):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not(
    [style*="border-left-color"]
  ):not(.has-border-color):not(.nfd-border-strong) {
  border-color: var(--wndb--color--borders) !important;
}

[class*="is-style-nfd-theme"]
  .wp-block-separator:not(.has-background):not(.has-text-color):not(
    .nfd-border-strong
  )
  .nfd-bg-surface
  .wp-block-separator:not(.has-background):not(.has-text-color):not(
    .nfd-border-strong
  ) {
  border-bottom-color: var(--wndb--color--borders) !important;
}

.nfd-bg-surface
  .wp-block-separator:not(.has-background):not(.has-text-color):not(
    .nfd-border-2
  ),
[class*="is-style-nfd-theme"]
  .wp-block-separator:not(.has-background):not(.has-text-color):not(
    .nfd-border-2
  ) {
  border-width: 2px 0 0 !important;
}

.nfd-border-bg {
  --wndb--color--borders: var(--wndb--color--surface);
}

.nfd-border-primary {
  --wndb--color--borders: var(--wndb--color--primary);
}

.nfd-border-inherit {
  --wndb--color--borders: inherit;
}

.nfd-bg-accent:not(.has-background),
.nfd-bg-primary:not(.has-background),
.wp-block-cover.nfd-bg-accent
  > .wp-block-cover__background:not([class*="background-color"]),
.wp-block-cover.nfd-bg-primary
  > .wp-block-cover__background:not([class*="background-color"]) {
  background-color: var(--wndb--color--primary) !important;
}

.nfd-bg-accent:not(.has-text-color),
.nfd-bg-primary:not(.has-text-color) {
  color: var(--wndb--color--white) !important;
}

.nfd-bg-subtle:not(.has-background):not(.wp-block-button),
.nfd-bg-subtle:not(.has-background)
  > .wp-block-button__link:not(.has-background) {
  background-color: var(--wndb--color--borders-light) !important;
  color: var(--wndb--color--text--contrast) !important;
}

.nfd-text-primary:not(.has-text-color),
.wp-block-button.wndb-text-primary > a:not(.has-text-color) {
  color: var(--wndb--color--primary) !important;
}

.nfd-text-secondary:not(.has-text-color),
.wp-block-button.wndb-text-secondary > a:not(.has-text-color) {
  color: var(--wndb--color--secondary) !important;
}

[class*="nfd-theme-primary"] .nfd-text-primary:not(.has-text-color),
[class*="nfd-theme-primary"] .nfd-text-secondary:not(.has-text-color),
[class*="nfd-theme-primary"]
  .wp-block-button.wndb-text-primary
  > a:not(.has-text-color),
[class*="nfd-theme-secondary"]
  .wp-block-button.wndb-text-secondary
  > a:not(.has-text-color) {
  color: var(--wndb--color--contrast) !important;
}

[class*="nfd-theme-dark"] .nfd-text-primary:not(.has-text-color),
[class*="nfd-theme-darker"] .nfd-text-primary:not(.has-text-color) {
  color: var(--wndb--color--secondary) !important;
}

.nfd-text-subtle:not(.has-text-color) {
  color: var(--wndb--color--subtle) !important;
}

.editor-styles-wrapper div .nfd-text-current:where(:not(.has-text-color)),
.editor-styles-wrapper
  div
  :where(.nfd-text-current:not(.has-text-color):not(.wp-element-button))
  a:where(:not(:hover)),
.wp-site-blocks .nfd-text-current:where(:not(.has-text-color)),
.wp-site-blocks
  .nfd-text-current:where(:not(.has-text-color))
  a:where(:not(:hover)) {
  color: currentColor;
}

[class*="nfd-theme-"]
  .wp-block-social-links.is-style-logos-only:not(.has-icon-color)
  .wp-block-social-link {
  color: var(--wndb--color--text--faded) !important;
  fill: var(--wndb--color--text--faded) !important;
}

[class*="nfd-theme-"]
  .wp-block-social-links.is-style-logos-only:not(.has-icon-color)
  .wp-block-social-link:hover {
  color: var(--wndb--color--text) !important;
  fill: var(--wndb--color--text) !important;
}

.nfd-container.is-position-sticky:not([class*="nfd-bg-surface"]):not(
    [class*="is-style-nfd-"]
  ):not(.has-background) {
  background-color: var(--wndb--color--body) !important;
}

.nfd-container .has-secondary-color {
  color: var(--wndb--color--secondary) !important;
}

.nfd-bg-gray-100:not(.has-background),
.nfd-bg-gray-800:not(.has-background) {
  background-color: var(--wndb--color--surface) !important;
}

.nfd-bg-gray-100:not(.has-text-color),
.nfd-bg-gray-800:not(.has-text-color) {
  color: var(--wndb--color--text) !important;
}

.nfd-bg-gray-800 {
  --wndb--color--surface: var(--wndb-gray-800);
  --wndb--color--text: var(--wndb-white);
  --wndb--color--borders: var(--wndb-white-100);
  --wndb--color--text--faded: var(--wndb-white-700);
}

.nfd-bg-gray-100 {
  --wndb--color--surface: var(--wndb-gray-50);
  --wndb--color--text: var(--wndb-gray-700);
  --wndb--color--borders: var(--wndb-gray-100);
}

.nfd-text-opacity-80
  p:not(.has-text-color):not(.has-link-color):not(.has-background),
.nfd-text-opacity-80 time:not(.has-text-color):not(.has-background),
p.nfd-text-opacity-80:not(.has-text-color):not(.has-link-color):not(
    .has-background
  ) {
  opacity: 0.8 !important;
}

:where(:root) {
  --wndb--slider-height: 100lvh;
}

.nfd-scroll-slider-horizontal,
.nfd-scroll-slider-vertical {
  flex-wrap: nowrap !important;
  height: var(--wndb--slider-height) !important;
  overflow-y: auto !important;
  scroll-snap-type: y mandatory !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.nfd-scroll-slider-horizontal::-webkit-scrollbar,
.nfd-scroll-slider-vertical::-webkit-scrollbar {
  display: none !important;
}

.nfd-scroll-slider-vertical {
  height: 100vh !important;
  overflow-y: auto !important;
  scroll-snap-type: y mandatory !important;
}

.nfd-scroll-slider-vertical > * {
  scroll-snap-align: start !important;
  width: 100% !important;
}

.nfd-scroll-slider-horizontal {
  flex-direction: row !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
}

.nfd-scroll-slider-horizontal > * {
  flex-shrink: 0 !important;
  scroll-snap-align: start !important;
}

.nfd-scroll-slider-horizontal > .wp-block-cover {
  width: 100vw !important;
}

.nfd-container.alignfull .nfd-scroll-slider-horizontal {
  --half-container: calc(50vw - var(--wndb--container) / 2);
  padding-left: var(--half-container) !important;
  padding-right: var(--half-container) !important;
  scroll-padding: var(--half-container) !important;
}

.nfd-scroll-slider-horizontal.nfd-scroll-slider-animate
  > .wp-block-cover:first-child {
  animation: scroll-slider-slide 1s ease 1s forwards;
}

@keyframes scroll-slider-slide {
  0% {
    margin-left: 0;
  }

  to {
    margin-left: -100vw;
  }
}

.block-editor-block-preview__content-iframe .is-root-container {
  min-height: 8rem !important;
}

.block-editor-block-preview__content-iframe
  figure:has([style*="aspect-ratio: 16 / 9"]) {
  width: 100% !important;
}

.block-editor-block-preview__content-iframe [style*="min-height: 100vh"],
.block-editor-block-preview__content-iframe [style*="min-height:100vh"] {
  min-height: 800px !important;
}

.block-editor-block-preview__content-iframe [style*="min-height: 70vh"],
.block-editor-block-preview__content-iframe [style*="min-height:70vh"] {
  min-height: 560px !important;
}

.block-editor-block-preview__content-iframe [style*="min-height: 60vh"],
.block-editor-block-preview__content-iframe [style*="min-height:60vh"] {
  min-height: 480px !important;
}

.block-editor-block-preview__content-iframe [style*="min-height: 50vh"],
.block-editor-block-preview__content-iframe [style*="min-height:50vh"] {
  min-height: 400px !important;
}

.block-editor-block-preview__content-iframe [style*="min-height: 40vh"],
.block-editor-block-preview__content-iframe [style*="min-height:40vh"] {
  min-height: 320px !important;
}

.block-editor-block-preview__content-iframe [style*="min-height: 35vh"],
.block-editor-block-preview__content-iframe [style*="min-height:35vh"] {
  min-height: 280px !important;
}

.block-editor-block-preview__content-iframe [style*="min-height: 30vh"],
.block-editor-block-preview__content-iframe [style*="min-height:30vh"] {
  min-height: 240px !important;
}

.block-editor-block-preview__content-iframe [style*="min-height: 10vh"],
.block-editor-block-preview__content-iframe [style*="min-height:10vh"] {
  min-height: 80px !important;
}

.block-editor-block-preview__content-iframe [style*="min-height: 5vh"],
.block-editor-block-preview__content-iframe [style*="min-height:5vh"] {
  min-height: 40px !important;
}

.nfd-wba-modal * {
  box-sizing: border-box !important;
}

.block-editor-block-preview__content-iframe .nfd-wb-animate {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.block-editor-block-preview__content-iframe
  .block-editor-warning:not(.wp-block-missing .block-editor-warning) {
  display: none !important;
}

.block-editor-block-preview__content-iframe
  .is-root-container
  > .nfd-container:not([class*="nfd-p-"]):not([class*="nfd-py-"]):not(
    [class*="nfd-pt-"]
  ):not([class*="nfd-pb-"]):not([style*="padding"]) {
  padding-block: var(--wndb--p) !important;
}

.block-editor-block-preview__content-iframe [class*=nfd-rounded]: not([style*=-radius])>div>img:not([style*=-radius]) {
  border-radius: calc(
    var(--wndb--border--radius) * var(--wndb--rounded--scale-factor)
  ) !important;
}

ol.nfd-gap-sm:not(.is-layout-flex) li:not(:last-child),
ul.nfd-gap-sm:not(.is-layout-flex) li:not(:last-child) {
  margin-bottom: 0.5em !important;
}

ol.nfd-gap-md:not(.is-layout-flex) li:not(:last-child),
ul.nfd-gap-md:not(.is-layout-flex) li:not(:last-child) {
  margin-bottom: 1em !important;
}

ul.nfd-list-check {
  list-style-type: none !important;
  padding-inline-start: 1em !important;
}

ul.nfd-list-check li:before {
  content: "✓";
  display: inline-block;
  margin-inline-end: 8px;
}

[class*="nfd-query-loop-"] :where(.wp-block-post-author__avatar img) {
  border-radius: 999px;
  display: block;
}

[class*="nfd-query-loop-"] :where(.avatar-48) {
  height: 36px !important;
  width: 36px !important;
}

[class*="nfd-query-loop-"] :where(.wp-block-post-author__content) {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
}

[class*="nfd-query-loop-"] .wp-block-post-author__avatar {
  margin-right: 12px !important;
}

.nfd-query-loop-1 :where(.wp-block-cover) {
  aspect-ratio: 2/1.1;
}

.nfd-query-loop-1 :where(.wp-block-post-author__content) {
  align-items: center !important;
  flex-direction: row !important;
}

.nfd-query-loop-1 :where(.wp-block-post-author__byline) {
  font-size: 1em !important;
  opacity: 0.8 !important;
}

[class*="nfd-query-loop-"] :where(.wp-block-categories) {
  display: flex;
  gap: 8px;
  list-style: none;
  padding: 0;
}

[class*="nfd-query-loop-"] :where(.wp-block-categories a) {
  color: inherit !important;
}

.nfd-query-loop-2 .wp-block-cover__background {
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent 25%,
    #000 75%
  ) !important;
  mask-image: linear-gradient(180deg, transparent 25%, #000 75%) !important;
}

.nfd-query-loop-3 :where(.wp-block-post-author__name) {
  display: none !important;
}

.nfd-form-items-grow > div:not(.wp-block-jetpack-button) {
  flex-grow: 1 !important;
}

.nfd-jp-form.nfd-text-center .consent {
  text-align: center !important;
}

.nfd-jp-form .contact-form-submission .go-back-message .link {
  color: currentColor !important;
  text-decoration: underline !important;
}

.nfd-jp-form .contact-form-submission .go-back-message {
  margin-top: 0 !important;
}

.nfd-jp-form .contact-form-submission {
  border-color: currentColor !important;
  padding: calc(var(--wndb--p--md) * 0.5) 0 !important;
}

.nfd-jp-form textarea {
  resize: vertical !important;
}

.nfd-jp-form .wp-block-button__link {
  padding-block-end: 10px !important;
  padding-block-start: 10px !important;
}

.nfd-jp-form .consent,
.nfd-jp-form
  .jetpack-field-checkbox
  .jetpack-field-label
  .jetpack-field-label__input,
.nfd-jp-form
  .jetpack-field-consent
  .jetpack-field-label
  .jetpack-field-label__input {
  font-size: 0.875rem !important;
  line-height: 1.5em !important;
  text-transform: none !important;
  text-wrap: balance !important;
}

.nfd-jp-form input[type="checkbox"] {
  padding: 0 !important;
}

.nfd-mask-fade-to-b > .wp-block-cover__background {
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent 50%,
    #000 120%
  ) !important;
  mask-image: linear-gradient(180deg, transparent 50%, #000 120%) !important;
}

.nfd-mask-radial-center > .wp-block-cover__background {
  -webkit-mask-image: radial-gradient(
    circle,
    transparent -40%,
    rgba(0, 0, 0, 0.9) 58%
  ) !important;
  mask-image: radial-gradient(
    circle,
    transparent -40%,
    rgba(0, 0, 0, 0.9) 58%
  ) !important;
}

p[style*="text-decoration"] > a {
  color: inherit !important;
  text-decoration: inherit !important;
}

.is-style-dots.nfd-text-left:before {
  padding-left: 0 !important;
}

.nfd-h-full,
.nfd-h-full > .components-resizable-box__container > img,
.nfd-h-full > img {
  height: 100% !important;
}

.nfd-w-full,
.nfd-w-full > .components-resizable-box__container > img,
.nfd-w-full > img {
  width: 100% !important;
}

.nfd-backdrop-blur-sm {
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
}

.nfd-backdrop-blur-md {
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}

:not(.editor-styles-wrapper) header:has(.nfd-absolute-header) {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
}

.nfd-absolute-header:not([style*="margin"]) {
  margin: 0 !important;
}

:not(.editor-styles-wrapper)
  .nfd-absolute-header:not([style*="padding"]):not([class*="nfd-px-"]):not(
    [style*="padding"]
  ) {
  padding-inline: var(--wndb--p) !important;
}

: is([style*="min-height:100vh"]) {
  min-height: calc(100vh - var(--wp-admin--admin-bar--height)) !important;
}

@supports (height: 100dvh) {
  :is([style*="height:100vh"]) {
    min-height: calc(
      100dvh - var(--wp-admin--admin-bar--height, 0px)
    ) !important;
  }
}

.nfd-wk-search .wp-block-search__input {
  font-size: inherit !important;
  min-height: 50px !important;
  padding: 8px 16px !important;
}

:where(.wp-block-search__input) {
  border-radius: var(--wndb--border--radius--sm) !important;
}

.nfd-stretch-cover-child,
.nfd-stretch-cover-child .wp-block-cover__inner-container {
  display: flex !important;
  flex-direction: column !important;
}

.nfd-stretch-cover-child .wp-block-cover__inner-container,
.nfd-stretch-cover-child
  .wp-block-cover__inner-container
  > .nfd-pseudo-play-icon,
.nfd-stretch-cover-child .wp-block-cover__inner-container > .wp-block-group {
  align-items: inherit !important;
  flex-grow: 1 !important;
  justify-content: inherit !important;
}

.nfd-stretch-cover-child .wp-block-cover__inner-container > .wp-block-group,
.nfd-stretch-cover-child .wp-block-cover__inner-container > p {
  width: 100% !important;
}

.nfd-container summary {
  line-height: 1.5 !important;
  padding-right: 32px !important;
  position: relative !important;
}

.nfd-container summary::marker {
  content: none !important;
}

.nfd-container summary:before {
  align-items: center !important;
  background-color: var(--wndb--color--borders) !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1wbHVzIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik01IDEyaDE0TTEyIDV2MTQiLz48L3N2Zz4=") !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: 13px !important;
  border-radius: 999px !important;
  content: "" !important;
  display: flex !important;
  height: 1em !important;
  justify-content: center !important;
  opacity: 0.6 !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 1em !important;
}

.nfd-container [open] summary {
  font-weight: 700 !important;
}

.nfd-container [open] summary:before {
  opacity: 1 !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

.nfd-container summary:hover:before {
  opacity: 1 !important;
}

.is-style-wide.wp-block-separator {
  width: 100% !important;
}

.nfd-aspect-video {
  aspect-ratio: 16/9 !important;
}

.nfd-img-object-left img {
  -o-object-position: left !important;
  object-position: left !important;
}

.nfd-img-object-right img {
  -o-object-position: right !important;
  object-position: right !important;
}

.editor-styles-wrapper .wp-block-image.nfd-h-full > div {
  aspect-ratio: unset !important;
  height: 100% !important;
  max-height: unset !important;
}

@media (max-width: 782px) {
  .md\:nfd-order-2 {
    order: 2 !important;
  }

  .md\:nfd-my-0:not([style*="margin"]) {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  .md\:nfd-flex {
    display: flex !important;
  }

  .md\:nfd-hidden {
    display: none !important;
  }

  .md\:nfd-basis-full {
    flex-basis: 100% !important;
  }

  .md\:nfd-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .md\:nfd-flex-col {
    flex-direction: column !important;
  }

  .md\:nfd-flex-wrap {
    flex-wrap: wrap !important;
  }

  .md\:nfd-items-start {
    align-items: flex-start !important;
  }

  .md\:nfd-justify-start {
    justify-content: flex-start !important;
  }

  .md\:nfd-justify-end {
    justify-content: flex-end !important;
  }

  .md\:nfd-justify-center {
    justify-content: center !important;
  }

  .md\:nfd-gap-0 {
    gap: 0 !important;
  }

  .md\:nfd-gap-4 {
    gap: 1rem !important;
  }

  .md\:nfd-gap-5 {
    gap: 1.25rem !important;
  }

  .md\:nfd-gap-8 {
    gap: 2rem !important;
  }

  .md\:nfd-self-start {
    align-self: flex-start !important;
  }

  .md\:nfd-rounded-lg:not([style*="-radius"]) {
    border-radius: 0.5rem !important;
  }

  .md\:nfd-border-none {
    border-style: none !important;
  }

  .md\:nfd-p-0:not([style*="padding"]) {
    padding: 0 !important;
  }

  .md\:nfd-p-4:not([style*="padding"]) {
    padding: 1rem !important;
  }

  .md\:nfd-px-0:not([style*="padding"]) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .md\:nfd-py-0:not([style*="padding"]) {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }

  .md\:nfd-text-left {
    text-align: left !important;
  }

  .md\:nfd-text-center {
    text-align: center !important;
  }
}

img#wpstats {
  display: none;
}

.e-con.e-parent:nth-of-type(n + 4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n + 4):not(.e-lazyloaded):not(.e-no-lazyload) * {
  background-image: none !important;
}

@media screen and (max-height: 1024px) {
  .e-con.e-parent:nth-of-type(n + 3):not(.e-lazyloaded):not(.e-no-lazyload),
  .e-con.e-parent:nth-of-type(n + 3):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important;
  }
}

@media screen and (max-height: 640px) {
  .e-con.e-parent:nth-of-type(n + 2):not(.e-lazyloaded):not(.e-no-lazyload),
  .e-con.e-parent:nth-of-type(n + 2):not(.e-lazyloaded):not(.e-no-lazyload) * {
    /* background-image: none !important; */
  }
}

.health-alert-wrapper {
  max-width: 100%;
  display: flex;
  justify-content: flex-start;
  padding: 0;
  margin: 0 auto;
}

.health-alert-banner {
  background: #d7effa;
  color: #004b7c;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
  font-weight: 400;
  font-size: clamp(1.06rem, 2.6vw, 1.22rem);
  /* 17px–19.5px */
  line-height: 1.5;
  letter-spacing: -0.003em;
  text-align: center;
  padding: 0.5rem 1rem;
  width: calc(100vw - 435px);
  /* Deduct sidebar width */
  box-sizing: border-box;
  line-height: 1.5;
}

@media (max-width: 899px) {
  .health-alert-banner {
    width: 100vw;
    font-size: clamp(1rem, 4vw, 1.11rem);
  }
}

:root {
  --cta-bg: #fff;
  --cta-fg: #e11b1b;
  --cta-grad: linear-gradient(90deg, #e11b1b 75%, #bf1414 100%);
  --cta-shadow: 0 -2px 24px rgba(0, 0, 0, 0.14);
  --cta-radius: 19px;
  --font-base: "Segoe UI", system-ui, sans-serif;
}

.cta-bar {
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10020;
  justify-content: center;
  background: none;
  pointer-events: none;
  transition: transform 0.44s cubic-bezier(0.7, 0.01, 0.29, 0.97), opacity 0.22s;
  transform: translateY(100%);
  opacity: 0;
}

.cta-bar.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.cta-bar.hide {
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
}

.cta-bar-inner {
  width: 97vw;
  max-width: 430px;
  background: var(--cta-bg);
  border-radius: var(--cta-radius) var(--cta-radius) 0 0;
  box-shadow: var(--cta-shadow);
  display: flex;
  align-items: center;
  gap: 1.1rem;
  padding: 1.07rem 1.13rem 1.07rem 0.92rem;
  margin: 0 auto;
  position: relative;
  pointer-events: all;
}

.cta-close {
  position: absolute;
  top: -17px;
  right: 13px;
  width: 36px;
  height: 36px;
  background: #fff;
  color: var(--cta-fg);
  border-radius: 50%;
  font-size: 1.55rem;
  font-weight: 900;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.17);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

.cta-close:active {
  box-shadow: none;
}

.cta-thumb-wrap {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: #f9f9f9;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.14rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.cta-thumb {
  width: 54px;
  height: 54px;
  border-radius: 13px;
  object-fit: contain;
  background: #fff;
}

.cta-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.19em;
  min-width: 0;
  padding-left: 0.04rem;
}

.cta-headline {
  font-size: 1.09rem;
  font-weight: 800;
  color: #232323;
  margin-bottom: 1px;
  line-height: 1.14;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cta-sub {
  font-size: 0.96rem;
  color: #555;
  font-weight: 600;
  margin-bottom: 1px;
  line-height: 1.12;
}

.cta-trust {
  font-size: 0.93rem;
  font-weight: 600;
  color: #168147;
  display: flex;
  align-items: center;
  gap: 0.37em;
  letter-spacing: 0.01em;
  margin-bottom: 0.07em;
}

.cta-trust .lock {
  font-size: 1.15em;
}

.cta-action-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 110px;
  margin-left: 0.5rem;
  gap: 0.28em;
}

.cta-btn {
  background: var(--cta-grad);
  color: #fff;
  border: none;
  border-radius: 999px;
  font: 800 1.01rem/1.06 var(--font-base);
  box-shadow: 0 2px 17px rgba(225, 27, 27, 0.13);
  padding: 0.68em 1.42em;
  min-width: 110px;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.03em;
  transition: background 0.15s, box-shadow 0.12s;
  animation: pulse 2.3s infinite cubic-bezier(0.7, 0, 0.29, 1);
  margin-bottom: 0.1em;
}

.cta-btn:active {
  box-shadow: none;
}

@keyframes pulse {
  0%,
  100% {
    box-shadow: 0 2px 14px rgba(225, 27, 27, 0.13);
    transform: scale(1);
  }

  54% {
    box-shadow: 0 2px 31px rgba(225, 27, 27, 0.15);
    transform: scale(1.055);
  }
}

.cta-timer {
  width: 100%;
  text-align: center;
  font: 700 0.96rem/1.1 var(--font-base);
  color: #c32e2e;
  letter-spacing: 0.01em;
  opacity: 0.98;
  margin-top: 2px;
}

/* --------- MOBILE ONLY --------- */
@media (min-width: 900px) {
  .cta-bar {
    display: none !important;
  }
}

.container-headline,
.container-headline-inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
  /* overflow-x: hidden !important; */
}

.container-headline-inner {
  padding-top: 1.6rem !important;
  padding-bottom: 0 !important;
  /* No bottom padding */
}

@media (max-width: 899px) {
  .container-headline-inner {
    padding-top: 1rem !important;
    padding-bottom: 0 !important;
    /* No bottom padding on mobile */
  }
}

.container-headline-inner h1 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Outfit", "Inter", "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(2rem, 5vw, 2.5rem) !important;
  line-height: 1.13 !important;
  color: #181818 !important;
  text-align: left !important;
  letter-spacing: -0.012em !important;
  word-break: break-word !important;
  text-wrap: balance !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

.container-headline-inner .highlight {
  font-weight: 800;
  background: linear-gradient(90deg, #ffe478 60%, #fffbe8 100%);
  padding: 0 0.14em 0.03em 0.14em;
  border-radius: 0.13em;
  display: inline;
}

.trusted-body-block,
.trusted-body-block-inner,
.trusted-body-block-inner h2 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

.trusted-body-block-inner {
  padding-top: 1.25em !important;
  padding-bottom: 0.95em !important;
}

@media (max-width: 800px) {
  .trusted-body-block-inner {
    padding-top: 0.9em !important;
    padding-bottom: 0.6em !important;
  }
}

.trusted-body-block-inner h2 {
  font-size: clamp(1.13rem, 4.5vw, 1.32rem) !important;
  font-weight: 400 !important;
  color: #181818 !important;
  line-height: 1.48 !important;
  text-align: left !important;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif !important;
  letter-spacing: -0.003em !important;
  word-break: break-word !important;
  text-wrap: balance !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.compelling-byline {
  display: flex;
  align-items: center;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
  font-size: clamp(1rem, 2.4vw, 1.11rem);
  /* slightly smaller than body, 16-17.8px */
  font-weight: 400;
  color: #40404a;
  letter-spacing: -0.003em;
  background: #fff;
  max-width: 66ch;
  margin: 0.5em 0 0.65em 0;
  /* Compact, balanced spacing */
  box-sizing: border-box;
  opacity: 0.92;
  justify-content: space-between;
}

/* .compelling-byline::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 1.7em;
  margin-right: 0.78em;
  border-radius: 1.5px;
  background: linear-gradient(180deg, #dedede 30%, #b3b3be 100%);
  opacity: 0.88;
} */

.compelling-byline .by-author {
  font-weight: 600;
  color: #262635;
  letter-spacing: -0.002em;
}

.compelling-byline .by-divider {
  color: #a3a3ad;
  margin: 0 0.4em;
}

.compelling-byline .by-reviewer {
  font-weight: 400;
  color: #898998;
  font-style: italic;
  letter-spacing: 0;
}

.fullwidth-image-section {
  width: 100%;
  background: #fff;
  padding: 0.9em 0 0.8em 0;
  /* Compact, breathable space */
  margin: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fullwidth-image-wrapper {
  width: 100%;
  max-width: 100vw;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 6px 32px rgba(35, 55, 110, 0.09),
    0 1.5px 7px rgba(27, 57, 125, 0.03);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0.6, 0.7, 1),
    transform 0.24s cubic-bezier(0.4, 0.6, 0.7, 1);
}

.fullwidth-image-wrapper:hover {
  box-shadow: 0 16px 48px rgba(27, 57, 125, 0.18),
    0 2px 14px rgba(27, 57, 125, 0.11);
  transform: scale(1.014) translateY(-4px);
}

.fullwidth-product-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  background: #fff;
  transition: filter 0.24s, transform 0.24s;
  border-radius: 0;
}

.fullwidth-image-wrapper:hover .fullwidth-product-image {
  filter: brightness(1.02) saturate(1.03)
    drop-shadow(0 6px 18px rgba(40, 120, 240, 0.06));
  transform: scale(1.01);
}

@media (max-width: 600px) {
  .fullwidth-image-section {
    padding: 0.48em 0 0.38em 0;
  }
}

.testimonials-section {
  width: 100%;
  margin: 0;
  padding: 0;
}

.testimonial {
  width: 100%;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #fffbe6;
  border-left: none;
}

.testimonial + .testimonial {
  margin-top: 1rem;
  /* background-color: #f4f8f2; */
}

.testimonial:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

.testimonial p {
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
  font-size: clamp(1.06rem, 2.6vw, 1.22rem);
  line-height: 1.5;
  margin: 0 0 1rem 0;
  color: #222;
}

.testimonial p:first-child {
  font-style: italic;
  font-weight: 400;
  color: #232335;
}

.testimonial p:last-child {
  font-weight: 600;
  margin-bottom: 0;
  color: #555;
}
.value-box {
    background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    margin: 30px 0;
}
.value-item {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #e2e8f0;
    font-size: 1.1em;
}
.value-item:last-child {
    border-bottom: none;
    font-weight: 700;
    font-size: 1.3em;
    color: #000;
}
.guarantee-box {
    background: linear-gradient(135deg, #fffbe6 0%, #fffbe6 100%);
    padding: 50px 40px;
    border-radius: 15px;
    text-align: center;
    margin: 40px 0;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.guarantee-box h3 {
    font-size: 1.75em;
    margin-bottom: 20px;
    color: #2d3748;
}
.guarantee-box p {
    font-size: 1.2em;
    color: #2d3748;
    margin-bottom: 15px;
}
.accordion-button:not(.collapsed) {
    background-color: #ffffff!important;
}
.accordion-button:focus {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)!important;
}
.accordion-button {
  font-weight: bold;
}
/* From Css */
.form-con {
    width: 100%;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
.form-con-top {
    background: #151515;
    padding: 5px 0;
    font-size: 18px;
    color: #fff;
    font-style: italic;
    border-radius: 10px 10px 0 0;
    text-align: center;
}
.form-con-mid {
    padding: 0px 22px;
}
.star-text {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}
.form-con-mid h2 {
    color: #000;
    font-weight: 600;
    font-size: 24px;
}
.form-area {
    width: 100%;
    margin-bottom: 10px;
}
.form-area-input {
    background: #f1fcff !important;
    padding: 13px 18px !important;
    height: auto !important;
    line-height: 100% !important;
    border: 1px solid #141414 !important;
    width: 100%;
    border-radius: 10px!important;
    color: #363636 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.coupen-input.form-area-input {
    font-weight: 600 !important;
    color: #2fc534 !important;
    border: 2px solid #2fc534 !important;
}
.w-48 {
    width: 48%;
}
.form-con-mid .claim-btn {
    font-size: 20px;
    font-weight: 600;
    border-radius: 40px;
    border: none;
    padding: 15px 30px;
    width: 100%;
    margin-bottom: 10px;
    display: block;
    color: #fff;
}
.form-con-mid .claim-btn, .form-con-mid .claim-btn:hover {
    background: #ff9d00;
    text-decoration: none;
}
.form-con-mid .claim-btn::after, .form-con-mid .get-btn::after {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-left: 8px;
}
.form-con-mid .claim-btn::after {
    content: '\f0a9';
}
.shipping-text {
    font-size: 13px;
    color: #000;
}
.grey-text {
    color: #ccc;
    font-size: 11px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover {
    background: transparent;
}

#exampleModalOne .btn-close {
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 12px;
  background: transparent;
}
#exampleModalOne .btn-close:hover {
    background: transparent;
}
#exampleModalOne .modal-body {
  padding: 20px;
}
/* From Css */
.intro-section {
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
  font-size: clamp(1.13rem, 2.6vw, 1.22rem);
  /* 18px–19.5px, never less */
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.003em;
  color: #181818;
  background: #fff;
  max-width: 66ch;
  width: 100%;
  margin: 0;
  padding-top: 0.85em;
  padding-bottom: 0.7em;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .intro-section {
    font-size: 1.13rem;
    /* 18px absolute minimum on mobile */
    padding-top: 0.62em;
    padding-bottom: 0.5em;
  }
}

.intro-section p {
  margin: 0 0 0.7em 0;
  padding: 0;
}

.intro-section p:first-child {
  margin-top: 0.15em;
}

.intro-section p:last-child {
  margin-bottom: 0;
}

.intro-section .highlight {
  font-weight: 600;
  letter-spacing: -0.004em;
  color: #232335;
}

body {
  margin: 0;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
  color: #181818;
  background: #fff;
}

.hero {
  display: flex;
  align-items: stretch;
  gap: 2.2rem;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  box-sizing: border-box;
  padding: 0;
}

.hero .img-col,
.hero .content-col {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}

.hero .img-col {
  flex: 1 1 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  min-width: 0;
  min-height: 0;
}

.hero .img-col .img-bottle {
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: none;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  object-fit: cover;
}

.hero .content-col {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 1.15rem;
  box-sizing: border-box;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
}

.hero h2 {
  font-size: clamp(1.58rem, 4vw, 2.18rem);
  font-weight: 600;
  line-height: 1.17;
  margin: 0 0 0.35em 0;
  letter-spacing: -0.012em;
  color: #181818;
  background: #fff;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
}

.hero .content-col p {
  font-size: clamp(1.06rem, 2.6vw, 1.22rem);
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 0.7em 0;
  letter-spacing: -0.003em;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
}

.hero .content-col .semibold {
  font-weight: 600;
}

.hero .content-col .superbold {
  font-weight: 800;
}

.hero .content-col em {
  font-style: italic;
  color: #4d4d56;
  font-weight: 400;
}

.testimonial {
  background-color: #f5f6fa;
  border-left: 4px solid #1770e6;
  padding: 1em 1.2em;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  margin: 0 0 0.5em 0;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
}

.testimonial p {
  font-size: 1.08em;
  font-weight: 400;
  font-style: italic;
  line-height: 1.7;
  margin: 0 0 0.4em 0;
  color: #232335;
  font-family: inherit;
}

.testimonial .author {
  font-style: normal;
  font-weight: 600;
  font-size: 0.97em;
  margin: 0;
  color: #58586a;
  font-family: inherit;
}

.benefit-list {
  background: #fafdff;
  box-shadow: 0 3px 14px rgba(27, 57, 125, 0.05);
  border-radius: 6px;
  padding: 1em 1.1em 1.1em 1.1em;
  margin: 0;
  width: 100%;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
}

.benefit-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.benefit-list li {
  position: relative;
  padding-left: 2.2em;
  margin: 0.62em 0;
  font-size: 1.13em;
  font-weight: 400;
  line-height: 1.5;
  color: #17315b;
  font-family: inherit;
}

.benefit-list li .semibold {
  font-weight: 600;
}

.benefit-list li .superbold {
  font-weight: 800;
}

.benefit-list li em {
  font-style: italic;
  font-weight: 400;
  color: #434353;
}

.benefit-list li::before {
  content: "✔";
  position: absolute;
  left: 0.6em;
  top: 50%;
  transform: translateY(-50%);
  color: #17b365;
  font-size: 1.08em;
  font-weight: 700;
}

@media (max-width: 950px) {
  .hero {
    flex-direction: column;
    gap: 1rem;
    display: inline;
  }

  .hero .img-col,
  .hero .content-col {
    padding: 0.5rem 0 0.5rem 0;
    max-width: 100%;
  }

  .hero .img-col {
    align-items: flex-start;
  }

  .hero .img-col .img-bottle {
    width: 100%;
    height: auto;
    max-width: 340px;
  }
}

@media (max-width: 600px) {
  .hero .img-col .img-bottle {
    max-width: 180px;
    height: auto;
    margin-bottom: 20px;
  }

  .hero .content-col {
    gap: 0.75rem;
  }

  .benefit-list {
    padding: 0.7em 0.6em 0.8em 0.7em;
  }

  .benefit-list li {
    padding-left: 1.8em;
    font-size: 1em;
  }

  .benefit-list li::before {
    left: 0.35em;
    font-size: 1em;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Segoe UI", -apple-system, system-ui, sans-serif;
  background: #fff;
  color: #1e1e1e;
}

.zen-section {
  display: flex;
  gap: 2rem;
  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem 1rem;
  flex-wrap: nowrap;
}

.zen-content {
  flex: 1;
  max-width: 65%;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #1e1e1e;
}

.zen-content h2 {
  font-size: clamp(1.58rem, 4vw, 2.18rem);
  font-weight: 700;
  color: #000;
  margin-bottom: 2rem;
}

.zen-content p {
  margin-bottom: 1rem;
}

.zen-highlight {
  background: #fff;
  padding: 1rem 1.5rem;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  margin: 1rem 0;
}

.zen-highlight p {
  margin-bottom: 0.75rem;
}

.zen-img {
  flex: 0 0 35%;
  max-width: 35%;
}

.zen-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.zen-img img:hover {
  transform: scale(1.03);
}

.see-results-wrapper {
  text-align: center;
  margin-top: 1rem;
}

.see-results {
  color: #1a73e8;
  font-weight: bold;
  font-size: 1.1rem;
  text-decoration: underline;
  cursor: pointer;
}

.see-results:hover {
  color: #1558b0;
}

.modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal-overlay.open {
  display: flex;
}

.modal-content {
  background: #fff;
  border-radius: 8px;
  width: 90%;
  max-width: 840px;
  height: 90%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);
  position: relative;
}

.modal-content iframe {
  flex: 1;
  width: 100%;
  border: none;
}

.modal-close {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 1.5rem;
  color: #333;
  cursor: pointer;
  z-index: 10001;
  background: none;
  border: none;
}

@media (max-width: 900px) {
  .zen-section {
    flex-direction: column;
  }

  .zen-content,
  .zen-img {
    max-width: 100%;
  }

  .zen-img img {
    height: auto;
  }
}

/* —— GLOBAL RESET —— */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Segoe UI", -apple-system, system-ui, sans-serif;
  background: #fff;
  color: #1e1e1e;
}

/* —— INGREDIENTS SECTION —— */
.ingredients {
  max-width: 1100px;
  margin: 2rem auto;
  padding: 0 1rem;
  font-family: "Segoe UI", -apple-system, system-ui, sans-serif;
}

.ingredients h2 {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0.75rem;
  text-align: center;
  line-height: 1.3;
}

.ingredients p.intro {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #555;
  text-align: left;
  margin: 0 auto 2rem;
  max-width: 800px;
}

.ingredient-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
}

.ingredient-card {
  background: #fafafa;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  transform: translateY(20px);
  opacity: 0;
  animation: fadeInUp 0.6s forwards;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ingredient-card:hover {
  transform: translateY(0) scale(1.02);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.ingredient-card:nth-child(1) {
  animation-delay: 0.1s;
}

.ingredient-card:nth-child(2) {
  animation-delay: 0.2s;
}

.ingredient-card:nth-child(3) {
  animation-delay: 0.3s;
}

.ingredient-card:nth-child(4) {
  animation-delay: 0.4s;
}

.ingredient-card:nth-child(5) {
  animation-delay: 0.5s;
}

.ingredient-card:nth-child(6) {
  animation-delay: 0.6s;
}

.ingredient-card img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}

.ingredient-body {
  padding: 1rem;
  font-family: "Segoe UI", -apple-system, system-ui, sans-serif;
}

.ingredient-body h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.ingredient-body p {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #333;
}

/* —— ANIMATION —— */
@keyframes fadeInUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* —— RESPONSIVE TWEAKS —— */
@media (max-width: 600px) {
  .ingredients h2 {
    font-size: 1.75rem;
  }

  .ingredient-body h4 {
    font-size: 1.125rem;
  }

  .ingredient-body p {
    font-size: 1.1rem;
  }
}

/* —— GLOBAL RESET —— */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Segoe UI", -apple-system, system-ui, sans-serif;
  background: #fff;
  color: #1e1e1e;
}

/* —— INGREDIENTS SECTION —— */
.ingredients {
  max-width: 1100px;
  margin: 2rem auto;
  padding: 0 1rem;
  font-family: "Segoe UI", -apple-system, system-ui, sans-serif;
}

.ingredients h2 {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0.75rem;
  text-align: center;
  line-height: 1.3;
}

.ingredients p.intro {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #555;
  text-align: left;
  margin: 0 auto 2rem;
  max-width: 800px;
}

.ingredient-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
}

.ingredient-card {
  background: #fafafa;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  transform: translateY(20px);
  opacity: 0;
  animation: fadeInUp 0.6s forwards;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ingredient-card:hover {
  transform: translateY(0) scale(1.02);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.ingredient-card:nth-child(1) {
  animation-delay: 0.1s;
}

.ingredient-card:nth-child(2) {
  animation-delay: 0.2s;
}

.ingredient-card:nth-child(3) {
  animation-delay: 0.3s;
}

.ingredient-card:nth-child(4) {
  animation-delay: 0.4s;
}

.ingredient-card:nth-child(5) {
  animation-delay: 0.5s;
}

.ingredient-card:nth-child(6) {
  animation-delay: 0.6s;
}

.ingredient-card img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}

.ingredient-body {
  padding: 1rem;
  font-family: "Segoe UI", -apple-system, system-ui, sans-serif;
}

.ingredient-body h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.ingredient-body p {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #333;
}

/* —— ANIMATION —— */
@keyframes fadeInUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* —— RESPONSIVE TWEAKS —— */
@media (max-width: 600px) {
  .ingredients h2 {
    font-size: 1.75rem;
  }

  .ingredient-body h4 {
    font-size: 1.125rem;
  }

  .ingredient-body p {
    font-size: 1.1rem;
  }
}

body {
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
  background: #fff;
  color: #181818;
  font-size: 1.15rem;
}

.made-in-usa {
  display: flex;
  flex-wrap: wrap;
  /* gap: 2rem; */
  max-width: 1200px;
  /* margin: 2rem auto; */
  padding: 0 1rem;
  animation: fadeIn 0.6s ease-out both;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
}

.made-in-usa h2 {
  flex: 1 1 100%;
  font-size: clamp(1.58rem, 4vw, 2.18rem);
  line-height: 1.25;
  font-weight: 800;
  margin-bottom: 1.5rem;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
}

.made-in-usa h2 em {
  font-style: italic;
  font-family: Georgia, serif;
  font-weight: 700;
}

.made-in-usa h2 .highlight {
  position: relative;
  display: inline-block;
  font-family: Georgia, serif;
  font-weight: 700;
  font-style: italic;
}

.made-in-usa h2 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.12em;
  height: 0.32em;
  background: #ffeb3b;
  transform-origin: left center;
  transform: scaleX(0);
}

.made-in-usa h2 .remainder {
  font-weight: 800;
}

.miu-text {
  flex: 1 1 55%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1.17rem;
  line-height: 1.56;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
}

.miu-text strong {
  font-weight: 700;
}

.miu-text em {
  font-style: italic;
  color: #3c3c46;
}

.miu-visual {
  flex: 1 1 35%;
  min-width: 260px;
  position: relative;
  height: 550px;
}

.miu-visual img.doctor {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120%;
  max-width: 600px;
}

.miu-visual img.bottle {
  position: absolute;
  bottom: 0;
  left: 25%;
  transform: translateX(-50%) translateY(5%);
  width: 60%;
  max-width: 300px;
  z-index: 3;
}

.badges {
  flex: 1 1 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
}

.badges img {
  flex: 1 1 30%;
  max-width: 180px;
  height: auto;
  width: 100%;
}

.doctor-testimonials {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
  animation: fadeInUp 0.8s ease-out both;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
}

.miu-quote {
  border: 2px solid #d4af37;
  border-radius: 6px;
  padding: 1.25rem 1.5rem;
  font-style: italic;
  font-size: 1.15rem;
  line-height: 1.6;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.miu-quote strong {
  font-weight: 700;
}

.miu-quote:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
  background-color: #fdfcf8;
  border-color: #c9a93b;
}

.miu-citation {
  font-weight: 600;
  font-size: 1rem;
  color: #555;
  text-align: right;
  margin-top: 0.5rem;
  font-family: "Outfit", "Segoe UI", -apple-system, system-ui, Arial, sans-serif;
}

@media (max-width: 900px) {
  .made-in-usa {
    flex-direction: column;
  }

  .miu-visual {
    order: 2;
    width: 100%;
    height: auto;
    margin: 2rem 0 2.5rem;
  }

  .miu-visual img.doctor {
    position: relative;
    width: 75%;
    max-width: 330px;
    margin: 0 auto;
    display: block;
  }

  .miu-visual img.bottle {
    position: absolute;
    bottom: -8%;
    left: 18%;
    width: 42%;
    max-width: 160px;
    transform: none;
  }

  .badges {
    flex-wrap: nowrap;
    justify-content: center;
    gap: 1rem;
    padding: 0 1rem;
  }

  .badges img {
    flex: 1 1 auto;
    max-width: 100px;
    height: auto;
  }
}

/* —— RESET & BASE —— */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Segoe UI", sans-serif;
  background: #fff;
  color: #1e1e1e;
}

/* —— TESTIMONIALS SECTION —— */
.testimonials {
  max-width: 1200px;
  padding: 2rem 1rem;
  margin: 0 auto;
}

.testimonials .header {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out forwards;
  margin-bottom: 2rem;
}

.testimonials .header h2 {
  font-size: 2.75rem;
  line-height: 1.2;
  font-weight: 800;
  color: #1a73e8;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.testimonials .header h2 .count {
  color: #d4af37;
  font-style: italic;
}

.testimonials .header p {
  font-size: 1.2rem;
  line-height: 1.5;
  color: #555;
  max-width: 700px;
  margin-top: 0.5rem;
}

.testimonials .header p em {
  color: #333;
  font-style: italic;
  font-weight: 600;
}

.testimonials .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.testimonial-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
  opacity: 0;
  animation: fadeInUp 0.6s ease-out forwards;
}

.testimonial-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  background: rgba(26, 115, 232, 0.03);
}

.testimonial-card .top {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.testimonial-card .top h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #1a73e8;
}

.testimonial-card .top .stars {
  color: #d4af37;
  font-size: 1rem;
}

.testimonial-card .body {
  padding: 1rem 1.5rem;
  flex: 1;
  font-size: 1rem;
  line-height: 1.6;
  color: #444;
}

.testimonial-card .body strong {
  font-weight: 600;
  color: #1e1e1e;
}

.testimonial-card .body em {
  font-style: italic;
  color: #333;
}

.testimonial-card .footer {
  padding: 0.75rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-top: 1px solid #eee;
}

.testimonial-card .footer .profile {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.testimonial-card .footer .meta {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.testimonial-card .footer .author {
  font-weight: 600;
  color: #333;
}

.testimonial-card .footer .verified-review {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #777;
  font-weight: 500;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.testimonial-card .footer .verified-review img {
  width: 20px;
  height: 20px;
}

/* —— SCARCITY SECTION —— */
.scarcity {
  max-width: 800px;
  margin: 3rem auto;
  padding: 1.5rem 1rem;
  background: #fff8e1;
  border: 1px solid #ffecb3;
  border-radius: 6px;
  text-align: center;
  color: #b24508;
  position: relative;
  overflow: hidden;
}

.scarcity .title {
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.scarcity .stock {
  font-size: 1.5rem;
  color: #d84315;
  font-weight: bold;
}

.scarcity .hint {
  margin-top: 0.5rem;
  font-size: 0.95rem;
  color: #555;
}

/* —— ANIMATIONS & RESPONSIVE —— */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }

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

@media (max-width: 768px) {
  .testimonials .grid {
    grid-template-columns: 1fr;
  }

  .testimonials .header h2 {
    font-size: 2.25rem;
  }

  .testimonials .header p {
    font-size: 1rem;
  }
}

/* stagger */
.testimonial-card:nth-child(1) {
  animation-delay: 0.3s;
}

.testimonial-card:nth-child(2) {
  animation-delay: 0.4s;
}

.testimonial-card:nth-child(3) {
  animation-delay: 0.5s;
}

.testimonial-card:nth-child(4) {
  animation-delay: 0.6s;
}

.testimonial-card:nth-child(5) {
  animation-delay: 0.7s;
}

.testimonial-card:nth-child(6) {
  animation-delay: 0.8s;
}

.testimonial-card:nth-child(7) {
  animation-delay: 0.9s;
}

.testimonial-card:nth-child(8) {
  animation-delay: 1s;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.6);
  }

  50% {
    transform: scale(1.08);
    box-shadow: 0 0 0 15px rgba(255, 193, 7, 0);
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
  }
}

.pulse-button {
  animation: pulse 1.3s ease-in-out infinite;
}

@media (max-width: 768px) {
  .zen-copy {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    padding: 2rem 1rem !important;
    text-align: center !important;
    background: linear-gradient(to bottom, #023047 0%, #035772 100%);
  }

  .zen-copy h1 {
    font-size: 20px !important;
    line-height: 1.4;
  }

  .zen-copy div {
    font-size: 30px !important;
    line-height: 36px !important;
  }

  .zen-bottle,
  .zen-leaf {
    display: none !important;
  }
}

:root {
  --site-header: 5rem;
  --sidebar-width: 400px;
  --sidebar-gutter: 1.5rem;
  --bar-h: 2.4rem;
  --loop-time: 38s;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  font-family: "Segoe UI", sans-serif;
  background: #fff;
  color: #1e1e1e;
}

/* toggle handle */
.testimonial-toggle {
  display: none;
  position: fixed;
  top: 60%;
  right: 0;
  transform: translateY(-50%);
  writing-mode: vertical-lr;
  text-orientation: mixed;
  padding: 0.6rem 0.55rem;
  font: 600 1rem/1.2 "Segoe UI", sans-serif;
  color: #fff;
  background: #1a73e8;
  border-radius: 8px 0 0 8px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  z-index: 1001;
}

@media (max-width: 899px) {
  .testimonial-toggle {
    display: block;
  }
}

/* sidebar wrapper */
.testimonial-sidebar {
  position: fixed;
  top: var(--site-header);
  right: var(--sidebar-gutter);
  width: var(--sidebar-width);
  max-width: 90vw;
  height: calc(100vh - var(--site-header));
  background: #fafafa;
  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transform: translateX(calc(var(--sidebar-width) + var(--sidebar-gutter)));
  transition: transform 0.35s ease;
  z-index: 1000;
  padding-right: var(--sidebar-gutter);
}

@media (min-width: 900px) {
  .testimonial-sidebar {
    transform: none !important;
    top: 0 !important;
    height: 100vh !important;
  }
}

@media (max-width: 899px) {
  .testimonial-sidebar {
    right: 0;
    width: 100vw;
    height: 100vh;
    transform: translateX(100%);
    padding-right: 0;
  }
}

.testimonial-sidebar.open {
  transform: translateX(0);
}

/* header bar */
.ts-header {
  position: sticky;
  top: 0;
  height: var(--bar-h);
  background: linear-gradient(90deg, #1a73e8, #2a56c6);
  color: #fff;
  font: 600 0.95rem / var (--bar-h) "Segoe UI", sans-serif;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}

/* close “×” */
.ts-close {
  display: none;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 899px) {
  .ts-close {
    display: block;
  }
}

/* list viewport */
.ts-list {
  height: calc(100% - var(--bar-h));
  overflow: hidden;
  position: relative;
  padding-right: var(--sidebar-gutter);
}

/* moving track */
.ts-list__track {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  will-change: transform;
  animation: scrollInfinite var(--loop-time) linear infinite;
}

/* each testimonial */
.ts-item {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  padding-right: 0.5rem;
}

.ts-item img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #e0e0e0;
  flex-shrink: 0;
}

.ts-stars {
  font-size: 0.85rem;
  line-height: 1;
  color: #f5c147;
  margin-bottom: 0.25rem;
}

.ts-quote {
  font-style: italic;
  font-size: 0.95rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  color: #333;
}

.ts-author {
  font: 600 0.875rem/1 "Segoe UI", sans-serif;
  color: #1e1e1e;
}

@keyframes scrollInfinite {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-50%);
  }
}
.testimonial {
  width: 100%;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #fffbe6;
  border-left: none;
}
.zen-section2 {
  background: url(../images/bg-2.jpg) top center no-repeat,
    linear-gradient(to right, #3f6a80, #486e80);
  background-size: 104%;
  padding: 40px 20px 10px;
  position: relative;
  overflow: hidden;
}
.zen-section2 h5 {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
}
.zen-section2 h1 {
  font-size: 44px;
  font-weight: 700;
  color: #fff;
  line-height: 50px;
}
.zen-features {
  list-style: none;
  padding-left: 0;
  margin: 10px 0 17px;
}
.zen-features li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.6;
  color: #fff;
  font-weight: 600;
}
.zen-features li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background-color: #ffc107;
  color: #1a1a1a;
  border-radius: 50%;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.start-ratting i {
  color: #ffc400;
  font-size: 13px;
}
.claim-btn {
  background: #ffbb00;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 600 !important;
  color: #000 !important;
  text-decoration: none !important;
  margin-bottom: 50px;
  display: inline-block;
}
.zen-warning {
  font-weight: 400;
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
}
.zen-warning span {
  color: #ffa500;
  font-weight: 700;
}
.leaf-img {
  position: absolute;
  bottom: 36px;
  right: 210px;
  z-index: 99;
}
.zen-bottle-img {
  /* width: 100%; */
  max-width: 200px !important;
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 89px;
}
.customer-text {
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.links-bottom li a {
  color: #c36 !important;
}
@media screen and (max-width: 1024px){
    .leaf-img {
    position: absolute;
    bottom: 36px;
    right: 130px;
    z-index: 99;
    width: 26%;
}
.zen-bottle-img {
    /* width: 100%; */
    max-width: 200px !important;
    z-index: 1;
    position: absolute;
    top: 10px;
    right: 7px;
}

}


@media screen and (max-width: 800px){

.zen-section2{
    width: 100%;
}

.zen-section2 h1{
    max-width: 450px; 
}
.d-flex2{
    display: block;
}


} 

@media screen and (max-width: 767px) {
  .zen-section2 {
    background: url(../images/bg-2-mob.jpg) top center no-repeat,
      linear-gradient(to right, #3f6a80, #7e9caa);
  }
  .main-section h1 {
    font-size: 24px;
    line-height: 34px;
  }
  .zen-features li {
    text-align: left;
  }
  .claim-btn {
    padding: 10px 16px;
    font-size: 16px;
  }
  .zen-bottle-img {
    /* width: 100%; */
    max-width: 185px !important;
    position: relative;
  }
  .hero .img-col {
    flex: 0;
  }
}

/** NEW STYLES ADDED HERE **/
@media screen and (max-width: 480px) {
  .testimonials {
    padding: 2rem 0;
  }
  table.comparison-table td,
  table.comparison-table th {
    padding: 8px;
  }
}
@media screen and (max-width: 400px) {
  table.comparison-table {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 374px) {
  table.comparison-table {
    font-size: 0.75em;
  }
}

.custom-width {
  font-size: 28px;
}
.doc-gap {
  /* margin-bottom: 60px !important; */
}
.custom-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  background: #f9f9f9;
  padding: 15px 20px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease;
}
.custom-list li:hover {
  transform: translateY(-3px);
}
.icon-box {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1a73e8;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 15px;
  flex-shrink: 0;
  font-size: 1.2rem;
}
.custom-list p {
  margin: 0;
  font-size: 1rem;
  color: #333;
}
.max-100 {
  max-width: 100%;
}
.img-box5-new {
  width: 100%;
}

.recommend-section {
  background: #f9fafb;
  padding: 30px 0 0;
}
.section-title {
  color: #1a73e8; /* green accent */
  font-size: 1.8rem;
}
.recommend-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.recommend-list li {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 15px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  font-size: 1.1rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.recommend-list li:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.recommend-list i {
  font-size: 1.5rem;
  color: #1a73e8;
  margin-right: 15px;
  flex-shrink: 0;
}
.recommend-list span {
  color: #333;
  line-height: 1.5;
}

/* Mobile Responsive */
@media (max-width: 576px) {
  .section-title {
    font-size: clamp(1.58rem, 4vw, 2.18rem);
  }
  .recommend-list li {
    font-size: 1rem;
    padding: 12px 15px;
  }
  .recommend-list i {
    font-size: 1.3rem;
    margin-right: 10px;
  }
}

.recommend-list li:last-child {
  box-shadow: none;
  background: none;
  font-size: 13px;
  font-weight: 600;
}
.bottle_shdow {
  max-width: 200px;
  margin: 0 auto;
  display: block;
}


/* Comparison Section Styles */
.comparison-section {
  padding: 30px 20px;
  background: #f9fafb;
  
}

.comparison-section .section-title {
  text-align: center;
  font-size: clamp(1.58rem, 4vw, 2.18rem);
  font-weight: 700;
  margin-bottom: 40px;
  color: #222;
}

.comparison-section .section-title span {
  color: #1a73e8; /* teal highlight */
}

.comparison-table {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

.comparison-table .table-header,
.comparison-table .table-row {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1.2fr;
  border-bottom: 1px solid #e5e7eb;
}

.comparison-table .table-header {
  background: #1a73e8;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.comparison-table .col {
  padding: 18px;
  font-size: 12px;
  line-height: 1.5;
}

.comparison-table .label {
  background: #f3f4f6;
  font-weight: 600;
  color: #374151;
}

.comparison-table .highlight {
  background: #c6d6ec;
    color: #114282;
    font-weight: 600;
}

.comparison-table .table-row:nth-child(even) .label {
  background: #e5e7eb;
  color: #000;
}

@media (max-width: 768px) {
  .comparison-table .table-header,
  .comparison-table .table-row {
    /* grid-template-columns: 1fr; */
  }
  .comparison-table .label {
    background: #1a73e8;
    color: #fff;
  }
  .comparison-table .col {
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
  }
}


/* Risk-Free Section Styles - Blue Theme */
.riskfree-section.blue-theme {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 70px 20px;
  text-align: center;
  margin-bottom: 30px;
}

.riskfree-section .container {
  max-width: 800px;
  margin: 0 auto;
}

.riskfree-section .section-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1e3a8a; /* deep blue */
  margin-bottom: 20px;
}

.riskfree-section .lead-text {
  font-size: 1.2rem;
  color: #1e293b;
  margin-bottom: 15px;
}

.riskfree-section .description {
  font-size: 1.1rem;
  color: #334155;
  margin-bottom: 20px;
  line-height: 1.6;
}

.riskfree-section .urgency {
  font-size: 1.1rem;
  font-weight: 500;
  color: #b91c1c; /* urgency still in red */
  margin-bottom: 30px;
  line-height: 1.6;
}

.riskfree-section .urgency span {
  color: #1e40af; /* bold medium blue */
  font-weight: 700;
}

.riskfree-section .cta-btn {
  display: inline-block;
  background: #ffc107; /* blue primary */
  color: #000;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 14px 36px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.3);
}

.riskfree-section .cta-btn:hover {
  background: #ffc107;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.4);
}

@media (max-width: 600px) {
  .riskfree-section .section-title {
    font-size: clamp(1.58rem, 4vw, 2.18rem);
  }
  .riskfree-section .cta-btn {
    font-size: 1rem;
    padding: 12px 26px;
  }
}


/* CTA Section Styles */
.cta-section {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  padding: 80px 20px;
  text-align: center;
  
}

.cta-section .container {
  max-width: 750px;
  margin: 0 auto;
}

.cta-section .headline {
  font-size: 2.2rem;
  font-weight: 800;
  color: #1e3a8a; /* deep blue */
  margin-bottom: 15px;
}

.cta-section .sub-headline {
  font-size: 1.2rem;
  font-weight: 500;
  color: #334155;
  margin-bottom: 30px;
}

.cta-section .benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.cta-section .benefits li {
  font-size: 1.1rem;
  color: #1e293b;
  margin: 12px 0;
  position: relative;
  padding-left: 26px;
}

.cta-section .benefits li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #2563eb; /* bright blue checkmark */
  font-weight: bold;
}

.cta-section .closing-text {
  font-size: 1.1rem;
  color: #374151;
  margin-bottom: 40px;
  line-height: 1.6;
}

.cta-section .closing-text span {
  font-weight: 700;
  color: #1e40af;
}

.cta-section .cta-btn {
  display: inline-block;
  background: #2563eb;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 16px 42px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);
}
 
.cta-section .cta-btn:hover {
  background: #1e40af;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4);
}

@media (max-width: 600px) {
  .cta-section .headline {
    font-size: 1.8rem;
  }
  .cta-section .cta-btn {
    font-size: 1rem;
    padding: 14px 30px;
  }
}

.desktop-none{
  display: none;
}


@media (max-width: 767px) {
  .mob-none{
    display: none;
  }
  .gap-20{
    margin-bottom: 20px;
  }
  .desktop-none{
  display: block;
}



}


/* Comparison table base */
.comparison-table {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  font-family: inherit;
  margin: 20px auto;
}

/* Header row */
.comparison-table .table-header {
  display: flex;
  background: linear-gradient(90deg, #0077b6, #00b4d8);
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.comparison-table .table-header .col {
  flex: 1;
  padding: 14px 10px;
}

.comparison-table .table-header .highlight {
  background: #023e8a;
  color: #fff;
}

/* Table rows */
.comparison-table .table-row {
  display: flex;
  border-bottom: 1px solid #eee;
}

.comparison-table .table-row:last-child {
  border-bottom: none;
}

.comparison-table .col {
  flex: 1;
  padding: 14px 12px;
  text-align: center;
  font-size: 15px;
}

.comparison-table .label {
  font-weight: 600;
  background: #f8f9fa;
  text-align: left;
}

.comparison-table .highlight {
  background: #e6f9ff;
  font-weight: 600;
  color: #0077b6;
}

/* ----------- Mobile view ----------- */
@media (min-width: 767px) and (max-width: 899px) {
    .zen-section2 h1 {
        max-width: 75%;
    }
}
@media(max-width:1199px) {
    .testimonial-sidebar {
        width: 340px;
    }    
    .zen-section2 {
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
  .comparison-table .table-header {
    display: none; /* hide header */
  }

  .comparison-table .table-row {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    background: #fff;
  }

  .comparison-table .col {
    display: flex;
    justify-content: space-between;
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #f1f1f1;
  }

  .comparison-table .col:last-child {
    border-bottom: none;
  }

  /* Add fixed labels */
  .comparison-table .col:nth-child(2)::before {
    content: "Typical Pill";
    font-weight: 600;
    color: #555;
    margin-right: 10px;
    white-space: nowrap;  /* ✅ prevents breaking into two lines */
  }

  .comparison-table .col.highlight::before {
    content: "Zen Drops";
    font-weight: 700;
    color: #0077b6;
    margin-right: 10px;
    white-space: nowrap;  /* ✅ prevents breaking into two lines */
  }

  /* Style for feature labels */
  .comparison-table .label {
    background: #f8f9fa;
    font-weight: 700;
    color: #333;
    justify-content: flex-start;
    border-bottom: 1px solid #eee;
  }
  .comparison-table{
    box-shadow: none;
  }
}

.intro-section h2{
  margin-bottom: 1.2rem;
  font-weight: 600;
  font-size: clamp(1.58rem, 4vw, 2.18rem);
}
.tesimonial2{
  width: 100%;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease,box-shadow 0.3s ease;
    background-color: #fffbe6;
    border-left: none;
}
.d-flex2{
    display: flex;
}


@media screen and (max-width: 767px){
.d-sm-block{
  display: block;
  margin-bottom: 30px;
}
.riskfree-section.blue-theme {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    padding: 30px 20px;
}
.badges{
  margin-bottom: 20px;
}
}