/** Shopify CDN: Minification failed

Line 4332:0 Unexpected "}"
Line 6541:142 "magin-top" is not a known CSS property
Line 6949:42 "magin-top" is not a known CSS property
Line 7063:42 "magin-top" is not a known CSS property

**/
/* Color custom properties */
:root {
    --background: #efefef;
    --background-rgb: 239, 239, 239;
    --light-background: #ffffff;
    --light-background-rgb: 255, 255, 255;
    --heading-color: #1c1b1b;
    --text-color: #1c1b1b;
    --text-color-rgb: 61, 66, 70;
    --text-color-light: #6a6a6a;
    --text-color-light-rgb: 106, 106, 106;
    --link-color: #6a6a6a;
    --link-color-rgb: 106, 106, 106;
    --border-color: #cfcfcf;
    --border-color-rgb: 207, 207, 207;
    --button-background: #1c1b1b;
    --button-background-rgb: 28, 27, 27;
    --button-text-color: #ffffff;
    --header-background: #ffffff;
    --header-heading-color: #1c1b1b;
    --header-light-text-color: #6a6a6a;
    --header-border-color: #dddddd;
    --footer-background: #ffffff;
    --footer-text-color: #6a6a6a;
    --footer-heading-color: #1c1b1b;
    --footer-border-color: #e9e9e9;
    --navigation-background: #1c1b1b;
    --navigation-background-rgb: 28, 27, 27;
    --navigation-text-color: #ffffff;
    --navigation-text-color-light: rgba(255, 255, 255, 0.5);
    --navigation-border-color: rgba(255, 255, 255, 0.25);
    --newsletter-popup-background: #1c1b1b;
    --newsletter-popup-text-color: #ffffff;
    --newsletter-popup-text-color-rgb: 255, 255, 255;
    --secondary-elements-background: #1c1b1b;
    --secondary-elements-background-rgb: 28, 27, 27;
    --secondary-elements-text-color: #ffffff;
    --secondary-elements-text-color-light: rgba(255, 255, 255, 0.5);
    --secondary-elements-border-color: rgba(255, 255, 255, 0.25);
    --product-sale-price-color: #f94c43;
    --product-sale-price-color-rgb: 249, 76, 67;
    --product-star-rating: #f6a429;
    --payment-terms-background-color: #efefef;
    --horizontal-spacing-four-products-per-row: 60px;
    --horizontal-spacing-two-products-per-row: 60px;
    --vertical-spacing-four-products-per-row: 60px;
    --vertical-spacing-two-products-per-row: 75px;
    --drawer-transition-timing: cubic-bezier(0.645, 0.045, 0.355, 1);
    --header-base-height: 80px;
    --cursor-zoom-in-svg: url(//cdn.shopify.com/s/files/1/0645/5600/7653/t/2/assets/cursor-zoom-in.svg?v=1705329…);
    --cursor-zoom-in-2x-svg: url(//cdn.shopify.com/s/files/1/0645/5600/7653/t/2/assets/cursor-zoom-in-2x.svg?v=5668565…);
}
:root,
.color-background-1 {
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background-1);
  --gradient-background: var(--gradient-base-background-1);
}

.color-background-2 {
  --color-background: var(--color-base-background-2);
  --gradient-background: var(--gradient-base-background-2);
}

.color-inverse {
  --color-foreground: var(--color-base-background-1);
  --color-background: var(--color-base-text);
  --gradient-background: rgb(var(--color-base-text));
}

.color-accent-1 {
  --color-foreground: var(--color-base-solid-button-labels);
  --color-background: var(--color-base-accent-1);
  --gradient-background: var(--gradient-base-accent-1);
}

.color-accent-2 {
  --color-foreground: var(--color-base-solid-button-labels);
  --color-background: var(--color-base-accent-2);
  --gradient-background: var(--gradient-base-accent-2);
}

.color-foreground-outline-button {
  --color-foreground: var(--color-base-outline-button-labels);
}

.color-foreground-accent-1 {
  --color-foreground: var(--color-base-accent-1);
}

.color-foreground-accent-2 {
  --color-foreground: var(--color-base-accent-2);
}

:root,
.color-background-1 {
  --color-link: var(--color-base-outline-button-labels);
  --alpha-link: 0.85;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-link: var(--color-foreground);
  --alpha-link: 0.7;
}

:root,
.color-background-1 {
  --color-button: var(--color-base-accent-1);
  --color-button-text: var(--color-base-solid-button-labels);
  --alpha-button-background: 1;
  --alpha-button-border: 1;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-button: var(--color-foreground);
  --color-button-text: var(--color-background);
}

.button--secondary {
  --color-button: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --alpha-button-background: 0;
}

.color-background-2 .button--secondary,
.color-inverse .button--secondary,
.color-accent-1 .button--secondary,
.color-accent-2 .button--secondary {
  --color-button: var(--color-foreground);
  --color-button-text: var(--color-foreground);
}

.button--tertiary {
  --color-button: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}

.color-background-2 .button--tertiary,
.color-inverse .button--tertiary,
.color-accent-1 .button--tertiary,
.color-accent-2 .button--tertiary {
  --color-button: var(--color-foreground);
  --color-button-text: var(--color-foreground);
}

:root,
.color-background-1 {
  --color-badge-background: var(--color-background);
  --color-badge-border: var(--color-foreground);
  --alpha-badge-border: 0.1;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-badge-background: var(--color-background);
  --color-badge-border: var(--color-background);
  --alpha-badge-border: 1;
}

:root,
.color-background-1,
.color-background-2 {
  --color-card-hover: var(--color-base-text);
}

.color-inverse {
  --color-card-hover: var(--color-base-background-1);
}

.color-accent-1,
.color-accent-2 {
  --color-card-hover: var(--color-base-solid-button-labels);
}

:root,
.color-icon-text {
  --color-icon: rgb(var(--color-base-text));
}

.color-icon-accent-1 {
  --color-icon: rgb(var(--color-base-accent-1));
}

.color-icon-accent-2 {
  --color-icon: rgb(var(--color-base-accent-2));
}

.color-icon-outline-button {
  --color-icon: rgb(var(--color-base-outline-button-labels));
}

/* base */
.relative{
  position: relative;
}

.no-js:not(html) {
  display: none !important;
}

html.no-js .no-js:not(html) {
  display: block !important;
}

.no-js-inline {
  display: none !important;
}

html.no-js .no-js-inline {
  display: inline-block !important;
}

html.no-js .no-js-hidden {
  display: none !important;
}

.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

.header-container {
	width: 100%;
	margin: 0 auto;
	padding: 0 1.18rem;
}

.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .page-width {
    padding: 0 5rem;
  }

	.header-container {
		padding: 0 2.5rem;
	}

  .page-width--narrow {
    padding: 0 9rem;
  }

  .page-width-desktop {
    padding: 0;
  }

  .page-width-tablet {
    padding: 0 5rem;
  }
}

@media screen and (min-width: 990px) {
  .page-width--narrow {
    max-width: 72.6rem;
    padding: 0;
  }

  .page-width-desktop {
    max-width: var(--page-width);
    padding: 0 5rem;
  }
}

.element-margin {
  margin-top: 5rem;
}

.spaced-section {
  margin-top: 5rem;
}

.spaced-section:last-child {
  margin-bottom: 5rem;
}

@media screen and (min-width: 750px) {
  .element-margin {
    margin-top: calc(5rem + var(--page-width-margin));
  }

  .spaced-section {
    margin-top: calc(5rem + var(--page-width-margin));
  }

  .spaced-section:last-child {
    margin-bottom: calc(5rem + var(--page-width-margin));
  }
}

.spaced-section--full-width + .spaced-section--full-width {
  margin-top: 0;
}

.spaced-section--full-width:first-child {
  margin-top: 0;
}

.spaced-section--full-width:last-child {
  margin-bottom: 0;
}

body,
.color-background-1,
.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
}

.background-secondary {
  background-color: rgba(var(--color-foreground), 0.04);
  padding: 4rem 0 5rem;
}

@media screen and (min-width: 750px) {
  .background-secondary {
    padding: calc(6rem + var(--page-width-margin)) 0
      calc(5rem + var(--page-width-margin));
  }
}

.grid-auto-flow {
  display: grid;
  grid-auto-flow: column;
}

.page-margin,
.shopify-challenge__container {
  margin: 7rem auto;
}

.rte-width {
  max-width: 82rem;
  margin: 0 auto 2rem;
}

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

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.overflow-hidden {
  overflow: hidden;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

::selection {
  background-color: #d0d0d0;
  color: #232323;
}

.text-body {
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-primary);
  font-weight: 325;
}

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: var(--font-primary);
  font-weight: 350;
  color: rgb(var(--color-foreground));
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
}

.h0 {
  font-size: calc(var(--font-heading-scale) * 4rem);
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 5.2rem);
  }
}

h1,
.h1 {
  font-size: calc(var(--font-heading-scale) * 3rem);
}

@media only screen and (min-width: 750px) {
  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 4rem);
  }
}

h2,
.h2 {
  font-size: calc(var(--font-heading-scale) * 2rem);
}

@media only screen and (min-width: 750px) {
  h2,
  .h2 {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }
}

h3,
.h3 {
  font-size: calc(var(--font-heading-scale) * 1.7rem);
}

@media only screen and (min-width: 750px) {
  h3,
  .h3 {
    font-size: calc(var(--font-heading-scale) * 1.8rem);
  }
}

h4,
.h4 {
  font-family: var(--font-primary);
  font-weight: 350;
}

h5,
.h5 {
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}

@media only screen and (min-width: 750px) {
  h5,
  .h5 {
    font-size: calc(var(--font-heading-scale) * 1.3rem);
  }
}

h6,
.h6 {
  color: rgba(var(--color-foreground), 0.75);
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

blockquote {
  font-style: italic;
  color: rgba(var(--color-foreground), 0.75);
  border-left: 0.2rem solid rgba(var(--color-foreground), 0.2);
  padding-left: 1rem;
}

@media screen and (min-width: 750px) {
  blockquote {
    padding-left: 1.5rem;
  }
}

.caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .caption {
    font-size: 1.2rem;
  }
}

.caption-with-letter-spacing {
  font-size: 1rem;
  letter-spacing: 0.13rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  text-transform: uppercase;
}

.caption-with-letter-spacing--medium {
  font-size: 1.2rem;
  letter-spacing: .16rem;
}

.caption-with-letter-spacing--large {
  font-size: 1.4rem;
  letter-spacing: 0.18rem;
}

.caption-large,
.customer .field input,
.customer select,
.field__input,
.form__label,
.select__select {
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

.color-foreground {
  color: rgb(var(--color-foreground));
}

table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.378rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  /* draws the table border  */
}

table:not([class]) td,
table:not([class]) th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

.hidden {
  display: none !important;
}

@media screen and (max-width: 749px) {
  .small-hide {
    display: none !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  .large-up-hide {
    display: none !important;
  }
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.light {
  opacity: 0.7;
}

a:empty,
ul:empty,
dl:empty,
/* div:empty, */
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

.link,
.customer a {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  color: rgb(var(--color-link));
  background-color: transparent;
  font-size: 1.4rem;
  font-family: inherit;
}

.link--text {
  color: rgb(var(--color-foreground));
}

.link--text:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.link-with-icon {
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  margin-bottom: 4.5rem;
  white-space: nowrap;
}

.link-with-icon .icon {
  width: 1.5rem;
  margin-left: 1rem;
}

.link[role="link"]:not([href]) {
  cursor: not-allowed;
}

.circle-divider::after {
  content: '\2022';
  margin: 0 1.3rem 0 1.5rem;
}

.circle-divider:last-of-type::after {
  display: none;
}

hr {
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  display: block;
  margin: 5rem 0;
}

@media screen and (min-width: 750px) {
  hr {
    margin: 7rem 0;
  }
}

.full-unstyled-link {
  text-decoration: none;
  color: currentColor;
  display: block;
}

.placeholder {
  background-color: rgba(var(--color-foreground), 0.04);
  color: rgba(var(--color-foreground), 0.55);
  fill: rgba(var(--color-foreground), 0.55);
}

details > * {
  box-sizing: border-box;
}

.break {
  word-break: break-word;
}

.visibility-hidden {
  visibility: hidden;
}

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

:root {
  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-long: 500ms;
}

.underlined-link,
.customer a {
  color: rgba(var(--color-link), var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness ease 100ms;
}

.underlined-link:hover,
.customer a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.icon-arrow {
  width: 1.5rem;
}

h3 .icon-arrow,
.h3 .icon-arrow {
  width: calc(var(--font-heading-scale) * 1.5rem);
}

/* arrow animation */
.animate-arrow .icon-arrow path {
  transform: translateX(-0.25rem);
  transition: transform var(--duration-short) ease;
}

.animate-arrow:hover .icon-arrow path {
  transform: translateX(-0.05rem);
}
.collection .swiper{
  padding-top:20px;
}
.sales-icon-wrapper{
      width: 80px;
    position: absolute;
    z-index: 1;
    right: -20px;
    top: -30px;
}
.sales-icon-wrapper img{
  max-width:100%;
}
/* base-details-summary */
summary,
.header__link--hover {
  cursor: pointer;
  list-style: none;
  position: relative;
}

summary .icon-caret,
.header__link--hover .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: 1.5rem;
  top: calc(50% - 0.2rem);
}

summary::-webkit-details-marker {
  display: none;
}

.disclosure-has-popup {
  position: relative;
}

.disclosure-has-popup[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  content: ' ';
  background: transparent;
}

.disclosure-has-popup > summary::before {
  display: none;
}

.disclosure-has-popup[open] > summary + * {
  z-index: 100;
}

@media screen and (min-width: 750px) {
  .disclosure-has-popup[open] > summary + * {
    z-index: 4;
  }

  .facets .disclosure-has-popup[open] > summary + * {
    z-index: 2;
  }
}

/* base-focus */
/*
  Focus ring - default (with offset)
*/

*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
.focused,
.no-js *:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* Negate the fallback side-effect for browsers that support :focus-visible */
.no-js *:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*
  Focus ring - inset
*/

.focus-inset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.focused.focus-inset,
.no-js .focus-inset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.no-js .focus-inset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*
  Focus ring - none
*/

/* Dangerous for a11y - Use with care */
.focus-none {
  box-shadow: none !important;
  outline: 0 !important;
}

.focus-offset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.focus-offset.focused,
.no-js .focus-offset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.no-js .focus-offset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/* component-title */
.title,
.title-wrapper-with-link {
  margin: 3rem 0 2rem;
}

.title-wrapper-with-link .title {
  margin: 0;
}s

.title .link {
  font-size: inherit;
}

.title-wrapper {
  margin-bottom: 3rem;
}

.title-wrapper-with-link {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin: 1rem 0;
  flex-wrap: wrap;
}

.title--primary {
  margin: 4rem 0;
}

.title-wrapper--self-padded-tablet-down,
.title-wrapper--self-padded-mobile {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media screen and (min-width: 750px) {
  .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 990px) {
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 3rem;
  }

  .title--primary {
    margin: 2rem 0;
  }

  .title-wrapper-with-link {
    align-items: center;
  }

  .title-wrapper-with-link .title {
    margin-bottom: 0;
  }

  .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0;
  }
}

.title-wrapper-with-link .link-with-icon {
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.title-wrapper-with-link .link-with-icon svg {
  width: 1.5rem;
}

.title-wrapper-with-link a {
  color: rgb(var(--color-link));
  margin-top: 0;
  flex-shrink: 0;
}

@media screen and (min-width: 990px) {
  .title-wrapper-with-link.title-wrapper-with-link--no-heading {
    display: none;
  }
}

.subtitle {
  font-size: 1.8rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
}

.subtitle--small {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.subtitle--medium {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}

/* component-grid */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  margin-left: -0.5rem;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 750px) {
  .grid {
    margin-left: -1rem;
  }
}

.grid__item {
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  width: calc(25% - 0.5rem * 3 / 4);
  max-width: 50%;
  flex-grow: 1;
  flex-shrink: 0;
}

@media screen and (min-width: 750px) {
  .grid__item {
    padding-left: 1rem;
    padding-bottom: 1rem;
    width: calc(25% - 1rem * 3 / 4);
    max-width: 50%;
  }
}

.grid--gapless .grid__item {
  padding-left: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 749px) {
  .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .grid--one-third-max.grid--3-col-tablet .grid__item {
    max-width: 33.33%;
  }
  .collection .grid--one-third-max.grid--3-col-tablet .grid__item {
    max-width: calc(50% - 24px);
  }
}

@media screen and (min-width: 990px) {
  .grid--quarter-max.grid--4-col-desktop .grid__item {
    max-width: 25%;
  }

  .collection .grid--quarter-max.grid--4-col-desktop .grid__item {
    max-width: calc(33.33% - 24px);
  }

}

.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

.grid--3-col .grid__item {
  width: calc(33.33% - 0.5rem * 2 / 3);
}

@media screen and (min-width: 750px) {
  .grid--3-col .grid__item {
    width: calc(33.33% - 1rem * 2 / 3);
  }
}

.grid--2-col .grid__item {
  width: calc(50% - 0.5rem / 2);
}

@media screen and (min-width: 750px) {
  .grid--2-col .grid__item {
    width: calc(50% - 1rem / 2);
  }

  .grid--4-col-tablet .grid__item {
    width: calc(25% - 1rem * 3 / 4);
  }

  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - 1rem * 2 / 3);
  }

  .grid--2-col-tablet .grid__item {
    width: calc(50% - 1rem / 2);
  }

  .collection .grid--4-col-desktop .grid__item {
    width:  calc(33.33% - 24px);
    max-width:  calc(33.33%  - 24px);
    margin: 12px;
  }

  .boost-pfs-filter-tree-open-body .grid__item.boost-pfs-action-list-enabled {
    width: calc(50% - 24px);
    max-width: calc(50% - 24px);
    margin: 12px;
   }

}

@media screen and (min-width: 1200px) {
  .grid--4-col-desktop .grid__item {
    width: calc(25% - 1rem * 3 / 4);
  }

  .grid--3-col-desktop .grid__item {
    width: calc(33.33% - 1rem * 2 / 3);
  }

  .grid--2-col-desktop .grid__item {
    width: calc(50% - 1rem / 2);
  }

  .collection .grid .grid__item.boost-pfs-action-list-enabled {
    width:  calc(25% - 24px);
    max-width:  calc(25% - 24px);
    margin: 12px;
  }

  .boost-pfs-filter-tree-open-body .collection .grid .grid__item.boost-pfs-action-list-enabled {
    width: calc(33.33% - 24px);
    max-width: calc(33.33% - 24px);
    margin: 12px;
   }
}

.grid__item--vertical-align {
  align-self: center;
}

.grid__item--full-width {
  flex: 0 0 100%;
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }

  .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .grid--peek .grid__item {
    width: calc(50% - 3.75rem / 2);
  }

  .grid--peek .grid__item:first-of-type {
    padding-left: 1.5rem;
  }

  .grid--peek .grid__item:last-of-type {
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - 4rem * 3 / 4);
  }

  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - 4rem * 2 / 3);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item {
    width: calc(50% - 4rem / 2);
  }

  .slider--tablet.grid--peek .grid__item:first-of-type {
    padding-left: 1.5rem;
  }

  .slider--tablet.grid--peek .grid__item:last-of-type {
    padding-right: 1.5rem;
  }
}

@media screen and (max-width: 989px) {
  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }

  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }
}

/* component-media */
.media {
  display: block;
  background-color: rgba(var(--color-foreground), 0.1);
  position: relative;
  overflow: hidden;
}

.media--transparent {
  background-color: transparent;
}

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.media--square {
  padding-bottom: 100%;
}

.media--portrait {
  padding-bottom: 125%;
}

.media--landscape {
  padding-bottom: 66.6%;
}

.media--cropped {
  padding-bottom: 56%;
}

.media--16-9 {
  padding-bottom: 56.25%;
}

.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}

.media.media--hover-effect > img + img {
  opacity: 0;
}

@media screen and (min-width: 990px) {
  .media--cropped {
    padding-bottom: 63%;
  }
}

deferred-media {
  display: block;
}

/* component-button */
/* Button - default */

.button,
.shopify-challenge__button {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font: inherit;
  padding: 0.9rem 3rem 1.1rem;
  text-decoration: none;
  border: 0.1rem solid transparent;
  border-radius: 0;
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border));
  color: rgb(var(--color-button-text));
  min-width: 12rem;
  min-height: 4.5rem;
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
}

.button:focus-visible {
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border)),
    0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.button:focus {
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border)),
    0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.button:focus:not(:focus-visible) {
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border));
}

.button::selection,
.shopify-challenge__button::selection,
.customer button::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.button,
.button-label,
.shopify-challenge__button {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

.button--tertiary {
  font-size: 1.2rem;
  padding: 1rem 1.5rem;
  min-width: 9rem;
  min-height: 3.5rem;
}

.button--small {
  padding: 1.2rem 2.6rem;
}

/* Button - hover */

.button:not([disabled]):hover,
.shopify-challenge__button:hover{
  box-shadow: 0 0 0 0.2rem rgba(var(--color-button), var(--alpha-button-border));
}

/* Button - other */

.button:disabled,
.button[aria-disabled='true'],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled='true'],
.customer button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.button--full-width {
  display: flex;
  width: 100%;
}

.button.loading {
  color: transparent;
  position: relative;
}

@media screen and (forced-colors: active) {
  .button.loading {
    color: rgb(var(--color-foreground));
  }
}

.button.loading > .loading-overlay__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
}

/* Button - social share */

.share-button {
  display: block;
  position: relative;
}

.share-button details {
  width: fit-content;
}

.share-button__button {
  font-size: 1.4rem;
  display: flex;
  min-height: 2.4rem;
  align-items: center;
  color: rgb(var(--color-link));
  margin-left: 0;
  padding-left: 0;
}

details[open] > .share-button__fallback {
  animation: animateMenuOpen var(--duration-default) ease;
}

.share-button__button:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.share-button__button .icon-share {
  height: 1.2rem;
  margin-right: 1rem;
  width: 1.3rem;
}

.share-button__fallback {
  background: rgb(var(--color-background));
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  left: 0.1rem;
  z-index: 3;
  width: 100%;
  min-width: max-content;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.55);
}

.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.share-button__fallback button:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.share-button__fallback button:hover svg {
  transform: scale(1.07);
}

.share-button__close:not(.hidden) + .share-button__copy {
  display: none;
}

.share-button__close,
.share-button__copy {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

.share-button__fallback .field__input {
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.share-button__fallback .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.share-button__message:not(:empty) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0.8rem 0 0.8rem 1.5rem;
}

.share-button__message:not(:empty):not(.hidden) ~ * {
  display: none;
}

/* component-form */
.field__input,
.select__select,
.customer .field input,
.customer select {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0.1rem solid transparent;
  border-radius: 0;
  color: rgb(var(--color-foreground));
  font-size: 1.6rem;
  width: 100%;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.55);
  height: 4.5rem;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
}

.select__select {
  font-family: var(--font-primary);
  font-weight: 325;
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.75);
}

.field__input:hover,
.select__select:hover,
.customer .field input:hover,
.customer select:hover,
.localization-form__select:hover {
  box-shadow: 0 0 0 0.2rem rgba(var(--color-foreground), 0.55);
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--color-foreground), 0.75);
  outline: transparent;
}

.text-area,
.select {
  display: inline-block;
  position: relative;
  width: 100%;
}

/* Select */

.select .icon-caret,
.customer select + svg {
  height: 0.6rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: 1.5rem;
}

.select__select,
.customer select {
  cursor: pointer;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding: 0 4rem 0 1.5rem;
}

/* Field */

.field {
  position: relative;
  width: 100%;
  display: flex;
}

.customer .field {
  display: block;
}

.field--with-error {
  flex-wrap: wrap;
}

.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  padding: 1.5rem;
}

.field__label,
.customer .field label {
  font-size: 1.6rem;
  left: 1.5rem;
  top: 1rem;
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--duration-short) ease,
    font-size var(--duration-short) ease;
  color: rgba(var(--color-foreground), 0.75);
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
  font-size: 1rem;
  top: 0.3em;
  letter-spacing: 0.04rem;
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
  padding: 2.2rem 1.5rem 0.8rem;
}

.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
  display: none;
}

.field__input::placeholder,
.customer .field input::placeholder {
  opacity: 0;
}

.field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}

.field__button > svg {
  height: 2.5rem;
  width: 2.5rem;
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:-webkit-autofill ~ label {
  color: rgb(0, 0, 0);
}

/* Text area */

.text-area {
  font-family: var(--font-primary);
  font-weight: 325;
  font-weight: 325;
  padding: 1.2rem;
  min-height: 10rem;
  resize: none;
}

.text-area--resize-vertical {
  resize: vertical;
}

input[type='checkbox'] {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}

/* Form global */

.form__label {
  display: block;
  margin-bottom: 0.6rem;
}

.form__message {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 1rem;
}

.form__message--large {
  font-size: 1.6rem;
}

.customer .field .form__message {
  font-size: 1.4rem;
  text-align: left;
}

.form__message .icon,
.customer .form__message svg {
  flex-shrink: 0;
  height: 1.3rem;
  margin-right: 0.5rem;
  width: 1.3rem;
}

.form__message--large .icon,
.customer .form__message svg {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

.customer .field .form__message svg {
  align-self: start;
}

.form-status {
  margin: 0;
  font-size: 1.6rem;
}

.form-status-list {
  padding: 0;
  margin: 2rem 0 4rem;
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

/* component-quantity */
.quantity {
  border: 0.1rem solid rgba(var(--color-base-text), 0.08);
  position: relative;
  height: 4.5rem;
  width: calc(14rem / var(--font-body-scale));
  display: flex;
}

.quantity__input {
  color: currentColor;
  font-size: 1.4rem;
  font-weight: 500;
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0.5rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}

.quantity__button {
  width: calc(4.5rem / var(--font-body-scale));
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
}

.quantity__button svg {
  width: 1rem;
  pointer-events: none;
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__input[type='number'] {
  -moz-appearance: textfield;
}

/* component-modal */
.modal__toggle {
  list-style-type: none;
}

.no-js details[open] .modal__toggle {
  position: absolute;
  z-index: 5;
}

.modal__toggle-close {
  display: none;
}

.no-js details[open] svg.modal__toggle-close {
  display: flex;
  z-index: 1;
  height: 1.7rem;
  width: 1.7rem;
}

.modal__toggle-open {
  display: flex;
}

.no-js details[open] .modal__toggle-open {
  display: none;
}

.no-js .modal__close-button.link {
  display: none;
}

.modal__close-button.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  height: 4.4rem;
  width: 4.4rem;
  background-color: transparent;
}

.modal__close-button .icon {
  width: 1.7rem;
  height: 1.7rem;
}

.modal__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-background));
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.media-modal {
  cursor: zoom-out;
}

.media-modal .deferred-media {
  cursor: initial;
}

/* component-cart-count-bubble */
.cart-count-bubble:empty {
  display: none;
}

.cart-count-bubble {
	position: absolute;
	color: #fff;
	height: 15px;
	width: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
	bottom: 32px;
	left: 26px;
	line-height: calc(1 + .1 / var(--font-body-scale));
	border-radius: 50%;
	background: #414B56;
}

/* section-announcement-bar */
#shopify-section-announcement-bar {
  z-index: 4;
}

.announcement-bar {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  color: rgb(var(--color-foreground));
}

.announcement-bar__link {
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  text-decoration: none;
}

.announcement-bar__link:hover {
  color: rgb(var(--color-foreground));
  background-color: rgba(var(--color-card-hover), 0.06);
}

.announcement-bar__link .icon-arrow {
  display: inline-block;
  pointer-events: none;
  margin-left: 0.8rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
}

.announcement-bar__link .announcement-bar__message {
  padding: 0;
}

.announcement-bar__message {
  text-align: center;
  padding: 1rem 2rem;
  margin: 0;
  letter-spacing: 0.1rem;
}

/* section-header */
#shopify-section-header {
  z-index: 3;
}

.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}

.shopify-section-header-hidden {
  transform: translateY(-100%);
}

#shopify-section-header.animate {
  transition: transform 0.15s ease-out;
}

/* Main Header Layout */
.header-wrapper {
  display: block;
  position: relative;
  background-color: #fff;
}

.header-wrapper--border-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

/*.header {*/
/*  display: grid;*/
/*  grid-template-areas: 'left-icon heading icons';*/
/*  grid-template-columns: 1fr 2fr 1fr;*/
/*  align-items: center;*/
/*  padding-top: 1rem;*/
/*  padding-bottom: 1rem;*/
/*}*/

@media screen and (min-width: 990px) {
  /*.header {*/
  /*  padding-top: 2rem;*/
  /*  padding-bottom: 2rem;*/
  /*}*/

  .header--has-menu:not(.header--middle-left) {
    padding-bottom: 0;
  }

  .header--top-left,
  .header--middle-left:not(.header--has-menu) {
    grid-template-areas:
      'heading icons'
      'navigation navigation';
    grid-template-columns: 1fr auto;
  }

  .header--middle-left {
    grid-template-areas: 'heading navigation icons';
    grid-template-columns: auto auto 1fr;
    column-gap: 2rem;
  }

  .header--top-center {
    grid-template-areas:
      'left-icon heading icons'
      'navigation navigation navigation';
  }

  /*.header:not(.header--middle-left) .header__inline-menu {*/
  /*  margin-top: 1.05rem;*/
  /*}*/
}

.header *[tabindex='-1']:focus {
  outline: none;
}

.header__heading {
  margin: 0;
  line-height: 0;
}

.header > .header__heading-link {
  line-height: 0;
}

.header__heading,
.header__heading-link {
  grid-area: heading;
  justify-self: center;
}

.header__heading-link {
  display: inline-block;
  padding: 14px;
  text-decoration: none;
  word-break: break-word;
}

.header__heading-link:hover .h2 {
  color: rgb(var(--color-foreground));
}

.header__heading-link .h2 {
  line-height: 1;
  color: rgba(var(--color-foreground), 0.75);
}

.header__heading-logo {
  height: auto;
  width: 100%;
}

.header__heading-logo-svg {
	display: block;
	width: var(--logo_width);
	line-height: 0;
}

.header__heading-logo-svg svg {
	width: var(--logo_width);
}

@media screen and (max-width: 989px) {
  .header__heading,
  .header__heading-link {
    text-align: center;
  }

	.header__heading-logo-svg svg {
		width: var(--logo_width_mobile);
	}

	.header__heading-logo-svg {
		display: block;
		width: var(--logo_width_mobile);
	}
}

@media screen and (min-width: 1300px) {
  .header__heading-link {
    margin-left: -0.75rem;
  }

  .header__heading,
  .header__heading-link {
    justify-self: start;
  }

  .header--top-center .header__heading-link,
  .header--top-center .header__heading {
    justify-self: center;
    text-align: center;
  }
}

/* Header icons */
.header__icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
}

.header__icon:not(.header__icon--summary),
.header__icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__icons a:hover svg{
		fill:var(--brand-secondary);
}

.header__icons a:hover svg path{
	fill:var(--brand-secondary);
}

.header__icon {
  color: rgb(var(--color-foreground));
}

.header__icon span {
  height: 100%;
}

.header__icon::after {
  content: none;
}

.header__icon:hover .icon,
.modal__close-button:hover .icon {
  transform: scale(1.07);
}

.header__icon .icon {
  height: auto;
  width: 1.5rem;
  fill: none;
  vertical-align: middle;
}

/*.header__icon,*/
/*.header__icon--cart .icon {*/
/*  height: 24px;*/
/*  width: auto;*/
/*}*/

/*.header__icon--cart {*/
/*  position: relative;*/
/*  margin-right: -1.2rem;*/
/*}*/

@media screen and (max-width: 989px) {
  menu-drawer ~ .header__icons .header__icon--account {
    display: none;
  }
}

/* Search */
menu-drawer + .header__search {
  display: none;
}

.header > .header__search {
  grid-area: left-icon;
  justify-self: start;
}

.header:not(.header--has-menu) * > .header__search {
  display: none;
}

.header__search {
  display: inline-flex;
  line-height: 0;
}

.header--top-center > .header__search {
  display: none;
}

.header--top-center * > .header__search {
  display: inline-flex;
}

@media screen and (min-width: 990px) {
  .header:not(.header--top-center) * > .header__search,
  .header--top-center > .header__search {
    display: inline-flex;
  }

  .header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search {
    display: none;
  }
}

.no-js .predictive-search {
  display: none;
}

details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}

details[open] .modal-overlay {
  display: block;
}

details[open] .modal-overlay::after {
  position: absolute;
  content: '';
  background-color: rgb(var(--color-foreground), 0.5);
  top: 100%;
  left: 0;
  right: 0; display:none;
  height: 100vh;
}

.no-js details[open] > .header__icon--search {
  top: 1rem;
  right: 0.5rem;
}

.search-modal {
  opacity: 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  height: 100%;
}

.search-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 5rem 0 1rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
}

.search-modal__form {
  width: 100%;
}

.search-modal__close-button {
  position: absolute;
  right: 0.3rem;
}

@media screen and (min-width: 750px) {
  .search-modal__close-button {
    right: 1rem;
  }

  .search-modal__content {
    padding: 0 6rem;
  }
}

@media screen and (min-width: 990px) {
  .search-modal__form {
    max-width: 47.8rem;
  }

  .search-modal__close-button {
    position: initial;
    margin-left: 0.5rem;
  }
}

/* Header menu drawer */
.header__icon--menu .icon {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
}

details:not([open]) > .header__icon--menu .icon-close,
details[open] > .header__icon--menu .icon-hamburger {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}

.header__inline-menu details[open] > .header__submenu {
  opacity: 1;
  transform: translateY(0);
  animation: animateMenuOpen var(--duration-default) ease;
  z-index: 3;
  flex-direction: column;
}

/* Header menu */
.header__inline-menu {
  margin-left: -1.2rem;
  grid-area: navigation;
  display: none;
}

.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    display: block;
  }

  .header--top-center .header__inline-menu {
    justify-self: center;
  }

  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }

  .header--middle-left .header__inline-menu {
    margin-left: 0;
  }
}

.header__menu {
  padding: 0 1rem;
}

.header__menu-item {
  padding: 1.2rem;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.header__menu-item:hover {
  color: rgb(var(--color-foreground));
}

.header__menu-item span {
  transition: text-decoration var(--duration-short) ease;
}

.header__menu-item:hover span {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.header__active-menu-item {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.header__menu-item:hover .header__active-menu-item {
  text-decoration-thickness: 0.2rem;
}

.header__submenu {
  transition: opacity var(--duration-default) ease,
    transform var(--duration-default) ease;
}

.header__submenu.list-menu {
  padding: 2rem 0;
}

.header__submenu .header__submenu {
  background-color: rgba(var(--color-foreground), 0.03);
  padding: 0.5rem 0;
  margin: 0.5rem 0;
}

.header__submenu .header__menu-item:after {
  right: 2rem;
}

.header__submenu .header__menu-item {
  padding: 0.95rem 3.5rem 0.95rem 2rem;
}

.header__submenu .header__submenu .header__menu-item {
  padding-left: 3rem;
}

.header__menu-item .icon-caret {
  right:0;
}

.header__submenu .icon-caret {
  right: 2rem;
}

details-disclosure > details {
  position: relative;
}

@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.overflow-hidden-mobile,
.overflow-hidden-tablet {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}

@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}

.badge {
  border-radius: 3px;
  display: block;
  font-weight: 350;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.1rem;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: var(--color-teal-darker);
  color: var(--color-white);
  word-break: break-word;
  padding: 2px 8px;
}

.badge-sale{
  background: var(--background-sale-color);
}

.gradient {
  background: var(--color-background);
  background: var(--gradient-background);
  background-attachment: fixed;
}

@media screen and (forced-colors: active) {
  .icon {
    color: CanvasText;
    fill: CanvasText !important;
  }

  .icon-close-small path {
    stroke: CanvasText;
  }
}

.breadcrumbs {
	margin: 18px 0 50px 0;
}

.breadcrumbs__container {
	display: flex;
	align-items: center;
}

.breadcrumbs a,
.breadcrumbs span {
	font-size: 11px;
	font-weight: 325;
	line-height: 1.4;
	color: #414B56;
	text-decoration: none;
	margin-bottom: 0;
}

.breadcrumbs span.breadcrumbs__separator {
	margin: 0 8px;
	font-size: 12px;
	font-weight: 400;
}

.global-image-with-text__tag {
	margin-top: 20px;
}

@media screen and (max-width: 576px) {
	.breadcrumbs {
		margin: 14px 0;
	}
}


.field-input {
  margin-bottom: 15px;
}

.customer .button--primary {
  padding: 15px;
  width: 320px;
  border-radius: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid var(--button-primary);
}

.login a, .login a[href="#recover"] {
  text-align: center;
  margin: 0;
  width: 100%;
  font-size: 16px;
}

.text-area.input{
  border-radius: 30px;
  border-color: #afb4b9;
  margin-top: 15px;
}

.contact__button .button--primary{
  width: 320px;
}

.header__element--hidden {
	visibility: hidden;
	opacity: 0;
}

.header__link--display-menu {
	position: relative;
}

.header__link--display-menu:hover .header__link-link{
	color: var(--brand-secondary);
}

.header__link--display-menu:hover .header__element--hidden {
	visibility: visible;
	opacity: 1;
	animation: animateMenuOpen var(--duration-default) ease;
	z-index: 3;
	flex-direction: column;
}


body {
  -webkit-text-size-adjust: 100%;
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 21;
	display: block;
	width: 100%;
	transform: translateZ(0);
	transition-property: transform;
	transition-duration: .25s;
}

.header a {
	margin-bottom: 0;
}

.header-wrapper {
	display: flex;
	z-index: 2;
	justify-content: space-between;
	align-items: stretch;
}

.header__search {
	position: relative;
	margin-right: 22px;
}

.header__icons {
	align-items: center;
}

.header__search input.input {
	width: 241px;
	padding-left: 50px;
	height: 40px;
}

.list-menu li {
	margin-bottom: 0;
}

.list-menu__item {
	margin-bottom: 0;
}

.header__menu-item {
	font-size: 15px;
	line-height: 16px;
	color: #001722;
	text-decoration: none;
	transition: color 0.25s;
}

.header__menu-item:hover span {
	text-decoration: none;
}

ul.header-sub-child{
    list-style: none;
    padding-left: 10px;
	margin: 0;
	margin-top: -10px;
}

ul.mobile-sub-child {
    list-style: none;
    padding-left: 10px;
}

.top-bar .header__submenu ul.header-sub-child .link,  ul.mobile-sub-child .link {
    font-size: 13px;
	opacity: 0.9;
}

.search-btn {
	background: 0 0;
	border: 0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	line-height: 0;
	padding: 0 20px;
}

/*** NAVIGATION ***/
.navigation-list {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.navigation-list li {
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0;
}

.navigation-list__link {
	display: inline-flex;
	align-items: center;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	font-size: 15px;
	padding: 0 6px;
	color: var(--brand-primary);
	transition: color 0.3s;
}
@media screen and (min-width: 1550px) {
  .navigation-list .navigation-list__link {
    padding: 0 16px;
  }
  .navigation-list li:not(:last-child)::after {
    content: "";
    border-right: 1px solid #E6EBEE;
    display: block;
    height: 1rem;
  }
}
	/*** MEGA MENU ****/

.header__submenu.list-menu {
	background: #fff;
}

/***** TOP BAR *****/

.top-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #E6EBEE;
	background: #fff;
	z-index: 3;
	height: 37px;
}

.top-bar__additional-links {
	display: flex;
	align-items: center;
}

.top-bar .list-menu .link {
	font-style: normal;
	font-weight: 325;
	font-size: 13px;
	line-height: 15px;
	text-align: center;
	color: #414B56;
	padding: 10.5px 12px;
	margin-bottom: 0;
	text-decoration: none;
	transition-property: color;
	transition-duration: .25s;
}

.top-bar .list-menu .link:hover {
	color: var(--brand-secondary);
}

.top-bar .list-menu .header__link--hover.link {
	margin-right: 16px;
}


.top-bar__additional-links .link{
	font-style: normal;
	font-weight: 325;
	font-size: 13px;
	line-height: 15px;
	text-align: center;
	color: #414B56;
	padding: 10.5px 0;
	text-decoration: none;
	margin-bottom: 0;
}

.top-bar .header__submenu {
	display: flex;
	background: #fff;
	box-shadow: 0px 6px 10px 4px rgba(199, 204, 206, 0.3);
	z-index: 3;

}

.top-bar .header__submenu.list-menu {
	padding: 0 20px;
	margin-left:24px;
}

.top-bar li {
	margin-bottom: 0;
}

.top-bar .header__submenu  .link{
	font-size: 14px;
	line-height: 16px;
	padding: 13.5px 12px;
	white-space: nowrap;
}

summary .icon-caret,
.header__link--hover .icon-caret {
	position: absolute;
	height: 14px;
	right: 0;
	width: 7.6px;
	top: calc(50% - 6px);

}

.top-bar .header__icon {
	width: auto;
	height: 14px;
	font-size: 13px;
	line-height: 15px;
	color: #414B56;

}

.top-bar .header__icon svg {
	margin-right: 6px;
}

.top-bar__country-flag {
	display: flex;
	align-items: center;
	margin-right: 33px;
}

.top-bar__country-flag-image {
	margin-right: 5px;
}
.top-bar__country-flag-image svg {
	max-width: 20px;
}


.top-bat__country-flag-iso {
	font-style: normal;
	font-weight: 325;
	font-size: 13px;
	line-height: 15px;
	text-align: center;
	color: #414B56;
}

.top-bar__logo-flag-image {
	max-width: 19px;
}

.header__icons--mobile .header__icon input {
	cursor: pointer;
}

@media screen and (max-width: 1299px) {
	.header {
		display: flex;
		flex-direction: column-reverse;
	}

	.header__heading-logo {
		max-width: 130px;
	}

	.element--desktop {
		display: none;
	}

	.header__icons--mobile .header__icon{
		position: relative;
		height: 100%;
		padding-left: 7px;
		padding-right: 7px;
	}

	.header__icons--mobile .header__icon input{
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		cursor: pointer;
	}

	.header__icons--mobile .header__icon--cart {
		margin-right: -7px;
		position: relative;
	}

	.header--announcement-hidden {
		transform: translateY(calc(var(--header-announcement-height, 0) * -1));
	}

}

.header__icon--cart svg {
		transition: transform 0.3s;
}

@media screen and (min-width: 1300px) {
		.element--mobile {
			display: none;
		}

	    .header__icon--cart {
			transition: all 0.3s;
			height: 100%;
			padding: 0 15px;
			position: relative;
		}

    .header--announcement-hidden .header-container{
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
      }

	.header--top-bar-hidden {
		transform: translateY(calc(var(--header-top-bar-height, 0) * -1));
	}

	.announcement-bottom-bar-container {
		transform: translateZ(0);
		transition-property: transform;
		transition-duration: 0.25s;
	}


	.header--announcement-hidden .announcement-bottom-bar-container {
		transform: translateY(-100%);
	}
}
	/*****END TOP BAR *****/

/*****START announcement BAR *****/

.announcement-bottom-bar.swiper-wrapper  {
	display: flex;
	align-items: center;
	line-height: 0;
}

.announcement-bottom-bar__item {
	display: flex;
	height: 100%;
	padding: 12px 0;
	align-items: center;
}

.announcement-bottom-bar__item.swiper-slide {
	justify-content: center;
}

.announcement-bottom-bar__item-icon {
	margin-right: 10px;
}


.announcement-bottom-bar__item-icon svg {
   width: 15px;
}

.announcement-bottom-bar__item-text p {
	margin: 0;
	font-style: normal;
	font-weight: 325;
	font-size: 12px;
	line-height: 14px;
	color: #414B56;
}
.announcement-bottom-bar__item-text a {
	margin: 0;
	font-style: normal;
	font-weight: 325;
	font-size: 12px;
	line-height: 14px;
	color: #414B56;
	text-decoration: none;
}

.announcement-bottom-bar__item-text strong{
	font-weight: 350;
}

.top-bar .header__submenu .link.gated-link, .top-bar li.gated-link .link  {
    color: #57BDBE;
}
.top-bar .header__submenu .link.gated-link:hover, .top-bar li.gated-link .link:hover {
    color: #408e91;
}


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

	.announcement-bottom-bar-container {
		height: 44px;
	}

	.announcement-bottom-bar-container .swiper-buttons {
		display: inline-block;
	}

	.announcement-bottom-bar-container .swiper-buttons:after {
		position: absolute;
		color: #414b56;
		height: auto;
		font-size: 10px;
		font-weight: 900;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	.cart-count-bubble {
		bottom: 7px;
		left: 14px;
		line-height: 12px;
	}
}



/*****END announcement BAR *****/

@media screen and (min-width: 1300px) {
	header-drawer {
		display: none;
	}

	.announcement-bottom-bar__item.swiper-slide {
		width: auto;
		padding: 10px 20px;
	}

	.announcement-bottom-bar {
		width: 100%;
		justify-content: center;
	}
}

.menu-drawer-container {
	display: flex;
}

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

.list-menu--inline {
	display: inline-flex;
	flex-wrap: wrap;
}

summary.list-menu__item {
	padding-right: 1rem;
}

.list-menu__item {
	display: flex;
	align-items: center;
	line-height: calc(1 + 0.3 / var(--font-body-scale));
}

.list-menu__item--link {
	text-decoration: none;
	padding-bottom: 1rem;
	padding-top: 1rem;
	line-height: calc(1 + 0.8 / var(--font-body-scale));
}

@media screen and (min-width: 1300px) {
	.list-menu__item--link {
		padding-bottom: 0.5rem;
		padding-top: 0.5rem;
	}
}

.swym-button_wrap {
    margin-bottom: 15px;
    margin-top: 15px;
}


.header__link--hover a{
	text-decoration: none;
	font-style: normal;
	font-weight: 325;
	font-size: 13px;
	line-height: 15px;
	text-align: center;
	color: #414b56;
}
@media screen and (max-width: 1299px) {
	.header-wrapper {
		display: grid;
		grid-template-areas: "left-icon heading icons";
		grid-template-columns: 1fr 2fr 1fr;
		align-items: center;
	}

	.header__drawer {
		justify-self: start;
		margin-left: 12px;
	}

	.header__drawer-button .icon{
		width: 20px;
   }

}

@font-face {
	font-family: "Gotham Rounded";
	src: url("GothamRoundedMedium_21022.ttf") format("truetype");
    src: url("GothamRounded-Medium.otf") format("opentype");
	font-weight: 350;
	font-display: swap;
    font-style: normal;
}

@font-face {
	font-family: "Gotham Rounded";
	src: url("GothamRoundedBook_21018.ttf") format("truetype");
    src: url("GothamRounded-Book.otf") format("opentype");
	font-weight: 325;
	font-display: swap;
    font-style: normal;
}

body {
    letter-spacing: normal;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: var(--font-primary);
    font-weight: 350;
    margin-bottom: 15px;
    margin-top: 5px;
    color: var(--brand-primary);
}

h1,
.h1 {
    font-size: 28px;
    line-height: 1.5;
}

h2,
.h2 {
    font-size: 24px;
    line-height: 1.5;
}

h3,
.h3 {
    font-size: 20px;
    line-height: 1.2;
}

h4,
.h4 {
    font-family: var(--font-primary);
    font-size: 18px;
    line-height: 1.6;
    font-weight: 325;
    margin-bottom: 15px;
    margin-top: 5px;
}

h5,
.h5 {
    font-size: 18px;
    line-height: 1.6;
}

h6,
.h6 {
    font-size: 16px;
    line-height: 1.25;
}


@media screen and (max-width: 768px) {
    h1,
    .h1 {
        font-size: 20px;
        line-height: 1.5;
    }

    h2,
    .h2 {
        font-size: 18px;
        line-height: 1.75;
    }
    
    h3,
    .h3{
        font-size: 17px;
        line-height: 1.4;
    }
    
    h4,
   .h4{
        font-family: var(--font-primary);
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 15px;
        margin-top: 5px;
    }
    
    h5,
    .h5{
        font-size: 16px;
        line-height: 1.25;
    }
    
    h6,
   .h6{
        font-size: 14px;
        line-height: 1.5;
    }
    
}
@media screen and (min-width: 1400px) {

    h1,
    .h1 {
        font-size: 34px;
        line-height: 1.3;
    }
    
    h2,
    .h2 {
        font-size: 28px;
        line-height: 1.25;
    }
    
    h3,
    .h3 {
        font-size: 25px;
        line-height: 1.2;
    } 
}


p, .paragraph {
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 14px;
    line-height: 1.5;
    color: var(--brand-primary);
}

small,
.small {
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 11px;
    line-height: 1.6;
    color: var(--brand-primary);
}
.large {
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 18px;
    line-height: 1.2;
    color: var(--brand-primary);
} 

@media screen and (max-width: 992px) {
    .large {
        font-size: 16px;
        line-height: 1.3;
    } 
 }

@media screen and (min-width: 1400px) {
    p, .paragraph {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 10px;
        margin-top: 0;
    }

    small,
    .small {
        font-size: 12px;
        line-height: 1.4;
        color: var(--color-base-text);
    }

    .large {
        font-size: 20px;
        line-height: 1.4;
    } 
}

a { 
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: underline;
    color: var(--brand-primary);
    margin-bottom: 10px;
}

a:hover{
    color: var(--brand-secondary);
}

.link {
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: underline;
    color: var(--brand-primary);
 }

 .link:hover{
    color: var(--brand-secondary);
 }

 
 @media screen and (max-width: 992px) {
    .link {
        font-size: 14px;
        line-height: 1.5;
    }

 }

 @media screen and (min-width: 1400px) {
     a{
        font-family: var(--font-primary);
        font-weight: 325;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 10px;
        margin-top: 0;
     }
 }

 ul, ol {
    padding-left: 20px;
    margin: 10px 0;
}

li{
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 14px;
    line-height: 1.5;
    color: var(--brand-primary);
    margin-bottom: 10px;
}
@media screen and (min-width: 1440px) {
    li{
        font-family: var(--font-primary);
        font-weight: 325;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
}
li a {
    color: var(--brand-primary);
}

:root {
    --font-primary: "Gotham Rounded";

    /* Brand colors */
    --brand-primary: #001722;
    --brand-secondary: #57BDBE;
    --brand-tertiary: #bf4f9d;

    /*  Text colors */
    --headline-primary: #414B56;

    --paragraph-primary: var(--brand-primary);
    --paragraph-secondary: #414B56;

    /*  System colors */
    --button-primary: #3F4245;
    --button-primary-text:  var(--color-white);

    --button-secondary: var(--background-turquoise);
    --button-secondary-text:  var(--brand-primary);
    --button-secondary-bordr: var(--brand-primary);

    --button-tertiary: var(--color-white);
    --button-tertiary-text:  var(--color-teal-darker);
    --button-tertiary-bordr: var(--color-teal-darker);

    --button-hover: var(--background-turquoise);
    --button-text-hover: var(--brand-primary);


    --link-color: var(--brand-primary);
    --link-color-hover: var(--brand-secondary);

    /* Border color */
    --border-color: var(--brand-primary);
    --border-secondary-color: #e5e5e5;
    --border-tertiary-color: #d3d6d9;

    /* Background colors */
    --background-white: #FFF;
    --background-black: #000;
    --background-turquoise: #95D6D6;
    --background-light-blue: #EFF9F9;

    --background-divider: #969696;
    --background-overlay: rgba(#888C9A, 0.6);
    --background-save-color: #BF4F9D;
    --background-sale-color: #CB4867;

    /* Field colors */
    --field-text: #676F78;
    --field-placeholder: #ADB2B8;

    --field-border-inactive:  #ADB2B8;
    --field-border-active:  var(--field-text);

    /* State colors */
    --state-success:  #00BC37;
    --state-error:  #FF5942;
    --state-danger:  #FACFBF;
    --state-inactive:  #ADB2B8;
    --state-active:  var(--field-text);

    /* Other colors */
    --color-black: #000;
    --color-white: #fff;
    --color-light-grey: #EFF3F5;
    --color-light-green: #70CACB;
    --color-lime: #84C98F;
    --color-teal-darker: #107273;

    /* Downn theme veriables */
    --color-base-text: var(--brand-primary);
    --color-base-background-1: var(--background-light-blue);
    --color-base-background-2: var(--background-light-blue);
    --color-base-solid-button-labels: var(--button-primary-text);
    --color-base-outline-button-labels: var(--button-secondary-text);
    --color-base-accent-1: var(--brand-primary);
    --color-base-accent-2: var(--brand-secondary);

	/*custom variables*/
	--border-faq-color: #70CACB;
}
.button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 16px;
	padding-right: 16px;
	border: 1px solid transparent;
	font-family: var(--font-primary);
	font-weight: 350;
  font-size: 14px;
	line-height: 1;
	text-align: center;
	text-transform: unset;
	text-decoration: none;
	transition-property: border-color, background-color, color;
	transition-duration: 0.25s;
	transition-timing-function: ease-out;
  min-width: 223px;
  min-height: auto;
  border-radius: 50px;
  letter-spacing: normal;
}

.button--icon-left .button__icon {
  margin-right: 10px;
}

.button--icon-right .button__icon {
  margin-left: 10px;
}

.button--primary{
  background: var(--button-primary); 
  color: var(--button-primary-text);
}


.button--primary path {
  fill: var(--button-primary-text);
}

.button--secondary{
    background: var(--background-white);
    color: var(--button-secondary-text);
    border: 1px solid var(--button-secondary-bordr);
}

.button--secondary path {
  fill: var(--button-secondary-text);
}
 
.button--tertiary{
    background: var(--button-tertiary);
    color: var(--button-tertiary-text);
    border: 1px solid var(--button-tertiary-bordr);
} 
.button--tertiary path {
  fill: var(--button-tertiary-text);
}

.button--primary:hover path, 
.button--secondary:hover path, 
.button--tertiary:hover path {
  fill: var(--button-text-hover);
}

.button--primary:hover, 
.button--secondary:hover, 
.button--tertiary:hover{
  background: var(--button-hover); 
  color: var(--button-text-hover);
  border: 1px solid var(--button-hover); 
}


.message{
    color: var(--headline-primary);
    font-weight: 325;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 2px;
    padding: 13px 56px 8px 37px;
    position: relative;
    min-width: 213px;
    display: inline-block;
  }
  
  .message__icon {
    position: absolute;
    left: 13px;
    top: 14px;
  }
  
  .message--generic {
    background: rgba(0, 162, 225, 0.24);
  }
  
  .message-success{
    background: #D9EACD;
  }
  
  .message-error{
    background: #FACFBF;
  }
input.input {
    width: 320px;
    height: 48px;
    padding: 10px 15px;
    border-radius: 50px;
    border: 1px solid var(--field-placeholder);
    font-family: var(--font-primary);
    color: var(--field-border-active);
    font-weight: 325;
}

input.input::placeholder {
	font-size: 14px;
    line-height: 1.28;
    letter-spacing: 0.2px;
    color: var(--field-placeholder);
    font-weight: 325;
}

input:focus {
    border: 1px solid var(--field-border-active);
    color: var(--field-border-active);
}

input.input.error{
    border: 1px solid var(--state-error);
    position: relative;
}

.label{
    position: relative;
}

.label:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 19px;
}

.label--success-error:after{
    background: var(--state-error);
}

.label--success-text:after{
    background: var(--state-success);
}

.error-message{
    display: block;
    color: var(--state-error);
    font-weight: 325;
    font-size: 11px;
    line-height: 1.63;
}

.input--data{
    text-transform: uppercase;
}

.input[disabled]{
    background: #F8F8F8;
}
.radio[type=radio]:checked+::before {
    background: radial-gradient(var(--brand-primary) 0, var(--brand-primary) 40%,transparent 50%,transparent);
    border-color: var(--brand-primary);
}


.radio[type=radio]+::before {
    content: "";
    position: relative;
    top: 3px;
    display: inline-block;
    vertical-align: baseline;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #969696;
}

.radio[type=radio] {
    display: none;
}

[type=checkbox], [type=radio] {
    padding: 0;
    box-sizing: border-box;
}

.input-radio-group label {
    cursor: pointer;
    font-weight: 325;
    font-size: 14px;
    line-height: 22px;
}

.input-radio-group p{
    font-weight: 325;
    font-size: 11px;
    line-height: 18px;
    margin-left: 28px;
    margin-top: 7px;
}

.input-radio-group {
    margin-bottom: 26px;
}
.input-radio-group--paragraph{
    margin-bottom: 0;
}

.input-radio-group--paragraph--error label{
  color: var(--state-error);
}

.input-radio-group--paragraph--error p{
   color: #C6C6C6;
}


.input-radio-group--paragraph--error .radio[type=radio]:checked+::before{
    background: radial-gradient(var(--state-error) 0, var(--state-error) 40%,transparent 50%,transparent);
    border-color: var(--state-error);
}

.input-radio-group--paragraph--error .radio[type=radio]+::before{
    border: 1px solid var(--state-error);
}
textarea.textarea {
    resize: vertical;
    box-shadow: none;
}

textarea::placeholder {
	font-size: 14px;
    line-height: 1.28;
    letter-spacing: 0.2px;
    color: var(--field-placeholder);
    font-weight: 325;
}


.bn-landing-wrap{padding-top:50px; padding-bottom:50px; text-align: center;}
.container-bn{max-width:1200px; margin:0 auto; padding:0 15px}
.bn-landing-wrap h1{ text-align:center}

ul.calculators-list { display: flex;  list-style: none; margin: 40px -8px 40px; padding: 0; justify-content: center; border-top: 1px solid #D3D6D9; border-bottom: 1px solid #D3D6D9; padding: 30px 0;}
ul.calculators-list li { padding: 0 8px; margin:0;width: 16.66%; text-align: center;}
ul.calculators-list li a {  text-transform: uppercase; font-size:13px;     font-weight: 700; letter-spacing: 1.5px;font-family: Nunito; text-decoration: none; border: 1px solid #D3D6D9;border-radius: 50px;padding: 10px 15px;display: flex;margin: 0;transition: 0.5s ease all;height: 100%;align-items: center;justify-content: center;}
.bn-landing-feat{margin-top:40px}
.landing-feat-row {display: flex; align-items:center; justify-content: space-between;margin-bottom: 60px;flex-wrap: wrap;}
.landing-feat-img { width: 48%;}
.landing-feat-img img { max-width: 100%; width: auto; height: auto; display: block;border-radius: 14px;}
.landing-feat-content { width: 48%;  text-align: center; padding: 25px 15px;}
.landing-feat-content p{margin-bottom:25px;}
.landing-feat-wrap .landing-feat-row:nth-child(even) {flex-direction: row-reverse;}

.bn-calculator-wrap{padding-top:70px;}
.bn-calculator-head{text-align: center; margin-bottom:45px;  border-bottom: 1px solid #D3D6D9; padding-bottom:30px;}

.bmi-calc-wrap h3{text-align:center;}
.bmi-calc-wrap .bg-blue{background: rgba(127,191,190,0.6); margin:30px auto 70px; padding:30px; border-radius:14px;} 
.bmi-calc-wrap .form { padding: 30px 0; max-width: 600px;  margin: 0 auto;}
.bg-round-w{background: #fff; border-radius: 14px; margin-bottom:15px; padding:30px; }
.bg-round-w.form-head {  padding: 15px 30px;}


.text-center{text-align:center;}
.bmi-calc-wrap .form label {display: block; text-align:center; margin-bottom: 4px; font-weight: 400; line-height: 20px; text-transform: initial; letter-spacing: initial; cursor: pointer; font-size: 14px;}

.bmi-calc-wrap .form .row { display: flex; flex-wrap:wrap; justify-content: space-between;}

.bmi-calc-wrap .form .row .col-6 {  width: 48%; margin-bottom:20px;}
.bmi-calc-wrap .form .button{margin-top:30px; text-transform: uppercase;}
.text-input { box-sizing: border-box; margin: 0; font-family: inherit !important;overflow: visible; display: block; height: 41px !important;  padding: 10px 12px !important; color: #000 !important; background: rgba(127,191,190,0.6);   border: none !important;  width: 100%; border-radius: 50px;}
.gender-radio { display: flex; align-items: self-end; }
.gender-radio label.container { width: 100%; background: #E3E2E2; transition:0.5s ease all; padding: 10px;margin-bottom: 0; border-radius:20px 0 0 20px;   display: block; position: relative; cursor: pointer;user-select: none;}
.gender-radio>div:last-child  label.container{border-radius:0 20px 20px 0px;}
.gender-radio input {position: absolute; opacity: 0; display:none; left:0}
.gender-radio input:checked~ label.container {background-color: rgba(127,191,190,0.6);}
.gender-radio>div {
    width: 50%;
}
.bg-round-w.form-head .row .col-6 {  margin: 0;}
.form .radio-wrapper .radio-input { display: none;}

.form .radio-wrapper label.radio-label {  margin: 0;  text-align: left; padding-left: 32px;min-height: 28px; line-height: 24px;}

.form .radio-wrapper  label.radio-label:before { content: "";width: 24px;  height: 24px; background: rgba(133,197,200,1); display: block; border-radius: 50%; position: absolute; left: 0; top:0}
.form .radio-wrapper label.radio-label:after{content: "";width: 16px;  height: 16px; background: #fff; display: block; border-radius: 50%; position: absolute; left: 4px; top:4px; opacity:0; visibility:hidden; transition:0.5s ease all;}
.form .radio-wrapper input:checked~ .radio-label:after{opacity:1; visibility:visible}
.form .radio-wrapper {  position: relative;}
div#result {text-align: center;}

.bm-interested_wrap{background:#f3f3f3; padding-top:40px; padding-bottom:40px; text-align:center;}
.bm-interested_wrap ul.calculators-list { display: flex; flex-wrap:wrap;  list-style: none; margin: 40px -8px 40px; padding: 0; justify-content: center; border-top: 1px solid #D3D6D9; border-bottom: 1px solid #D3D6D9; padding: 30px 0;}
.bm-interested_wrap ul.calculators-list li { padding: 0 8px; margin:0;width: 20%; text-align: center;}
.bm-interested_wrap ul.calculators-list li a {  text-transform: uppercase; font-size:13px; transition:0.5s ease all; background: #222121; color:#fff;     font-weight: 700; letter-spacing: 1.5px;font-family: Nunito; text-decoration: none; border: 1px solid #D3D6D9;border-radius: 50px;padding: 10px;display: flex;margin: 0;transition: 0.5s ease all;height: 100%;align-items: center;justify-content: center;}
.bmi-calc-wrap #basalForm { max-width: 100%; padding: 0;}
.bmi-calc-wrap #basalForm .bg-round-w { max-width: 600px;margin-left: auto; margin-right: auto;}
.bm-interested_wrap ul.calculators-list li a:hover{background:#95d6d6}

.form .questions {list-style: none; margin: 0;padding: 0;}

.form .questions li {display: flex;justify-content: space-between; margin-bottom: 15px; text-transform: initial;letter-spacing: initial; cursor: pointer; font-size: 14px; white-space: nowrap; align-items: center;}
.form .questions li input.text-input { min-width: 192px; max-width: min-content; }
.form .questions li label{margin:0; padding-right:21px}
.form .questions li .text-input{margin-left: 0;}
.questions .gender-radio{min-width: 192px;}
.form .buttons {
    display: flex;
    justify-content: space-between;
}

.form .buttons input[type=reset] {
    min-width: auto;
    min-width: 176px;
}

.form .buttons input[type=button] {
    width: 100%;     min-width: auto;
    margin-left: 21px;
}
.wl-answer_wrap{background:#f3f3f3; padding:40px 30px;   border-radius: 14px; margin-bottom:70px;}
.wl-answer_wrap h2{text-align:center;}
.wl-answer_wrap .answers{list-style: none;   padding: 0; }
.wl-answer_wrap .answers li {display: flex;justify-content: space-between; margin-bottom: 15px; text-transform: initial;letter-spacing: initial; cursor: pointer; font-size: 14px; white-space: nowrap; align-items: center;}
.wl-answer_wrap .answers li input.text-input { min-width: 192px; max-width: min-content; background:#f3f3f3; }
.wl-answer_wrap .answers li label{margin:0; text-align:left;}
.wl-answer_wrap .answers li label city{font-weight:400; opacity:0.5; font-size:12px; display:block}
.wl-message {
    border-top: 1px solid #D3D6D9;
    padding: 13px 0;
    margin-top: 25px;
}

.wl-message p {
    font-size: 12px;
    margin: 0;
}
.results.cardio-result {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

.results.cardio-result>div {
    padding: 0 8px;
    width: 33.33%;
    text-align: center;
    font-size: 13px;
}

.results.cardio-result>div span {
    display: block;
    background: #f3f3f3;
    padding: 15px 10px;
    margin-top: 10px;
    border-radius: 40px;
    font-weight: 400;
}
.cnt{max-width:600px; margin:0 auto;}
.cnt h4{text-align:center; font-weight:400; text-transform: capitalize;}
.calc-container .custom-select {box-sizing: border-box; margin: 0; font-family: inherit;overflow: visible; display: block; height: 41px;  padding: 10px 12px; color: #000; background: #fff;   border: none;  width: 100%; border-radius: 12px;}

.input-group.input-group-lg.dist-select {
    margin-bottom: 22px;
}
.input-group.input-group-lg.time-cnt {background: #fff; display: flex;justify-content: center; align-items: center; border-radius: 12px;}

.input-group.input-group-lg.time-cnt .target-time { height: 40px; border: none;border-radius: 0;width: 40px;font-family: inherit;color: #000; background: #fff;}

.input-group.input-group-lg.time-cnt span.time-info { margin-right: 7%;}

.input-group.input-group-lg.time-cnt span.time-info.seconds { margin: 0;}
.cnt input[type=number]::-webkit-inner-spin-button, 
.cnt input[type=number]::-webkit-outer-spin-button {  opacity: 1;}
.goal-pace { background: #f3f3f3; border-radius: 14px; margin-bottom: 70px;padding: 30px;}

.goal-pace .flex {max-width: 600px;margin: 0 auto; display: flex;align-items: center;justify-content: space-between;}

.goal-pace .flex h4 { margin-top: 0; padding: 0 10px;}

.invalid {
  border: 1px solid red;
  background-color: rgba(255, 0, 0, .1);
}

.info {
  display: block;
  color: tomato;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .7em;
}
#gender-input.text-input { min-width: 192px; max-width: min-content;  }

.bmroutput-wrap{ background: #f3f3f3; border-radius: 14px; margin-bottom: 70px;padding: 30px;}
.bmroutput-wrap h2{text-align:center;}
.bmroutput-wrap ul{
    display: block;
    max-width: 600px; background:#fff; border-radius:14px; padding:30px;
    margin: 0 auto ;
}
.bmroutput-wrap ul li{list-style:none;display: flex;  justify-content: space-between; align-items:center; margin-bottom:15px;     font-weight: 400;
    line-height: 20px;
    text-transform: initial;
    letter-spacing: initial;
    cursor: pointer;
    font-size: 14px;
}

.bmroutput-wrap ul li div {
    max-width: 190px;
    background: #f3f3f3;
    width: 100%;
    border-radius: 50px;
    height: 41px;
    padding: 10px 15px;
}

.bmi-calc-wrap #macro-calculator-form  { max-width: 100%; padding: 0;}
.bmi-calc-wrap #macro-calculator-form .bg-round-w { max-width: 600px;margin-left: auto; margin-right: auto;}
#macro-calculator-form .questions li>label{width:50%; text-align:left; padding-right:20px;}

.b-type-w {
    display: flex;
    width: 100%;
    /* border-radius: 10px; */
    /* overflow: hidden; */
}

.b-type-w input[type="radio"] {
    display: none;
}

.b-type-w label.label {
    width: 33.33%;
    text-align: center;
    /* font-size: 14px; */
}

.b-type-w label.label .bg  {
    background: #E3E2E2;
    display: block; transition:0.5s ease all;
    padding: 10px 0;
}
.b-type-w label.label:checked, .b-type-w label.label.active  .bg{background-color: #7fbfbe99;}
.questions li .b-type-w label.label span.sub-text {
    background: transparent;
    font-size: 10px;
    white-space: normal !important;
}

.b-type-w label.label:first-child .bg  {
    border-radius: 20px 0 0 20px;
}

.b-type-w label.label:last-child .bg {
    border-radius: 0 20px  20px 0;
}

.b-type-w label.label.middle {
    border: 1px solid #fff;
    border-top: none;
    border-bottom: none;
}
.button-wr {
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    margin: 0 auto 30px;
}
.group.bmroutput-wrap .bg-round-w {
    max-width: 600px;
    margin: 0 auto;
    padding: 30px;
}

.group.bmroutput-wrap .bg-round-w ul.answers {
    padding: 0;
    border-radius: 0;
}
.group.bmroutput-wrap .bg-round-w ul.answers .fiex {
    display: flex;
    justify-content: space-between;
    padding: 0;
    background: transparent;
}

.group.bmroutput-wrap .bg-round-w ul.answers .fiex>div {
    width: 48%;
    background: transparent;
    padding: 0;
}

.group.bmroutput-wrap .bg-round-w ul.answers .fiex>div .text-input {
    background: #f3f3f3; display: block; text-align:center;
}
#TotalText {
    height: 41px;
    border-radius: 50px;
    background: #f3f3f3;
    display: block; padding:10px;
    max-width: 191px;  text-align:center;
    width: 100%; border:none;
}
.group.bmroutput-wrap .buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 22px;
}
.calories-total {
    display: flex;
    margin-top: 20px;
    border-top: 1px solid #D3D6D9;
    padding: 15px 0;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.calories-total .text-input.calories {
    max-width: 191px;
    width: 100%;
    display: block;
    background: #efefef;
}
.bn-calculator-wrap .button--primary {
    background: #212121; text-transform: uppercase;
}

.bn-calculator-wrap .button--primary:hover {
    background: #95d6d6;
}
.p-black::-webkit-input-placeholder{color:#000 !Important}
.p-black::-moz-placeholder{color:#000 !Important}
.p-black:-ms-input-placeholder{color:#000 !Important}
.p-black::-ms-input-placeholder{color:#000 !Important}
.p-black::placeholder{color:#000 !Important}
.results.cardio-result>div {
    border-left: 1px solid rgba(127,191,190,.6);
}

.results.cardio-result>div:first-child {
    border: none;
}
.bmi-calc-wrap select.text-input{background-image:url(https://cdn.shopify.com/s/files/1/0662/7093/t/187/assets/down.png?v=1671521014);  appearance:none; background-size: 12px auto;
    background-position: center right;
    background-repeat: no-repeat;
    background-position: 95%; padding-right: 36px !important; }
.form .questions li .b-type-w label {
    padding: 0;
}
@media (max-width: 992px) {
  ul.calculators-list li{width:20%}
ul.calculators-list li a{font-size:12px; }
}

@media (max-width: 767px) {
ul.calculators-list{flex-wrap:wrap;}
  ul.calculators-list li, .bm-interested_wrap ul.calculators-list li{width:33.33%; margin:5px 0;}
  
  .landing-feat-img { width: 100%;}
  .landing-feat-content { width: 100%; padding: 25px 0;}
  .landing-feat-row{margin-bottom:30px;}
  .wl-answer_wrap .answers li{white-space: inherit;}
}

@media (max-width: 580px) {
  ul.calculators-list li, .bm-interested_wrap ul.calculators-list li{width:50%;}
  .bmi-calc-wrap .form .row .col-6 {
    width: 100%;
    margin-bottom: 20px;
}
  .bg-round-w.form-head .row .col-6{margin-bottom:12px;}
  .form .questions li, .wl-answer_wrap .answers li {
    display: block;
    text-align: left;
}

.form .buttons {
    flex-direction: column-reverse;
}

.form .buttons input[type=button] {
    margin-left: 0;
}
  .form .questions li label, .wl-answer_wrap .answers li label {
    margin-bottom: 5px;
}
  .form .questions li input.text-input, .wl-answer_wrap .answers li input.text-input {
    min-width: 100%;
    max-width: 100%;
}
  .form .questions li .text-input {
    margin-left: 0;
}
  .results.cardio-result{justify-content: center;}
  .results.cardio-result>div {
    width: 100%;
    margin-bottom:13px;
}
  .goal-pace .flex{flex-wrap:wrap; text-align:center; justify-content: center;}
  .bmroutput-wrap ul li {
    flex-direction: column;
    width: 100%;
}
  .button-wr {
    flex-direction: column-reverse;
}
  .group.bmroutput-wrap .buttons {
    flex-direction: column-reverse;
}
  .group.bmroutput-wrap .buttons .button {
    margin: 10px auto;
    width: 100%;
}
  .results.cardio-result>div{border:none}
  .form .questions li label{padding-right:0;}
}

.text-center.mb-40 {
    margin-bottom: 30px;
}

.bn-content h2, .bn-content h3 {
    margin: 30px auto;
}
.bn-content h4{margin-top:30px;}
.bn-content {
    margin: 50px auto 80px;
}


.bn-content table{font-family:var(--font-primary);margin:40px auto;width:100%!important;font-style:normal;font-weight:325; border:.5px solid #D3D6D9; border-collapse:collapse; font-size:14px;line-height:1;color:#414b56;}
.bn-content table tr{}
.bn-content table td{padding:10px;text-align:left; border:.5px solid #D3D6D9;}

.bn-calculator-wrap.conc, .bn-calculator-wrap.nopa {
    padding-top: 0;
}
@media (max-width: 640px) {
.bn-calculator-head h1 br{display:none}
}
.bn-calculator-head.left {
    text-align: left;
}
.bn-calculator-head.right {
    text-align: right;
}
.rich-text__blocks.left {
    text-align: left;
}
.rich-text__blocks.right {
    text-align: right;
}
.image-with-text-section__content.left h3.image-with-text-section__heading, .image-with-text-section__content.left .image-with-text-section__text {
    text-align: left;
}
.image-with-text-section__content.right h3.image-with-text-section__heading, .image-with-text-section__content.right .image-with-text-section__text {
    text-align: right;
}


@media screen and (min-width: 750px) {
  .background-none .multicolumn-card__image-wrapper {
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
}
.footer_newsletter_form .form-control {
    box-sizing: border-box;
    border-radius: 50px;
    padding: 0px 0px 0px 16px;
    height: 50px;
    text-align: left;
    color: rgb(0, 0, 0);
    font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(159, 159, 159);
    width: 100%;
    margin-bottom: 20px;
}
.footer_newsletter_form p{font-size: 16px;
    font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400; margin-bottom:20px; }
.footer_newsletter_form button.button {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.footer_newsletter_form {
    padding-bottom: 30px;
}

.footer_newsletter_form .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_newsletter_form .row .form-control {
    width: 48%;
}
button.button-wishlist {
    padding: 0;
    background: transparent;
    text-align: center;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.button-wishlist span {
cursor: pointer;
    font-size: 11px;
    line-height: 18px;
    color: var(--brand-primary);
    padding-right: 3px; font-family: var(--font-primary);
}
.button-wishlist:hover span{color:var(--brand-secondary); 
    }
button.button-wishlist .icon {
    width: 10px;
    height: auto;
    display: block;
}
button.button-wishlist svg {
    width: 16px;
}
.ProductList.ProductList--grid {
    display: flex;
    flex-wrap: wrap;
}
.product-row .card-wrapper {
    width: calc(33.33% - 24px);
    max-width: calc(33.33% - 24px);
    margin: 12px;
}

/* 21 - 02 - 2023  Spacing adjust*/
@media (max-width: 767px) {
  .multicolumn-card__info {
    padding: 0!important;
}
  .rich-text__blocks>*+* {
      margin-top: 1rem !important;
  }
  #rich-text-template--14821293162570__9031f256-8a6c-42a1-abba-cc1c3b899b6e .rich-text {
    padding-top: 40px !important;
    padding-bottom: 10px !important;
  }
  #rich-text-template--14821293162570__2e45dd5f-34a6-4916-85cc-ab8f152c5b6e .rich-text {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
  }
  #rich-text-template--14821293162570__587c662a-c348-4d77-bbbe-03f663f690f8 .rich-text {
    padding-bottom: 20px !important;
    padding-top: 30px !important;
  }
  #rich-text-template--14821293162570__fed6ab6a-886a-450d-8b79-100b95b9acca .rich-text {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  #shopify-section-template--14821293162570__15ec7979-6bc6-434e-bd03-b5973d985508 .multicolumn {
    margin-top: 40px !important;
    padding-top: 0 !important;
    margin-bottom: 0px !important;
  }
  .multicolumn .title-wrapper-with-link {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .bmi-calc-wrap .bg-blue {
    margin-bottom: 0 !important;
  }
  .bn-calculator-wrap {
    padding-top: 40px !important;
  }
  .image-with-text-section-main .image-with-text-section__content {    
    padding-top: 20px !important;
    padding-bottom: 0 !important;
  }
  .bn-calculator-wrap .bn-content {
    margin-top: 0 !important;
  }
  .wl-answer_wrap {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }
  .bn-calculator-head {
    margin-bottom: 0 !important;
  }
  .goal-pace {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
  }
  .bmroutput-wrap {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
  }
  .bn-calculator-head + .bmi-calc-wrap {
    margin-top: 30px !important;
  }
  .image-with-text-section__text p {
    font-size: 14px !important;
  }
}




.form .buttons {
    flex-direction: column-reverse;
}

.form .buttons input[type=button] {
    margin-left: 0;
}
  .form .questions li label, .wl-answer_wrap .answers li label {
    margin-bottom: 5px;
}
/*   .form .questions li input.text-input, .wl-answer_wrap .answers li input.text-input {
    min-width: 100%;
    max-width: 100%;
} */
  .form .questions li .text-input {
    margin-left: 0;
}
  .results.cardio-result{justify-content: center;}
/*   .results.cardio-result>div {
    width: 100%;
    margin-bottom:13px;
} */
  .goal-pace .flex{flex-wrap:wrap; text-align:center; justify-content: center;}
  .bmroutput-wrap ul li {
    flex-direction: column;
    width: 100%;
}
  .button-wr {
    flex-direction: column-reverse;
}
  .group.bmroutput-wrap .buttons {
    flex-direction: column-reverse;
}
  .group.bmroutput-wrap .buttons .button {
    margin: 10px auto;
    width: 100%;
}
  .results.cardio-result>div{border:none}
  .form .questions li label{padding-right:0;}
}

.text-center.mb-40 {
    margin-bottom: 30px;
}

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

.select-dropdown {
    display: none;
}

.collection-row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.mobile-show {
    display: none;
}

section.product-wrap.colllection-wrap.CollectionMain {
    padding: 40px;
}

.collection-sidebar {
    margin-right: 65px;
    width: 270px;
}

.c-head {
    display: none;
}

div#ProductGridContainer {
    width: calc(100% - 335px);
}

div#AjaxinateContainer {
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto;
    margin-bottom: 2rem;
    margin-left: -1rem;
}

.product-row  .card-wrapper {
    width: calc(33.33% - 24px);
    max-width: calc(33.33% - 24px);
    margin: 12px;
}
.pagination-wrapper{width:100%;}
.collapse-headers {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 325;
    font-size: 12px;
    line-height: 17px;
    color: #001722; cursor:pointer;
    text-transform: capitalize;
    position: relative;
  background: transparent;
    border: none;
    display: block;
    width: 100%;
    text-align: left;
}


.collapse-headers::before { content: ""; width: 14px; height: 2px; background-color: #000; position: absolute; top: 50%;transform: rotate(90deg); right: 0;}
.collapse-headers:after {content: "";width: 14px;height: 2px; background-color: #000; position: absolute;transform: rotate(0deg); top: 50%; right: 0;}
.collapse-headers.active::before{opacity: 0;}
.Collapsible.Collapsible--padded {
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid #e3e3e3;
    position: static;
    width: 100%; 
}
.Collapsible__Content {
    margin-top: 15px;
}
.Collapsible__Content .Linklist { padding: 0; margin: 0;list-style: none;}

.Collapsible__Content .Linklist__Item input {display: none;}
.Collapsible__Content .Linklist__Item {margin:7px 0px 6px; vertical-align: top;  line-height: 24px;}
.Collapsible__Content .Linklist__Item label {font-family: var(--font-primary); font-style: normal;font-weight: 325; font-size: 12px;line-height: 17px;color: #000; padding-left: 30px; position:relative;}

 .Collapsible__Content .Linklist__Item label:before{/*content:""; display: block; width: 13px; height: 13px; border: 1px solid #95D6D6; border-radius: 50%;position: absolute;left: 0;top: 2px; */ border: 1px solid rgba(0,0,0,.2);
  content:"";  width: 15px;
    height: 15px;
    background: 0 0;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;}
.Collapsible__Content .Linklist__Item input:checked+label:after {
    content: "";
    width: 9px;
    height: 6px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: 0 0;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    left: 3px;
}


.price-range {
 display: flex;
    flex-direction: column-reverse;
}

.price-range__input-group {
  display: flex;
  align-items: center;
  margin-bottom:20px;
}

.price-range__input {
    width: calc(50% - 15px);
  margin-bottom:10px;
}
.Collapsible__Inner {
    width: 100% !important; display:none;
}
.price-range__input input{
    position: relative;
    width: 100%;
    height: 36px;
    float: left;
    margin: 0 ;
    padding: 1px 5px;
    line-height: 24px;
    border: 1px solid #e3e3e3;
    clear: none;
    min-height: auto;
    min-width: auto;
    text-align: center;
}
/* Chrome, Safari, Edge, Opera */
.price-range__input input::-webkit-outer-spin-button,
.price-range__input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.price-range__input input[type=number] {
  -moz-appearance: textfield;
}

.price-range__delimiter {
float: left;
    font-size: 14px;
    line-height: 1;
    width: 30px;
    text-align: center;
    margin-bottom: 10px;
}

.price-range__range-group {
  position: relative;
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
}



@media not screen and (any-hover: hover) {
  /* On non-touch device the thumb are bigger so we need to adjust the spacing */
  .price-range {
    -webkit-padding-before: 7px;
            padding-block-start: 7px;
  }
}
      
input{color:inherit;font:inherit;margin:0;}
input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;border-radius:0;}
input::-moz-placeholder{color:inherit;}
input:-ms-input-placeholder{color:inherit;}
input::placeholder{color:inherit;}
body:not(.is-tabbing) input:focus{outline:none;}
.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;}
.range-group{height:2px;
  background:linear-gradient(to right,var(--border-color) var(--range-min),rgba(var(--text-color-rgb),.7) var(--range-min),rgba(var(--text-color-rgb),.7) var(--range-max),var(--border-color) var(--range-max)); border-radius:4px;}
.range-group .range{/*pointer-events:none;*/height:2px;vertical-align:top;}
.range-group .range:last-child{position:absolute;inset-block-start:0;inset-inline-start:0;}
.price-range__range-group{position:relative;-webkit-margin-after:20px;margin-block-end:20px;}
      
      input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
        border: 1px solid #3D4246;
    background: #fff;
    font-weight: 400;
    color: #eb5d0b;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: -9px;
}
     
      .ProductList.ProductList--grid {
    display: flex;
    flex-wrap: wrap;
}
      
      /*
 * RANGE ELEMENT
 * Styling range are pretty complex as each browsers has their own way to do it
 */

/* First we revert the styling of range elements */

.range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
}

/* Chrome and Safari */

.range::-webkit-slider-thumb {
  position: relative;
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: none;
  background: var(--text-color);
  cursor: pointer;
  margin-top: 0px;
  z-index: 1;
}

.range::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: var(--border-color);
  border-radius: 4px;
  border: none;
}

/* Firefox */

.range::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: none;
  background: var(--text-color);
  cursor: pointer;
}

.range::-moz-range-progress,
.range::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  border-radius: 4px;
  border: none;
}

.range::-moz-range-progress {
  background-color: rgba(var(--text-color-rgb), 0.7);
}

.range::-moz-range-track {
  background-color: var(--border-color);
}

/* On non-hover devices, we make the thumb bigger */

@media not screen and (any-hover: hover) {
  .range::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    margin-top: 0px;
  }

  .range::-moz-range-thumb {
    height: 20px;
    width: 20px;
  }
}

/* Range group (when using double range, we need to rely on some clever trick) */



.range-group .range {
  pointer-events: none;
  height: 2px;
  vertical-align: top;
}

.range-group .range::-webkit-slider-runnable-track {
  background: none;
}

.range-group .range::-webkit-slider-thumb {
  pointer-events: auto;
}

.range-group .range::-moz-range-progress,
.range-group .range::-moz-range-track {
  background: none;
}

.range-group .range::-moz-range-thumb {
  pointer-events: auto;
}

.range-group .range:last-child {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.filter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

h2.filter-h {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;
}

.filter-hide {
    font-weight: 325;
    font-size: 12px;
    line-height: 17px;
    color: #107273;
    text-decoration: underline;
    cursor: pointer;
}

#main-collection-filters button {
    width: 175px;
    height: 37px;
    border-radius: 50px;
    font-weight: 350;
    font-size: 14px;
    line-height: 22px;
    text-transform: none;
    background: #414B56;
    padding: 8px 0;
    border: navajowhite; cursor:pointer;
    color: #fff;
}
#main-collection-filters button svg {
    position: static;
    width: 16px;
    height: 16px;
    stroke: none;
    vertical-align: top;
    display: inline-block;
}
#main-collection-filters button path {
    fill: #fff;
}
#main-collection-filters button span{
display: inline-block;
    line-height: 18px;
    vertical-align: top;
    margin-left: 8px;
    color: #fff;}
div#main-collection-filters {
    position: sticky;
    top: 62px;
    z-index: 2;
    background: #fff;
}
.collection-row.slide .collection-sidebar {
    left: -100%;
    width: auto;
    display: none;
}
.collection-row.slide div#ProductGridContainer {
    width: 100%;
}
 .filter-hide-m, .collection-sidebar .show-m{display:none}

.footer_newsletter_form .form-control {
    box-sizing: border-box;
    border-radius: 50px;
    padding: 0px 0px 0px 16px;
    height: 50px;
    text-align: left;
    color: rgb(0, 0, 0);
    font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(159, 159, 159);
    width: 100%;
    margin-bottom: 20px;
}
.footer_newsletter_form p{font-size: 16px;
    font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400; margin-bottom:20px; }
.footer_newsletter_form button.button {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.footer_newsletter_form {
    padding-bottom: 30px;
}

.footer_newsletter_form .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_newsletter_form .row .form-control {
    width: 48%;
}
.close-search{display:none}

p.sc-jNHqnW.khgKBI {
    border-radius: 4px;
    margin-top: 16px;
    padding: 16px;
    font-size: 14px;
    border: 1px solid;
}
/* contact page css*/
.contact_wrap{padding-top:20px;}
.contact-head {  padding: 15px 0 30px; border-bottom: 1px solid #919da9; margin-bottom: 30px;}
.contact-head h1{color: #000; font-family: 'Nunito', sans-serif; font-size: 48px;margin-bottom: 0; font-weight: 900; line-height: 1.2em;margin-top: 0; text-align: center;}
.contact-content-top{margin-bottom:30px;}
.contact-content-top h3{text-align:center; font-family: 'Nunito', sans-serif;font-size: 22px;margin-bottom: 30px;letter-spacing: 1px; font-weight:350;}
.contact-content-top p {font-family: 'Nunito', sans-serif; font-weight: normal; padding-left: 50px; padding-right: 50px;  margin-bottom: 0;}
.contact-content-bg{font-family: 'Nunito', sans-serif; padding: 15px 50px; text-align: center; background-color: #f0f0f0;}
.contact-content-bg p{margin:0; font-weight: normal; font-family: 'Nunito', sans-serif;}
.contact_map iframe {height: 450px; width:100%;}
.contact_row {margin: 112px auto; display: flex; justify-content: space-between;}
.contact-content { width: 40%;}
.contact-form { width: 57.2%;  background-color: #eff7f7; padding: 60px; font-family: 'Nunito', sans-serif; border-radius: 20px; text-align: center;}
.contact-form form.contact-form{padding:0; border-radius:0; width:100%;}
.contact-form h2 {margin-bottom: 30px;color: #000;  font-size: 20px; text-align: center;font-weight: 700; line-height: 1.5em; font-family: 'Nunito', sans-serif;  margin-top: 0;}
.contact-form label { font-family: 'Nunito', sans-serif; font-weight: 400;margin-bottom: 8px;font-size: 16px; color: #000;line-height: 1.5em; display: block;  text-align: left;}
.contact-form label sup { top: -8px; color: red;}
.contact-form .form-control {width: 100%;  border: none;background-color: #d3e6e6;border-radius: 30px;font-family: 'Nunito', sans-serif; font-weight: 400; line-height: 1.5em; color: #000; font-size: 16px;border-style: none;  padding: 10px 8px;}
.contact-form .form-group {  margin-bottom: 20px;}
.contact-form .form-control::-webkit-input-placeholder{color:#d1d5db;}
.contact-form .form-control::-moz-placeholder{color:#d1d5db;}
.contact-form .form-control:-ms-input-placeholder{color:#d1d5db;}
.contact-form .form-control::-ms-input-placeholder{color:#d1d5db;}
.contact-form .form-control::placeholder{color:#d1d5db;}
.contact-form textarea.form-control { resize: none;}
.contact-form input::-webkit-outer-spin-button,
.contact-form input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.contact-form input[type=number] { -moz-appearance: textfield;}
.contact-form .button { background-color: #4a4a4a; min-width:inherit; font-family: Nunito; transition:0.5s ease all; padding: 15px 60px;font-size: 16px; font-weight: 700;line-height: 1.5em; margin-top: 20px;}
.con-track { padding: 60px 0 54px; text-align: center;  border-bottom: 1px solid #919da9;}
.con-track h3 { font-family: Nunito; margin-top: 0;margin-bottom: 16px; font-weight: 700;line-height: 1.5em; color: #000; font-size: 20px; text-align: center;}
.con-track .button { background-color: #4a4a4a;font-family: Nunito; transition:0.5s ease all; padding: 15px 60px;font-size: 16px; font-weight: 700;line-height: 1.5em; margin-top: 20px;}
.con-track .button:hover, .contact-form .button:hover{background:#85c5c8; color:#000;}
.con-address { padding: 45px 0; border-bottom: 1px solid #919da9;}
.con-address p{margin-bottom: 16px; color: #000; font-weight: 400; font-size: 16px; font-family: Nunito; line-height:1.5;}
.con-address p:last-child{margin-bottom:0}
.con-address.border-none{border:none}

/* wls page css*/
.wls-banner {padding: 20px 15px;display: flex; flex-direction: row-reverse; flex-wrap: wrap; max-width:2000px; margin:0 auto;}
.wls-banner-img img {width: 100%; height: 100%; display: block; top:0; left:0; object-fit: cover; position: absolute;}
.wls-banner-img { width: 66.66%; background-size: cover; background-position: center; position: relative;}
.wls-banner-content {width: 33.33%; background: #599bd3; padding: 140px 30px; text-align: center; position: relative;}
.wls-banner-content h2 {margin-top: 0; margin-bottom: 30px;font-family: Barlow; font-size: 36px; font-weight: 700;color: #fff;}
.wls-banner-content p { color: #fff; font-family: Barlow; font-size: 24px;margin-top: 0; margin-bottom: 44px;}
.wls-banner-content p:last-child{margin-bottom:10px}
.wls-banner-content p em { font-size: 22px;}
.wls-wrap{margin-bottom:50px; margin-top:11px; }
.wls-feat-wrap{display:flex; flex-wrap:wrap; margin:0 -15px; border-bottom:2px solid #000; padding-bottom:29px;}
.wls-card{padding:15px; width:33.33%; margin-bottom:52px;}
.wls-card-img{margin-bottom:15px;}
.wls-card-img a{display:block;}
.wls-card-img img{width:100%; display:block; max-width:100%}
.wls-card h3{text-align:center;     font-family: Barlow;font-weight: 700; font-size: 22px; margin-top:0; margin-bottom:15px; text-align: center;}
.wls-card p{margin:0; font-family: Barlow;}
.wls-special{background:#eee; padding-top:15px; padding-bottom:30px;}
.wls-special h2{font-family: Barlow; font-size: 25px;font-weight: 700; margin:0}
.wls-special-item-img a{position:relative; display: block;}
.wls-special-item-img a img{max-width:100%; display:block; width:100%;}
.wls-special-item-img a>*:not(:only-child):last-child{position: absolute; left: 0; top: 0;  opacity: 0; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all;}
.wls-special-item-img a img{display: block; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all;}
.wls-special-item-img:hover a>*:not(:only-child):last-child{opacity: 1; z-index: 2;}
.wls-special-item-img:hover a >*:not(:only-child):first-child{opacity: 0;} 
.wls-special-row {display: flex;flex-wrap: wrap; margin: 46px -15px 14px;}

.wls-special-item { width: 25%; padding: 0 15px 15px;}
.wls-special-item-info { text-align: center;}
.wls-special-item-info p {font-size: 16px;margin-top: 0;margin-bottom: 10px;color: #333; font-family: Barlow;font-weight: 400;flex: 1 1 0%;  min-height: 48px;}
.wls-special-item-info p a {text-decoration: none; color: #333; font-family: Barlow; font-weight: 400;}
.wls-special-item-info h4 { margin-top: 0;font-size: 20px;margin-top: 0; margin-bottom: 20px; color: #599bd3; font-family: Barlow; font-weight: 700;}
.wls-special-item-info .button { background-color: #313131; min-width:100%; color: #fff;  width: 100%; font-size: 16px;border-radius: 2px; padding-top: 12px; padding-bottom: 12px; font-family: Barlow; font-weight: 700; margin-bottom: 0;}
.wls-special-item-img { margin-bottom: 42px;}
.wls-special-item-info .button:hover{background:#444}

/* new prouct page css */
.new-product-la-wrap {padding-top:30px; padding-bottom:15px; text-align:center}
.new-product-la-wrap h1{color: #000;font-family: Nunito;font-size: 48px;margin-bottom:15px;font-weight: 600;line-height: 1.2em;margin-top: 0; text-align: center;}
.new-product-la-content {  background-color: #eff7f7; font-family: Nunito;  margin: 0;border-radius: 20px; padding: 22px 15px;}
.new-product-la-content p {font-family: 'Nunito'; margin-top:0; margin-bottom: 25px;}
.new-product-la-content p:last-child { margin-bottom: 0;}

.bn-pro-la-list{ display: flex; flex-wrap:wrap;  list-style: none; margin: 60px -8px 40px; padding: 0; justify-content: center; border-top: 1px solid #D3D6D9; border-bottom: 1px solid #D3D6D9; padding: 40px 0;}
.bn-pro-la-list li { padding: 0 8px; margin:0;width: 14.28%; text-align: center;}
.bn-pro-la-list li a {  text-transform: uppercase; font-size:13px; transition:0.5s ease all;  color:#000;     font-weight: 700; letter-spacing: 1.5px;font-family: Nunito; text-decoration: none; border: 1px solid #D3D6D9;border-radius: 50px;padding: 10px 14px;display: flex;margin: 0;transition: 0.5s ease all;height: 100%;align-items: center;justify-content: center;}
.bn-pro-la-list li a:hover{background:#eff7f7}

.new-product-la-head{text-align:center; max-width:770px; margin:0 auto; border-bottom:1px solid #000; padding-bottom:20px;}
.new-product-la-head h2{ font-family: Nunito;font-weight: 700; text-align: center; font-size: 30px; margin-top: 0px; margin-bottom: 10px;}
.new-product-la-head p{    font-family: Nunito; margin:0; font-weight: 400; text-align: center;font-size: 18px;}

.product-la-wrap{margin-bottom:65px;}
.product-la-content .button { background-color: #4a4a4a; font-family: Nunito; padding: 15px 60px;font-size: 16px; font-weight: 700;line-height: 1.5em; margin-top: 20px; border-radius: 30px; color: #fff; margin-bottom: 0;}
.product-la-content .button:hover{background:#85c5c8; color:#000}
.product-la-row {display: flex; flex-wrap:wrap; justify-content: space-between; padding: 62px 0; border-bottom:2px solid #000}
.product-la-content { width: 49%;}
.product-la-img { width: 48.5%;}
.product-la-img img {  width: 100%;border-radius: 10px; display: block;}

.product-la-content h3 { font-family: Nunito;font-weight: 700; text-align: center; font-size: 21px; margin-top: 10px; margin-bottom: 15px;}
.product-la-content h4 { font-family: Nunito; font-weight: 700; text-align: center;font-size: 21px;margin-bottom: 5px;  margin-top: 0;}
.product-la-content p { font-family: Nunito; text-align: left; font-size: 18px; font-weight: 400;  margin-bottom: 15px;}
.product-la-collapse .collapse p { font-size: 16px; line-height: 1.5; margin-bottom: 10px; font-family: var(--font-primary);
    font-weight: 325;}
.product-la-collapse .head h4 {  margin: 0; font-weight: 700;  color: #000; font-family: Nunito; font-size: 17px; text-align: left;position: relative;}
.product-la-collapse .head h4::before { content: ""; width: 14px; height: 2px; background-color: #000; position: absolute; top: 50%;transform: rotate(90deg); right: 0;}
.product-la-collapse .head h4:after {content: "";width: 14px;height: 2px; background-color: #000; position: absolute;transform: rotate(0deg); top: 50%; right: 0;}
.product-la-collapse.active .head h4::before{opacity: 0;}
.product-la-collapse .collapse { padding: 30px;display: none; width:100% !important}
.product-la-collapse .head { border-color: #ebebeb; cursor:pointer; padding: 15px; background: #eee;}
.product-la-collapse .collapse img{width:100%; display:block; max-width:100%;}

.newpro-join {background-color: #eff7f7;font-family: Nunito;margin: 0; padding-bottom: 3px; padding-top: 0;border-radius: 20px;text-align: center; padding: 15px; margin-bottom: 30px;}
.newpro-join h2 {font-family: Nunito; font-weight: 700; text-align: center;font-size: 27px;margin-top: 0;margin-bottom: 15px;}
.newpro-join p { font-family: Nunito; text-align: center; font-size: 18px;font-weight: 400; margin-bottom: 18px;}
.newpro-join h3 {  font-family: Nunito;font-weight: 700; text-align: center;font-size: 25px; margin-top: 0;margin-bottom: 15px;}
.newpro-join .button { font-family: Nunito;font-style: normal; font-weight: 700; font-size: 15px; padding: 10px 30px;  text-align: center; letter-spacing: 1.5px;line-height: 15px;width: unset; background-color: #3b3b3b; color: #fff;border-radius: 20px;min-width: initial;}

/* shipping page css*/
.shipping_wrap{padding-top:20px;margin-bottom:30px;}
.page-head {  padding: 15px 0 30px; border-bottom: 1px solid #919da9; margin-bottom: 30px;}
.page-head h1{color: #000; font-family: 'Nunito', sans-serif; font-size: 48px;margin-bottom: 0; font-weight: 600; line-height: 1.2em;margin-top: 0; text-align: center;}
.shipping_wrap p {font-family: Nunito;padding-left: 50px; padding-right: 50px; margin-bottom: 30px; margin-top: 0;}

.page-c { padding: 46px 0; border-bottom: 1px solid #919da9;}

.page-c h2 { text-align: center; font-size: 25px;font-weight: 600; line-height: 1.2em; margin-top: 0;text-align: center; color: #000; font-family: Nunito;  margin-bottom: 20px;}

.page-c ul {  padding: 10px; list-style-position: inside; list-style-type: disc; font-family: Nunito; padding-top: 30px;padding-bottom: 30px;padding-left: 30px;}

.page-c ul li { margin-bottom: 10px;}

.shipping_wrap p:last-child { margin: 0;}

.ship-faq-wrap {background-color: #eff7f7; padding: 20px 0;}
.ship-faq-wrap h2 { text-align: center;font-family: Nunito; text-align: center;font-size: 30px;margin-bottom: 0;letter-spacing: 1px; font-weight: 400;margin: 15px auto;}

.ship-faq-wrap h3 { font-family: Nunito; text-align: center; font-size: 20px; margin-bottom: 0;letter-spacing: 1px;font-weight: 700;margin-top: 0;}

.ship-faq-wrap ul {margin: 30px auto;list-style: none;padding: 0;}

.ship-faq-wrap ul>li>a {  position:relative; padding: 30px 15px; color: #000; background: #eff7f7; font-family: Nunito;font-size: 18px;font-weight: 400; display: block; text-decoration: none;}
.ship-faq-wrap ul>li>a::before { content: ""; width: 14px; height: 2px; background-color: #000; position: absolute; top: 50%;transform: rotate(90deg); right: 0;}
.ship-faq-wrap ul>li>a:after {content: "";width: 14px;height: 2px; background-color: #000; position: absolute;transform: rotate(0deg); top: 50%; right: 0;}
.ship-faq-wrap ul>li>a.active::before, .ship-faq-wrap ul>li.active>a::before{opacity: 0;}
.ship-faq-wrap ul>li { border-top: 1px solid #73bec2;}

.ship-faq-wrap li .answer p { font-family: Nunito; font-size: 16px; margin-top: 0;  margin-bottom: 16px; line-height: 25px;}

.ship-faq-wrap li .answer {padding:25px 15px; width:100% !important; display: none;}

/* return page css */
.return_wrap .page-head h1{font-weight:900}
.return_wrap .page-c h2{margin-bottom:0px; font-weight:900}
.page-c .notes { font-family: Nunito; padding: 15px 0;margin-top: 0;text-align: center;background-color: #f0f0f0; margin-bottom: 0;}
.page-c .btn-group { display: flex; justify-content: space-between;flex-wrap: wrap;}
.return_wrap .page-head{margin-bottom:0}
.page-c .btn-group .button { width: 48%;font-size: 16px; font-weight: 700; line-height: 1.5em; border-radius: 30px; color: #fff; font-family: Nunito; padding: 15px 50px;}
.page-c .btn-group .button:hover{color:#000}
.return_wrap .page-c:last-of-type {border: none;}
/* faq page css*/

.faq_head { padding: 15px 0 30px; margin-top:20px;}
.faq_head h1{color: #000;  font-family: 'Nunito', sans-serif; font-size: 48px; margin-bottom: 0; font-weight: 600;line-height: 1.2em;margin-top: 0; text-align: center;}
.faq-wrap{margin-top:50px; padding-top:30px;}

/* bn professional css*/
.bn-prohead {margin-top:20px; padding: 15px 0 30px; border-bottom: 1px solid #919da9; margin-bottom: 30px;}
.bn-prohead h1{color: #000; font-family: 'Nunito', sans-serif; font-size: 30px;margin-bottom: 0; font-weight: 700; line-height: 1.2em;margin-top: 0; text-align: center;}
.professional-benefits-wrapper{margin-bottom:35px;}
.professional-benefits-wrapper h2 { font-weight: 700; color:#000; font-family: Nunito;font-size: 28px;text-align: center;margin-top: 0;}
.professional-benefits-row { background-color: #eff7f7; font-family: Nunito; margin-left: 0;margin-right: 0; margin-top: 20px; padding-bottom: 20px; padding-top: 20px;display: flex;align-items: flex-start; flex-wrap: wrap; padding-left: 20px;}
.professional-benefits-content { width: 68%;  padding: 15px;}
.professional-benefits-img img {max-width: 100%; width:100%; border-radius:15px; height: auto; display: block;}
.professional-benefits-img img~img{margin-top:30px;}
.professional-benefits-img {  width: 32%; padding:15px;}
.professional-benefits-content h3 { color: #000;font-family: Nunito; font-size: 30px; margin-bottom: 20px;font-weight: 700;line-height: 1.2em;margin-top: 0; text-align: left;}
.professional-benefits-wrap .professional-benefits-row:nth-child(even){background:#eee}
.professional-benefits-wrap{margin-bottom:70px;}
.professional-benefits-content ul { padding-left: 0; margin: 0;list-style: none;}

.professional-benefits-content ul li { font-family: Nunito; font-size: 16px;margin-top: 0; margin-bottom: 10px;padding-left: 20px; position: relative;}

.professional-benefits-content ul li:before {content: "✓";display: inline-block; font-weight: 700; position: absolute;left: 0;top: 0;}
.professional-benefits-wrapper .button{font-family: Nunito;font-weight:700;     background-color: #4a4a4a;
    padding: 15px 60px;
    font-size: 16px;
    line-height: 1.5em;}
.professional-benefits-wrapper .button:hover{background-color: #85c5c8; color:#000}
/* page about css*/
.bn-about-head {
    text-align: center;
    margin: 40px auto;
}

.bn-about-head h1 {
    color: #000;
    font-size: 48px;
    font-family: Nunito;
    font-weight: 900;
    padding-bottom: 30px;
    border-bottom: 1px solid #919da9;
    margin-bottom: 42px;
}

.bn-about-head .bg-green {
    background-color: #eff7f7;
    margin: 0;
    padding: 20px;
    margin-top: 20px;
}

.bn-about-head .bg-green p {
    margin: 0;
    font-family: Nunito;
    text-align: center;
}

.bn-about-head h2 {
    font-size: 30px;
    color: #000;
    margin: 0;
    font-family: Nunito;
    font-weight: 900;
}
.bn-about-dowrap{margin-bottom:40px}
.bn-about-dowrap h3{text-align:center; font-size: 24px; font-weight: 600; font-family: Nunito;}
.bn-about-vision-row {display: flex;flex-wrap: wrap;  margin: 0 -15px;  margin-top: 60px;}
.single-vision { padding: 0 15px; margin-bottom: 40px;  width: 25%;}
.single-vision h3 {font-size: 20px; font-family: Nunito;  font-weight: 600; border-bottom: 1px solid #919da9; text-align: center; padding-bottom: 24px; margin-bottom: 25px;}
.bn-about-bariatric-row {display: flex; flex-wrap: wrap;justify-content: space-between; margin-bottom: 40px;}
.bn-about-bariatric-img {width: 25%;}
.bn-about-bariatric-img img { width: 100%; max-width: 100%;}
.bn-about-bariatric-content { width: 70%;}
.bn-about-jacqui-row {display: flex;justify-content: space-between;  margin-bottom: 27px;   flex-wrap: wrap;}
.bn-about-jacqui-img { width: 41.666667%;}
.bn-about-jacqui-img img { max-width: 100%; width: 100%;   height: auto; display: block; border-radius: 15px;margin-bottom: 10px;}
.bn-about-jacqui-content { width: 55.333%;}
.bn-about-professional{margin-bottom:40px !important;}
.bn-about-professional .bg-head {
    margin-bottom: 35px;
}

.bn-about-purpose-row{display: flex; flex-wrap: wrap;justify-content: space-between; margin-bottom: 40px; padding-top:15px; padding-bottom:15px;}
.bn-about-purpose-img {width: 49%;}
.bn-about-purpose-img img { width: 100%; max-width: 100%; border-radius: 15px;}
.bn-about-purpose-content { width: 49%;}

.bg-head { margin-bottom: 25px;  background-color: #ebebeb; text-align: center;  padding: 35px;}
.bg-head h2 {  text-align: center;  margin: 0; font-family: Nunito;font-weight: 600; font-size: 30px;}
.bg-head p{margin-top:2px; margin-bottom:0}
.bn-about-team { display: flex; flex-wrap: wrap;  margin: 0 -15px; }
.single-member { width: 25%;text-align: center; padding: 0 15px; margin-bottom:20px;}
.single-member img {  width: 100%;  max-width: 100%; padding: 0 15px;}
.single-member h5 {  font-size: 16px; line-height: 1.5;  margin-bottom: 10px; margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #919da9;}
.single-member p {margin-bottom: 10px;}
.member-img { padding-top: 130%;position: relative; margin-bottom: 10px;}
.member-img img { position: absolute;  top: 0; left: 0; height: 100%; width: 100%; object-fit: cover;  object-position: center;}


/* bariatric page css*/
.bariatric-wrap{margin-top: 40px;}
.bariatric-wrap p {text-align: center; margin-top: 60px;  font-size: 28px;}
.back-previous {width: auto; margin: auto auto 80px;  display: block; text-align: center;font-size: 20px;  cursor: pointer; border: 0; background: transparent; text-decoration: underline;}

/* affiliate-program css */
.affiliate-program-wrap{margin-top:30px;}
.affiliate-program-wrap h1{color: #000; font-size: 48px; margin:0; margin-bottom:30px; font-weight: 700;line-height: 1.2em; padding-bottom:15px; border-bottom:1px solid #919da9;   font-family: Nunito;text-align: center;}
.join-affiliate{background-color: #eff7f7; padding:15px 45px; margin-bottom:40px;}
.join-affiliate h2{    font-size: 22px; margin:0; margin-bottom:15px;  font-weight: bold; font-family: Nunito;text-align: center;}
.join-affiliate p{font-family: Nunito; margin-top:0; margin-bottom:10px; text-align: left; font-size: 18px; font-weight:bold}
.affiliate-how-it-work{margin-bottom:40px;}
.affiliate-how-it-work h2{padding-bottom:15px; border-bottom:1px solid #919da9; font-size: 22px; font-weight:700; text-align: center; margin-top:0; margin-bottom: 40px;font-family: Nunito;}
.affiliate-how-it-work .button{margin-top:60px; background-color: #4a4a4a; font-family: Nunito;  font-size: 16px;font-weight: 700; line-height: 1.5em; padding: 16px 60px;}
.affiliate-how-it-work-row { display: flex;  justify-content: space-between; flex-wrap: wrap;}
.affiliate-how-it-work-content {width: 48%;}
.affiliate-how-it-work-img { width: 48%;}
.affiliate-how-it-work-img img { width: 100%; height: auto;display: block; border-radius:15px;}
.affiliate-how-it-work .button:hover{    background-color: #85c5c8;}

/* page commuinty css*/
.bn-community-wrap {
    padding-top: 36px;
}

.bn-community-wrap h1 { color: #000; font-size: 48px; line-height: 1.2em;margin-top: 0; text-align: center; font-family: Nunito;font-weight: 700; padding-bottom: 15px;border-bottom: 1px solid #919da9;}
.bn-community-wrap .bg-green {background-color: #eff7f7; font-family: Nunito; margin:40px auto 60px; padding-bottom: 20px; padding-top: 20px; text-align: center;}
.bn-community-wrap .bg-green p { font-family: Nunito; text-align: center; margin: 0;}



.bn-community-row {display: flex; justify-content: space-between; padding: 74px 0; border-top: 1px solid #919da9;}
.bn-community-img { width: 48.69%;}
.bn-community-img img { width: 100%; height: auto; display: block;}
.bn-community-content { width: 45.2%;}
.bn-community-content p {font-family: Nunito; text-align: left;margin-bottom: 25px;}
.bn-community-content .button {  padding: 15px 60px; font-size: 16px; line-height: 1.5em; border-radius: 30px;font-family: Nunito;font-weight: 700;}

.bn-community-content .button:hover {  color: #000; background-color: #85c5c8;}

.bn-community-event { background: #f3f3f3;padding: 35px 0;}
.bn-community-eventrow { display: flex;flex-wrap: wrap; justify-content: space-between;}
.bn-community-single-evenet {  width: calc(50% - 12.5px); padding: 15px 0;}
.bn-community-single-evenet img {width: 100%;  border-radius: 15px;margin-bottom: 24px;}
.bn-community-single-evenet h3 { text-align: center; font-family: Nunito; text-align: center; font-size: 25px; margin-bottom: 16px;padding-bottom: 0; margin-top: 0;line-height: 23px; font-weight: 600;padding-bottom: 15px;border-bottom: 1px solid #919da9;}
.bn-community-single-evenet p { font-family: Nunito;  text-align: left;margin: 0;}

.health-conceners-wrap{ padding-top: 36px;}
.health-conceners-wrap h1 { color: #000; font-size: 48px; line-height: 1.2em;margin-top: 0; text-align: center; font-family: Nunito;font-weight: 900; padding-bottom: 15px;border-bottom: 1px solid #919da9;}
.health-conceners-wrap p{font-family: Nunito; padding:0 50px; text-align: center; margin: 0; margin-bottom:30px;}
.health-conceners-wrap .bg-green {background-color: #eff7f7; font-family: Nunito; margin:35px auto 40px; padding: 20px; padding-top: 20px; text-align: center;}
.health-conceners-wrap .bg-green p { font-family: Nunito; text-align: center; padding:0; margin: 0; margin-bottom:25px}
.health-conceners-wrap .bg-green p:last-child{margin:0}
.tab-teaser{margin-bottom:72px;}
.tab-menu>ul {  list-style: none;  margin: 0; padding: 0; display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center;-ms-flex-pack: center; justify-content: center;}
.tab-menu>ul>li>a { color: #000;width: 100%;font-size: 18px; border-radius: 30px; padding-top: 15px;padding-bottom: 12px;font-family: Nunito;font-weight: 700; display: block;padding: 12px 20px;background: #f0f2f3; text-decoration: none;}
.tab-menu>ul>li {flex: 1 1 0%; text-align: center; margin: 15px;}
.tab-menu>ul>li>a.active, .tab-menu>ul>li>a:hover { color: #fff;background: #4a4a4a;}
.tab-box { display: none; padding:15px;}
.tab-content {background-color: #f6f6f6; padding:1px;}
.tab-content p{font-family: Nunito; padding-left: 50px; padding-right: 50px;margin-bottom: 30px;text-align: left;}

.img-slide  .swiper-slide {
    height: auto;
}
.similar-pro {
    margin-top: 40px;
}

.img-slide .swiper-slide img {
    max-width: 100%;
    height: auto;
    display: block;
}
.similar-pro-slide .swiper-pagination {
    position: relative;
    margin-top: 20px; bottom:auto;
}
.similar-pro-slide .swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.similar-pro-slide .swiper-pagination .page-n.swiper-pagination-bullet {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 4px;
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid transparent;
    background: transparent;
}

.similar-pro-slide .swiper-pagination .page-n.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid;
    border: 1px solid #d5ddea;
    font-weight: 700;
}

.similar-pro-slide  .img-slide  .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50% !important;
    margin: 3px;
    padding: 0!important;
    min-height: initial!important;
    transition: transform .2s linear;
    border: none;
    opacity: .5;
    min-width: initial;
    box-shadow: initial;
    background-blend-mode: multiply;
    mix-blend-mode: exclusion;
}

.similar-pro-slide  .img-slide  .swiper-pagination-bullet.swiper-pagination-bullet-active { transform: scale(1.4);  opacity: 1;}

.similar-pro-slide  .img-slide .swiper-pagination {
    position: relative; margin:0; bottom:auto;
}
.img-slide {
    margin-bottom: 22px;
}

.similar-pro-slide {
    text-align: center;
}
.similar-pro-slide {
    text-align: center;
}
.similar-pro-slide h3{
font-size: 18px;
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: initial;}

.similar-pro-slide h3 a {text-decoration: none;color: var(--brand-primary); font-size: 18px;     font-weight: 350; font-family: var(--font-primary);}
.similar-pro-slide .swiper-wrapper{height:auto;}
.similar-pro-slide p { margin-bottom: 15px; font-family: Nunito; font-size: 16px; flex: 1 1 0%; color:rgba(var(--color-foreground), 0.75)}
.similar-pro-slide .button.button--primary { width: 100%; min-width:100%;  background-color: #85c4c8; color: #000; width: 100%; font-size: 16px; border-radius: 30px;  padding-top: 12px; padding-bottom: 12px;font-family: Nunito;}
.similar-pro-slide .button.button--primary:hover{background-color: #4a4a4a; color: #fff;}
.similar-pro-slide .swiper-slide {
    display: flex;
    flex-direction: column;
    height: inherit;
    justify-content: space-between;
}


/* new blog cs*/

.bn-blog-wrap{ padding-top: 36px;}
.bn-blog-wrap h1 { color: #000; font-size: 48px; line-height: 1.2em;margin-top: 0; text-align: center; font-family: Nunito;font-weight: 700; padding-bottom: 15px;border-bottom: 1px solid #919da9;}
.bn-blog-wrap p{font-family: Nunito; padding:0 50px; text-align: center; margin: 0; margin-bottom:30px;}
.bn-blog-wrap .bg-green {background-color: #eff7f7; font-family: Nunito; margin:28px auto 40px; padding: 35px 15px;  text-align: center;}
.bn-blog-wrap .bg-green p { font-family: Nunito; text-align: center; padding:0; margin: 0; margin-bottom:25px}
.bn-blog-wrap .bg-green p:last-child{margin:0}

.bn-blog-row { display: flex; margin: 0 -15px; flex-wrap: wrap;}
.bn-blog-row .bn-single-blog { width: 50%;   padding: 0 15px; text-align: center; margin-bottom: 40px;}
.bn-blog-row .bn-single-blog>a { display: block;  margin-bottom: 32px;}
.bn-blog-row .bn-single-blog>a img {  width: 100%; height: auto; display: block; max-width: 100%;}
.bn-blog-row .bn-single-blog h3 {font-family: var(--font-primary); font-weight: 325;  font-size: 16px;  line-height: 1.5; text-decoration: none; margin: 0;}
.bn-blog-row .bn-single-blog h3 a {  text-decoration: none;}
.bn-single-blog p {font-family: Nunito; text-align: center;}
.bn-blog {margin-top: 70px;}

/* share weight loss */
.wl-Journey-wrap{padding-top:30px;}
.wl-Journey-wrap h1{text-align: center; font-family: Nunito; font-size: 25px;font-weight: 700; color: var(--brand-primary);}
.wl-Journey-wrap h3{font-family: Nunito; text-align: center; font-size: 20px;     font-weight: 325;}
.wl-Journey-wrap p{font-family: Nunito; text-align: left; font-size: 17px; padding-top: 20px;}
.wl-Journey-row {  display: flex; flex-wrap: wrap; margin: 25px -15px 64px;}
.wl-Journey-row .item { padding:  15px; width: 25%;}
.wl-Journey-row .item>a { display: block;}
.wl-Journey-row .item>a img {  width: 100%; height: auto; display: block;}
.wl-Journey-faq{margin-bottom:40px;}
.wl-Journey-faq h2 { font-size: 22px; text-align: center; font-family: Nunito; margin-bottom: 10px;}
.wl-Journey-faq ul.accord { list-style: none;margin: 26px 0; padding: 0;}
.wl-Journey-faq ul.accord>li {  margin: 0;margin-top: 1;}
.wl-Journey-faq ul.accord>li>a { text-decoration: none; font-weight: 700; border-style: solid;border-width: 0 0 1px; border-color: #ebebeb; padding: 15px; padding-right:25px; color: #000;  background: #eee; font-family: Nunito; font-size: 16px; display: block; margin: 0;position: relative;}
.wl-Journey-faq ul.accord>li>a:before{content: "\f054"; transition:0.5s ease all; font-family: FontAwesome!important; position:absolute; display:block; right:15px; top:50%; transform:translateY(-50%);}
.wl-Journey-faq ul.accord>li div {padding: 15px 15px 25px;}
.wl-Journey-faq ul.accord>li div p {font-family: Nunito;     margin-bottom: 22px;}
.wl-Journey-faq ul.accord>li div p:last-child {margin: 0;}
.wl-Journey-faq ul.accord>li.active>a:before {
    transform: translateY(-50%) rotate(90deg);
}

.story-form-wrapper{border-top:1px solid #919da9; padding-top:72px;}
.story-form { position: relative; transition: box-shadow .25s,-webkit-box-shadow .25s; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);background: #fff; max-width: 600px; margin: 0 auto 57px; padding: 30px;}
.story-form h3 { margin-bottom: 0.5rem; font-weight: 600; line-height: 1.5;font-size: 26px;margin-bottom: 2rem;}
.story-form-row {display: flex;  flex-wrap: wrap; justify-content:space-between}
.story-form-row label { display: block; margin-bottom: 4px;  font-weight: 400;line-height: 20px; text-transform: initial;letter-spacing: initial; cursor: pointer; font-size: 14px;}
.story-form-row .form-control {display: block;height: 41px;padding: 10px 12px; color: #000; background-color: #f1f1f1; border-radius: 2px; font-size: 14px;position: relative; flex: 1 1 auto; margin-bottom: 0;width: 100%;box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);border-radius: 20px; border: none;}
.story-form-row .form-group{margin-bottom:1.5rem}
.story-form-row .radio-wrapper .radio-input { display: none;}
.story-form-row .w-100{width:100%}
.story-form-row .w-50{width:49%}
.story-form-row  label .text-smaller { font-size: 12px;}
.story-form-row .radio-wrapper {  position: relative;  display: block; min-height: 24px; margin-left: 28px; text-align: left;}
.story-form-row .radio-wrapper .radio-label {font-weight: 400; line-height: 24px; text-align: left; box-sizing: border-box; display: inline-block;position: relative;  margin-bottom: 0; cursor: pointer; font-size: 14px;}
.story-form-row  .radio-wrapper .radio-input~.radio-label:before, .story-form-row  .radio-wrapper .radio-input~.radio-label:after {
 position: absolute; top: 1px; left: -28px; display: block; width: 20px;height: 20px; border-radius: 50%;content: ""; border: 1px solid;box-sizing: border-box;  pointer-events: none; user-select: none; background-color: #fff; box-shadow: none; box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02); transition: all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55)}
.story-form-row  .radio-wrapper .radio-input:checked~.radio-label:before {border-color: var(--gfb-primary-color); box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);}
.story-form-row  .radio-wrapper .radio-input:checked ~ .radio-label:after { background: rgba(144,201,202,1);background: radial-gradient(rgba(144,201,202,1) 40%, #fff 45%);border-color: rgba(144,201,202,1);}
.story-form-row textarea.form-control { overflow: auto; resize: vertical;height: inherit;}
.story-form-row small.help-text{ color: #6c757d; margin-top: 0.25rem; font-size: 12px; display: block;}
.story-form-row .button.button--secoundary {
    text-transform: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    transition: all .25s ease-in-out;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    padding: 11px 22px;
    width: 100%;
    display: block;
    margin-top: 25px;
    border: 1px solid rgba(144,201,202,1);
    background-color: rgba(144,201,202,1);
    color: #000000; border-radius:20px; font-family: Nunito;
}
.story-form-row .button.button--secoundary:hover{    box-shadow: 0 3px 8px 0 rgba(0,0,0,.17); filter: brightness(110%);}
 .story-form-row h4{font-size:19px; line-height:1;    font-weight: 600; margin-bottom: 10px;}
.story-form-row h4~p{font-size:17px; line-height:1; font-weight:300; margin:0;}

/* subscribe page css*/
.bn-subscribe-wrap{padding-bottom:49px;}
.subscribe-head { padding: 30px 0 60px; border-bottom: 1px solid #919da9; margin-bottom: 30px; text-align: center;}
.subscribe-head h1 { color: #000; font-family: Nunito;font-size: 48px;margin-bottom: 0; font-weight: 900; line-height: 1.2em; margin-top: 0;text-align: center;}
.subscribe-content{max-width:1120px; padding: 0 15px; margin:0 auto;}
.subscribe-content h3 { font-family: Nunito; font-size: 23px; font-weight: 700; text-align: center;  color: #001722;  margin-bottom: 45px;}
.subscribe-content p {font-family: Nunito;font-size: 16px; margin-top: 0; margin-bottom: 30px; font-weight: 400; line-height: 1.6em; padding-bottom: 10px; padding-left: 10px;}
.subscribe-content .animation h3{font-family: Nunito; font-size: 23px; font-weight: 600;  margin-top: 0; margin-bottom: 25px; padding-top: 10px; padding-bottom:10px;}
.animation:hover {
    animation-name: pf-pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes pf-pulse{
25% {
    transform: scale(1.1);
}

75% {
    transform: scale(.9);
}

}

.subscribe-content .bg-head {margin-bottom: 25px;  text-align: center;background-color: #e9e9e9; padding-top: 10px; padding-bottom: 10px;}

.subscribe-content .bg-head h4 {  margin: 0; font-size: 23px; font-family: Nunito;font-weight: 600;}
.subscribe-content .bg-gray {padding: 5px 30px 10px 10px;  background-color: #f8f8f8; margin-bottom: 30px;}
.subscribe-content .bg-gray p {  margin: 0; padding: 0;}
.subscribe-content .bg-gray ul { list-style: none;margin: 0;  padding-left: 33px;}
.subscribe-content .bg-gray ul li {font-family: Nunito;font-size: 16px;font-weight: 400;line-height: 1.6em; margin: 0;}
  .subscribe-content img{width:100%; display:block; max-width:100%; margin-bottom:25px;}
.subscribe-content img~.bg-gray {
    padding: 30px;
    margin-bottom: 50px;
}

.bn-bariatric-head{ padding: 36px 0 47px; border-bottom: 1px solid #919da9; margin-bottom: 30px;text-align: center;}
.bn-bariatric-head h1{   color: #000;  font-family: Nunito; font-size: 48px; margin-bottom: 0; font-weight: 600;  line-height: 1.2em; margin-top: 0; text-align: center;}
.bn-bariatric-wrap h6 { font-family: Nunito;font-size: 18px;font-weight: 700;text-align: center; margin-bottom: 30px; margin-top: 0;}
.bn-bariatric-row {display: flex;  justify-content: space-between; margin: 0 -15px;}
.bn-bariatric-content { padding: 0 15px;width: 50%;}
.bn-bariatric-img { padding: 0 15px;width: 50%;}
.bn-bariatric-img img {  width: 100%;max-width: 100%; display: block; border-radius: 15px;}
.bn-bariatric-content p { font-family: Nunito; text-align: left; line-height: 27px; margin-top: 0;  margin-bottom: 25px;}
.bn-bariatric-list h6{font-family: Nunito;font-size: 18px;font-weight: 700;text-align: center; margin-bottom: 30px; margin-top: 0;}
.bn-bariatric-list .bn-pro-la-list{margin-top:50px;}
.bn-bariatric-list {  margin-top: 90px;}
.bn-bariatric-list .bn-pro-la-list li {width: 20%;}



.cost-wrap{margin-bottom:77px;}
.bg-head.light-head {background:#f3f3f3}
.bg-head.light-head h2 {font-weight: 325;}
.bg-head.light-head.text-bold h2 {font-weight: 600;}
.bg-head.light-head p{    max-width: 1170px; padding: 0 15px; margin: 27px auto 25px;  text-align: left; line-height: 25px;
 font-family: Nunito;letter-spacing: .3px; padding-bottom: 10px;}
.bg-head.light-head p:last-child{margin-bottom:0}
.cost-wrap h6 { color: #000; font-family: Nunito; font-size: 20px; margin-bottom: 30px;margin-top: 36px; font-weight: 700; text-align: center; border-bottom: 1px solid #919da9; padding-bottom: 30px;}
.cost-wrap  p{    text-align: left; margin-bottom:25px;  line-height: 25px; padding-right: 30px; letter-spacing: .3px;font-family: Nunito;}
.expect-suegery-wrap .row { display: flex; justify-content: space-between;  flex-wrap: wrap;  margin: 0 -15px 60px;}
.expect-suegery-content { width: 50%; padding: 15px;}
.expect-suegery-content p{ text-align: left; margin-bottom:25px;  line-height: 25px; padding-right: 30px; letter-spacing: .3px;font-family: Nunito;}
.expect-suegery-img { width: 50%; padding: 15px;}
.expect-suegery-img img {  max-width: 100%; width: 100%;  display: block; border-radius: 15px;}
.nutritional-gastric-wrap p{text-align: left; margin-bottom:25px;  line-height: 25px; padding-right: 30px; letter-spacing: .3px;font-family: Nunito;}
.nutritional-gastric-wrap .bg-head.light-head { margin-bottom: 36px;}
.nutritional-gastric-wrap { margin-bottom: 76px;}
.container-bn-1170{max-width:1170px; margin:0 auto;}

.gastric-guid-wrap h1 {color: #000;  font-family: Nunito; font-size: 48px;margin-bottom: 0;font-weight: 900;  line-height: 1.2em; margin-top: 0; text-align: center;}

.gastric-guid-wrap { margin-top: 43px;margin-bottom: 80px;}

.gastric-guid-wrap .bn-pro-la-list li { width: 16.66%;  padding: 15px;}

.gastric-guid-wrap p { text-align: center; letter-spacing: .3px; margin-bottom: 25px;}

.gastric-guid-wrap ul.bn-pro-la-list { margin-bottom: 70px;}

.gastric-feat { display: flex; flex-wrap: wrap;  margin: 0 -15px;  align-items: center;}
.gastric-feat .gastric-feat-content {width: 50%; padding: 15px;}
.gastric-feat-img { width: 50%;   padding: 15px;}
.gastric-feat-img img {max-width: 100%; width: 100%;  display: block;  border-radius: 15px;}
.gastric-feat-content h4 {color: #000;  font-family: Nunito; font-size: 20px;margin-bottom:36px; margin-top: 0;  font-weight: 700; padding-bottom: 16px; border-bottom: 1px solid #919da9; }
.gastric-feat-content p { text-align: left;line-height: 25px; padding-right: 30px; letter-spacing: .3px; font-family: Nunito;margin-bottom: 24px;}
.gastric-feat-content li { font-size: 15px; font-family: Nunito;}
.gastric-feat-content p:last-child { margin-bottom: 10px;}

.considerations-gastric-wrap .bg-green { background-color: #eff7f7; font-family: Nunito; margin-top: 35px; padding: 1px 20px;}
.considerations-gastric-wrap .bg-green p { text-align: left;line-height: 25px;padding-right: 30px;letter-spacing: .3px;font-family: Nunito; margin-bottom: 24px;}
.considerations-gastric-wrap .bg-green p:last-child {margin-bottom: 10px;}
.considerations-gastric-wrap { margin-bottom: 84px;}
.sugar-dry-wrap .bg-head.light-head p{margin-top:0; text-align:center}
.gastric-type-wrap h3{color: #000; font-family: Nunito; font-size: 20px; margin-bottom: 0;margin-top: 0;  font-weight: 700; text-align: left;  padding-bottom: 15px;}
.gastric-type-wrap li{font-size:15px; margin-bottom:10px}
.gastric-type-wrap .container-bn { margin-top: 35px;  margin-bottom: 30px;}
.gastric-type-wrap p{    font-family: Nunito;  font-size: 16px;margin-top: 0;  margin-bottom: 16px; line-height: 25px;}
.gastric-type-row {display: flex; margin: 0 ; flex-wrap: wrap;}
.gastric-type-content { width: 50%;  padding: 15px;}
.gastric-type-content h4 {  color: #000; font-family: Nunito; font-size: 20px;  margin-bottom: 0; margin-top: 0; font-weight: 700; padding-bottom: 16px; border-bottom: 1px solid #919da9;margin-bottom: 36px;}
.gastric-type-content ul{padding:10px;}
.gastric-type-wrap { padding-bottom: 29px;}
.gastric-candidate-wrap{margin-bottom:70px;}
.gastric-candidate-wrap .bg-head.light-head{margin-bottom:60px;}
.gastric-candidate-wrap  h4{    color: #000; font-family: Nunito;font-size: 20px;margin-bottom: 40px; margin-top: 0;font-weight: 700;  text-align: center;}
.gastric-candidate-wrap li{font-size:15px;}
.nutritional-gastric-wrap.short-term li {
    font-size: 15px;
}
#comparison-to-procedures .gastric-feat-content li {
    font-size: 16px;
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 16px;
    line-height: 1.5;
}
.bariatric-guid-wrap  h1 {color: #000;  font-family: Nunito; font-size: 48px;margin-bottom: 0;font-weight: 600;  line-height: 1.2em; margin-top: 0; text-align: center;}

.bariatric-guid-wrap  { margin-top: 43px;margin-bottom: 80px;}

.bariatric-guid-wrap  .bn-pro-la-list li { width: 16.66%; }

.bariatric-guid-wrap  p { text-align: center; letter-spacing: .3px; margin-bottom: 25px;}
.bariatric-guid-wrap  h3{font-family: Nunito; text-align: center; font-size: 22px;  margin-bottom: 15px;  letter-spacing: 1px;font-weight: 600;}

.final-step-wrap  h4 {font-family: Nunito; text-align: center; font-size: 30px; margin-bottom: 0; letter-spacing: 1px; padding-bottom: 20px; padding-top: 0;  font-weight: 600;}
.final-step-row { display: flex; flex-wrap: wrap;}
.final-step { width: 33.33%;   padding: 15px;}
.final-step h3 { color: #000;  font-family: Nunito;font-size: 20px; margin-bottom: 36px; margin-top: 0; font-weight: 600; text-align: center;padding-bottom: 16px; border-bottom: 1px solid #919da9;}
.final-step p {  padding-right: 0;}
#medical-tests-before-wls h3 {    color: var(--brand-primary); font-family: Nunito; text-align: center;font-size: 30px; margin-bottom: 10px;letter-spacing: 1px;padding-bottom: 20px;  padding-top: 0;font-weight: 600;}

.psychological-wrap h3 { font-family: Nunito; text-align: center; font-size: 30px;margin-bottom: 37px; letter-spacing: 1px; padding-bottom: 20px;  padding-top: 10px; font-weight: 600;}
.psychological-row { display: flex; flex-wrap: wrap;}
.single-psychological {width: 25%; padding: 0 15px; text-align: center;}
.single-psychological img { max-width: 100%;height: auto; display: block;   border-radius: 15px;}
.single-psychological p {  font-family: Nunito; font-size: 16px; margin-top: 0; margin-bottom: 16px;line-height: 25px; border-top: 1px solid #919da9;  padding-top: 36px; margin-top: 16px;}
.psychological-wrap { margin-bottom: 90px;}
#pre-surgery-diet .single-psychological p{    font-family: Nunito; font-size: 18px;  margin-bottom: 16px;  line-height: 25px; font-weight: 600;}
.pre-surgery-footer {background-color: #eff7f7; font-family: Nunito;margin-left: 0;margin-right: 0;margin-top: 60px;display: flex;flex-wrap: wrap;}
.pre-surgery-footer .heading { padding: 15px;  width: 42.5%;}
.pre-surgery-footer .pre-surgery-list { padding: 15px; width: 57.5%;}
.pre-surgery-footer .heading h5 { text-align: center;  margin: 0; font-size: 20px; padding-bottom: 20px;letter-spacing: .6px;font-weight: 400; padding-top: 10px;font-family: Nunito;}

.Preparing-footer { background-color: #eff7f7;font-family: Nunito;margin-left: 0;margin-right: 0; margin-top: 20px; margin-bottom:48px; display: flex; flex-wrap: wrap;}

.Preparing-footer .heading { width: 16.6%;  padding: 15px;}

.Preparing-footer .pre-surgery-list {width: 83.4%;  padding: 15px;}

.Preparing-footer .pre-surgery-list p {font-size:16px; color:#000; margin-top:0; margin-bottom: 16px; letter-spacing: normal;}

.Preparing-footer .heading h5 {color: #000; font-family: Nunito; font-size: 20px; margin-bottom: 30px; margin-top: 0; font-weight: 600; text-align: center;}

.medical-wrap p{padding-right:0}
.medical-wrap h4 { color: #000; font-family: Nunito; font-size: 20px;  margin-bottom: 40px;margin-top: 36px; font-weight: 700; text-align: center; border-bottom: 1px solid #919da9; padding-bottom: 23px;}


.psychological-wrap.schedule-wrp h4 { font-family: Nunito; text-align: center; margin-bottom: 37px; padding-bottom: 20px; font-size:18px; letter-spacing: 1px;  padding-top: 10px; }
.psychological-wrap.schedule-wrp .single-psychological{width:20%;}
.appointments-wrap p.text-center {
    text-align: center;
}
.appointments-wrap p{padding: 0 30px;}
.appointments-wrap .pre-surgery-footer{margin-top:47px; margin-bottom:20px;}
.post-nutration-wrap .bg-head.light-head p:first-of-type {
    margin-top: 0;
}


.surgery-stage h4 {color: #000;font-family: Nunito; font-size: 20px;margin-bottom: 0; margin-top: 0;font-weight: 700;text-align: center;padding-bottom: 16px; margin-bottom: 36px;border-bottom: 1px solid #919da9;}
.surgery-stage-row { display: flex; margin:0 -15px; flex-wrap: wrap; align-items: center;}
.surgery-stage-content { width: 50%; padding: 15px;}
.surgery-stage-img {  width: 50%; padding: 15px;}

.surgery-stage-img img {  max-width: 100%;  display: block; width: 100%; border-radius: 15px;}
.surgery-stage-content p { font-family: Nunito; font-size: 16px; margin-bottom: 16px;margin-top: 0; line-height: 25px;}
.surgery-stage-head p { font-family: Nunito; font-size: 16px; margin-top: 0; padding:0; margin-bottom: 21px; line-height: 25px; text-align: center;}

#nutrition-after-surgery .container-bn .surgery-stage:first-of-type .surgery-stage-img {
    margin-top: 24px;
}
#nutrition-after-surgery .container-bn .surgery-stage:nth-of-type(2)  .surgery-stage-row{
  
    align-items: flex-start;

}
.surgery-table {width: 100%; border: 1px solid rgba(34,36,38,.15); overflow-x: auto;  padding: 10px; font-family: Nunito;}
.surgery-table table th { background: #f9fafb;font-weight: 700; padding: 1em; border: 0.1rem solid rgba(var(--color-foreground), 0.2);text-align: left; min-width: 50px;}
.surgery-table table { width: 100%;}
.surgery-table table td { min-width: 50px;}
.surgery-stage {margin-bottom: 15px;}
.surgery-stage-content.w-100 {
    width: 100%;
}
.bariatric-guid-wrap.postbariatric-guid h3{font-weight:350;}


.bariatric-guid-wrap.bariatricband-guid h1{font-weight:900;}
.bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list{margin-bottom:74px;}
.bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list li {  margin: 7.5px 0; width: 20%;}
div#band .bg-head.light-head, #much .bg-head.light-head {margin-bottom: 60px;}
#much.nutritional-gastric-wrap p {padding-right:0; letter-spacing:normal}
.nutritional-gastric-wrap.nutritional-gastric-wrap-center p {text-align: center;padding-right: 30px;  padding-left: 30px;}
.nutritional-gastric-wrap  .bg-green { background-color: #eff7f7; font-family: Nunito; margin-top: 57px; padding: 1px 0px 1px  20px;}
.nutritional-gastric-wrap  .bg-green p { margin-bottom: 10px;}

#exercise p {line-height: 25px;  padding-right: 30px;  letter-spacing: .3px; font-family: Nunito; text-align: center;}

.psychological-row.exercise-row {margin:0 -15px; margin-top: 40px;}


.psychological-row.exercise-row .single-psychological {   width: 33.33%; margin-bottom: 40px;}

.psychological-row.exercise-row .single-psychological h3 { font-family: Nunito; text-align: center;font-size: 20px; margin-bottom: 0;letter-spacing: 1px;margin-top: 0; font-weight: 325;  padding: 0;}

.exercise-row  .single-psychological img {  border-radius: 20px; margin-bottom: 30px;}

#exercise .psychological-row.exercise-row .single-psychological p {margin-top: 16px; padding-top: 16px; text-align: left;}
.nutritional-gastric-wrap p.text-center {text-align: center;}
.ship-faq-wrap ul ul{list-style:disc;     padding-left: 20px;
    margin: 10px 0;}
.ship-faq-wrap ul ul li{border:none}

.bariatricSleeve-guid ul.bn-pro-la-list li {  margin: 7.5px 0; width: 16.66%;}
.bariatricSleeve-guid h1{font-weight:900}
#sleeve p {  font-family: 'Gotham Rounded';}
#comparison-to-procedures .gastric-feat-content h4 {text-align: center;}
#comparison-to-procedures .gastric-feat-content li{font-size:16px;}
#comparison-to-procedures .gastric-feat-content ul { padding: 10px; list-style-position: inside;list-style-type: disc; font-family: Nunito;  margin: 0;}
.nutritional-gastric-wrap.short-term h4 { color: #000; font-family: Nunito; font-size: 20px;  margin-bottom: 0; margin-top: 0; font-weight: 700; text-align: center; border-bottom: 1px solid #919da9; padding-bottom: 30px; margin-bottom: 39px;}
.psychological-row.surgery-row .single-psychological { width: 33.33%;}

.psychological-row.surgery-row .single-psychological h3 { font-family: Nunito; text-align: center; font-size: 25px;line-height: 1.2; font-weight: 350; letter-spacing: normal;margin-bottom: 15px; margin-top: 5px;}

.psychological-row.surgery-row .single-psychological p { margin-top: 15px; padding-top: 15px;padding: 15px 30px 0 30px;}
#surgery .gastric-feat-content {width: 65%;}

#surgery .gastric-feat-img { width: 35%;}
.pre-exercise-footer{    background-color: #eff7f7; font-family: Nunito; margin-left: 0; margin-right: 0; margin-top: 20px;  display: flex;  flex-wrap: wrap;}
.pre-exercise-content {width: 50%;padding:  15px;}
.pre-exercise-content h5 {line-height: 25px; padding-left: 30px;  padding-right: 30px; letter-spacing: .3px; font-weight: 700;  font-size: 18px;  text-align: center; font-family: Nunito;}
#exercise .pre-exercise-content p{text-align:left; padding-left:30px;}
.gastric-exercise h3{line-height: 25px; padding-left: 30px; padding-right: 30px;letter-spacing: .3px; font-weight: 700; font-size: 18px; text-align: center;font-family: Nunito;}

#long li {  font-family: Nunito; font-size: 15px;}

.pre-advantage-footer { background-color: #eff7f7; font-family: Nunito;  margin-left: 0; margin-right: 0; margin-top: 20px; display: flex;  flex-wrap: wrap;}

.pre-advantage-content {  width: 50%;  padding: 15px;}
.pre-advantage-content h5 { text-align: left; line-height: 25px;  font-family: Nunito; padding-left: 30px; padding-right: 30px; letter-spacing: .3px;  font-size: 16px;  color: var(--brand-primary);  font-weight: bold;}
.pre-advantage-content p{padding-left:30px;}
.pre-advantage-content li { font-size: 15px;}
#advacntage .bg-head.light-head p, div#advantages-disadvantages .bg-head.light-head p {
    text-align: center;
    margin-top: 0;
}
.sleeve-fo {
    padding: 30px 0;
}

.sleeve-fo p {
    margin-bottom: 0; 
}
.product-top-wrap button.button-wishlist {
    justify-content: flex-end;
}
div#post-surgery-diet .gastric-feat-img img {
    max-width: 100px;
    margin: 0 auto;
    display: block;
}

div#post-surgery-diet .gastric-feat-content {
    width: 63%;
}

div#post-surgery-diet .gastric-feat-img {
    width: 36%;
}
div#post-surgery-diet .gastric-feat {
    align-items: flex-start;
}
@media (max-width: 1200px) {
div#ProductGridContainer {
    width: 100%;
}
  .collection-row.slide .collection-sidebar{left:0; width: 100%;  display: block;}
  .collection-sidebar {
    margin-right: 0;
    width: 100%;
    position: fixed;
    height: 100vh;
    z-index: 4;
    background: #fff;
    top: 0;
    left: -100%;
    transition:0.5s ease all;
    padding: 0;
        overflow-y: auto;
    padding-bottom: 120px;
}
  .CollectionInner__Sidebar.hidden-pocket {
    padding: 0 15px;
}
  .filter-head {
    display: flex;
    align-items: center;
    height: 79px;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}
  h2.filter-h {
    font-size: 16px;
    line-height: 20px; margin:0;
    text-transform: inherit;
}
  a.filter-hide {
    margin: 0;
    display: none;
}
   .filter-hide-m{display:block}
 .filter-hide-m span.boost-pfs-filter-close:before {
    content: "";
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    left: 15px;
    top: 37px;
    bottom: auto;
    width: auto;
    height: auto;
}
  .collapse-headers {
    font-size: 16px;
    line-height: 25px;
}
  .Collapsible__Content .Linklist__Item label{font-size:14px; line-height:22px;}

span.boost-pfs-filter-close {
    font-size: 0;
}

  .collection-sidebar .show-m {
    display: flex;
    justify-content: center;
    background: #ffffff;
    width: 100%;
    position: fixed;
    bottom: 0;
}

.collection-sidebar .show-m a {
    margin: 0;
    background: #ffffff;
    border: 1px solid black;
    border-radius: 50px!important;
    max-width: 335px;
    margin: 30px auto;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 350;
    font-size: 14px;
    line-height: 48px;
    letter-spacing: .5px;
    color: #3f4245;
    height: 50px;
    width: 100%;
    text-align: center;
    text-decoration: none;
      z-index: 3;
}
.filter-hide-m {
    min-width: 65px;
}



.filter-head div {
    min-width: 65px;
    display: block !important;
}
  .new-product-la-wrap h1{font-size:40px;}
  .professional-benefits-img{width:37%}
  .professional-benefits-content{width:63%}
}
@media (max-width: 1200px) {
.gastric-guid-wrap .bn-pro-la-list li{padding:15px 3px;}
  .bn-pro-la-list{margin-left:-3px; margin-right:-3px;}
}
@media (max-width: 992px) {
  div#product-grid {
    max-width: 700px;
    margin: 0 auto;
}
.product-row .card-wrapper {
    max-width: calc(50% - 24px);
    margin: 12px;
    width: calc(50% - 24px);
    margin: 12px;
}
  .contact-head h1, .page-head h1{font-size:40px;}
  .contact-head, .page-head{padding-bottom:45px; margin-bottom:45px;}
  /* .contact_row{margin:74px auto 90px;} */

    .contact_row{margin:40px auto 90px;}
  .contact-form{padding:30px;}
  .contact-content-top p{padding:0 10px; margin:0}

  .wls-banner-content h2{font-size:26px;}
  .wls-banner-content p{font-size:20px;}
  .bn-pro-la-list li { width: 33.33%; margin: 5px 0;}
  .single-member{width:50%;}
  .bn-about-jacqui-img { width: 50%;}
  .bn-about-jacqui-content { width: 47%;}
  .bn-about-bariatric-img {width: 48%;}
.bn-about-bariatric-content { width: 48%;}
  .single-vision{width:50%}
  .wl-Journey-row .item { padding:  15px; width: 50%;}
  .bn-bariatric-list .bn-pro-la-list li, .gastric-guid-wrap .bn-pro-la-list li, .bariatric-guid-wrap .bn-pro-la-list li {
    width: 33.33%;
}
  .gastric-guid-wrap h1, .bariatric-guid-wrap h1{font-size:40px;}
  .Preparing-footer .heading, .Preparing-footer .pre-surgery-list {width: 50%;}
  .pre-surgery-footer .heading,  .pre-surgery-footer .pre-surgery-list {width: 50%;}
.single-psychological{width:50%; margin-bottom:40px;}
  .pre-surgery-footer{margin-top:20px;}
  .psychological-wrap.schedule-wrp .single-psychological {
    width: 50%;
}
   .psychological-wrap.schedule-wrp .single-psychological:last-child{width:100%;}
  .psychological-row.exercise-row .single-psychological{width:50%}
  .psychological-row.exercise-row .single-psychological:last-child{width:100%;}
  .bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list li, .bariatricSleeve-guid ul.bn-pro-la-list li{width:33.33%}
.Preparing-footer{align-items:center}
 #nutrition-after-surgery .container-bn .surgery-stage:first-of-type .surgery-stage-img{margin-top:0}
  table:not([class]){font-size:1.2rem}
}
@media (max-width: 767px) {
  
  .contact_row{flex-wrap:wrap; margin-top:0;}
  .contact-content {width: 100%;}
  .contact-form{width:100%; margin-top:30px;}
  .contact-content-top h3{font-size:18px;}

  .wls-banner-img {width: 100%;}
  .wls-banner-img img { position: relative;}
  .wls-banner-content {width: 100%; padding: 50px 30px;}
  .wls-card {padding: 15px; width: 100%; margin-bottom: 12px;}
  .wls-feat-wrap{padding-bottom:65px;}
  .wls-special-item { width: 50%;}
  .new-product-la-wrap h1{font-size:30px;}
  .product-la-row{padding:40px 0;}
  .product-la-img {width: 100%;}
  .product-la-content {
    width: 100%;
    padding: 30px 0 0;
}
.shipping_wrap p{padding-left:10px; padding-right:10px;}
  .page-c .btn-group .button{width:100%; padding:15px 20px;}
   .professional-benefits-img{width:100%}
  .professional-benefits-content{width:100%; padding:15px 35px;}
  .professional-benefits-row {margin-bottom:0; margin-top:0; padding-left:0}
  .professional-benefits-content ul li{font-size:14px;}
  .professional-benefits-content ul li:before{top:2px;}

  .customer.login input.input { max-width: 320px; width: 100%;}

.customer .button--primary {max-width: 320px; width: 100%;}
/*   .bariatric-wrap p {
    text-align: center;
    margin-top: 40px;
    font-size: 20px;
    word-break: break-all;
} */
.affiliate-program-wrap h1{font-size:30px;}
  .affiliate-how-it-work-content { width: 100%;  margin-bottom: 30px;}
  .affiliate-how-it-work-img { width: 100%;}
  .bn-about-jacqui-img { width: 100%;}
  .bn-about-jacqui-content { width: 100%; margin-top:30px;}
  .bn-about-bariatric-img {width: 100%;}
.bn-about-bariatric-content { width: 100%; margin-top:30px;}
  .bn-about-purpose-img {width: 100%;}
.bn-about-purpose-content { width: 100%; margin-bottom:30px;}
.bn-about-head h1{font-size:30px;}
  .bn-about-jacqui-row-top .bn-about-jacqui-content { width: 100%; margin-top:0; margin-bottom:30px;}

  .bn-community-wrap h1{font-size:30px;}
  .bn-community-row{flex-wrap:wrap; padding-bottom:33px;}
  .bn-community-img{width:100%;}
  .bn-community-content{width:100%; margin-top:30px;}
  .bn-community-single-evenet{width:100%;}
  .health-conceners-wrap h1, .bn-blog-wrap h1{font-size:30px;}
  .tab-content p, .health-conceners-wrap p{padding:0 10px;}

  .bn-blog-row .bn-single-blog{width:100%;}
  .bn-blog-row .bn-single-blog p{text-align:left;}
  .bn-blog-wrap .bg-green, .bn-blog-wrap .bg-green p { text-align: left;}

  .wl-Journey-row .item { padding:  15px; width:100%;}
  .story-form{padding:15px;}
  .story-form-row .w-50 {
    width: 100%;
}
  .subscribe-content img~.bg-gray{padding:15px;}
  .subscribe-content{padding:0}
  .subscribe-head h1 {font-size: 25px;}
  .bn-bariatric-head h1{font-size:36px;}
  .bn-bariatric-row{flex-wrap:wrap;}
  .bn-bariatric-content{width:100%;}
  .bn-bariatric-img{width:100%; margin-top: 50px;}
  .bn-bariatric-list { margin-top: 60px;}
  .gastric-guid-wrap .bn-pro-la-list li, .bariatric-guid-wrap .bn-pro-la-list li {
    width:50%; padding-top:0; padding-bottom:0;
}
  .gastric-guid-wrap ul.bn-pro-la-list {
    margin-bottom: 55px;
}
  .gastric-guid-wrap h1, .bariatric-guid-wrap h1{font-size:36px;}

  .gastric-guid-wrap {
    margin-top: 43px;
    margin-bottom: 40px;
}
  .gastric-candidate-wrap h4, .cost-wrap h6 {
    font-size: 16px;}
  .gastric-candidate-wrap .bg-head.light-head {
    margin-bottom: 35px;
}
  .bg-head.light-head h2{font-size:25px;}
  .gastric-type-content {
    width: 100%;
    padding: 15px;
}
  .gastric-feat-img , .gastric-feat .gastric-feat-content{
    width: 100%;
    padding: 15px;
}
  .expect-suegery-content, .expect-suegery-img{width:100%;}
  .bariatric-guid-wrap h3{font-size:18px;}
/*   .expect-suegery-content p, .cost-wrap p, .nutritional-gastric-wrap p{padding-right:0} */
   .Preparing-footer .heading, .Preparing-footer .pre-surgery-list {width: 100%;}
  .Preparing-footer .heading h5 {
    font-size: 16px;
    margin-bottom: 2px;
}
  div#medical h3{font-size:25px;}
  .psychological-wrap h3{font-size:20px;}
  .pre-surgery-footer .heading,  .pre-surgery-footer .pre-surgery-list {width: 100%;}
  .single-psychological{width:100%;}
  .final-step-wrap h4{font-size:20px;}
  .final-step{width:100%;}
  .bg-head{padding-left:15px; padding-right:15px;}
  .psychological-wrap.schedule-wrp .single-psychological{width:100%;}
  .psychological-wrap {
    margin-bottom: 15px;
}
  .surgery-stage-content{width:100%; padding-left:0; padding-right:0;     margin-bottom: 30px;}
  .surgery-stage-img{width:100%; padding-left:0; padding-right:0;}
  .surgery-stage h4{font-size:16px;}
  .psychological-row.exercise-row .single-psychological{width:100%}
   .bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list li, .bariatricSleeve-guid ul.bn-pro-la-list li{width:50%}
  .bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list{margin-bottom:40px;}
  .psychological-row.surgery-row .single-psychological{width:100%;}
  #surgery .gastric-feat-content {
    width: 100%;
}
  #surgery .gastric-feat-img {
    width: 100%;
}
  .pre-exercise-content {
    width: 100%;
    padding: 15px;
}
.pre-advantage-content {
    width: 100%;
    padding: 15px;
}
div#post-surgery-diet .gastric-feat-content {
    width: 100%;
}

div#post-surgery-diet .gastric-feat-img {
    width: 100%;
}

}
@media (max-width: 640px) {
.product-row .card-wrapper {
    max-width: 100%;
    width: 100%;
    margin: 12px 0;
        padding: 10px 0 14px;
}
  .bn-pro-la-list li{width:100%;}
  .faq_head h1{font-size:30px;}
  .single-member{width:100%;}
  .member-img {
    padding-top: 0;
}
  .member-img img {
    position: relative;
}
  .single-vision{width:100%}
  .bn-bariatric-list .bn-pro-la-list li {
    width: 100%;
}
   .gastric-guid-wrap .bn-pro-la-list li, .bariatric-guid-wrap .bn-pro-la-list li {
    width:100%
}
  .gastric-guid-wrap h1{font-size:36px;}
   .bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list li, .bariatricSleeve-guid ul.bn-pro-la-list li{width:100%}
}


button.button-wishlist {
    padding: 0;
    background: transparent;
    text-align: center;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.button-wishlist span {
cursor: pointer;
    font-size: 11px;
    line-height: 18px;
    color: var(--brand-primary);
    padding-right: 3px; font-family: var(--font-primary);
}
.button-wishlist:hover span{color:var(--brand-secondary); 
    }
button.button-wishlist .icon {
    width: 10px;
    height: auto;
    display: block;
}
button.button-wishlist svg {
    width: 16px;
}

/* button.button-wishlist:after {
    content: "";
    font-family: "swym-font";
  font-size: 13px;
      color: #001722 !important;
} */

.pro-notification {
    max-width: 300px;
    background: #fff;
    box-shadow: 0 6px 10px 4px #c7ccce4d;
    position: fixed;
    bottom: -100%; transition:0.5s ease all;
    left: 0;
    z-index: 2;
    padding: 22px 15px;
}
.pro-notification.show{bottom:50px;}
.pro-notification>div{ position: relative;}
.close-noti svg {
    width: 100%;
}
.close-noti {
    max-width: 16px; cursor:pointer;
    position: absolute;
    right: -5px;
    top: -5px;
}
button.button-wishlist svg {
    cursor: pointer;
}


.search__input {
    width: 241px;
    padding-left: 50px;
    height: 40px;
    padding: 10px 15px !important;
    border-radius: 50px;
    border: 1px solid var(--field-placeholder);
    font-family: var(--font-primary);
    color: var(--field-border-active);
    font-weight: 325;
    padding-left: 50px !important; font-size: 0.875rem;
}
.search__input.field__input:focus{padding: 10px 15px !important; padding-left: 50px !important;}

button.search__button.field__button {
    position: absolute;
    background: 0 0;
    border: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    line-height: 0;
    padding: 0 20px;
}

button.search__button.field__button>svg {
    width: auto;
    height: auto;
}
div#WebPixelsManagerSandboxContainer {
    display: none;
}
@media (max-width: 480px){
.b-type-w label.label .bg{font-size:8px;}
}


div#AjaxinatePagination {
    text-align: center;
}

iframe#podium-bubble {
    bottom: 48px !important;
}






.customer.address {
    padding: 0 5rem;
}

.customer.address a {
    font-size: 1rem;
}

.customer.address hr.hr--small {
    margin: 2rem 0;
    /* border: 1px solid #000; */
}


.add-from .grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
}

.add-from .f-label {
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
}

.add-from .input-full {
    width: 100%;
    height: 48px;
    padding: 10px 15px;
    border-radius: 50px;
    border: 1px solid var(--field-placeholder);
    font-family: var(--font-primary);
    color: var(--field-border-active);
    font-weight: 325;
    margin-bottom: 21px;
    font-size: 16px;
}

.add-from .grid .grid__item{
    padding-bottom: 0;
}

.bariatric-Webinars-wrap h1 {
    color: #000;
    font-family: Nunito;
    font-size: 48px;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.2em;
    margin-top: 0;
    text-align: center;
    border-bottom: 1px solid #919da9;
    padding: 16px 0;
    margin-bottom: 30px;
}

.bariatric-Webinars-wrap 
 .container-bn {
    max-width: 1170px;
}
.bariatric-Webinars-wrap .light-bg {
    background: #eff7f7;
    text-align: center;
    padding: 15px; margin-bottom:15px;
}

.bariatric-Webinars-wrap .light-bg p {
    font-family: Nunito;
    margin-bottom: 25px;
}
.bariatric-Webinars-wrap .light-bg p:last-child{margin-bottom:0}
.container {
    padding: 0 2.5rem;
}

.webinars-row {
    display: flex;
    flex-wrap: wrap;
    margin: 15px -15px 0;
}

.single-webinars {
    width: 33.33%;
    margin-bottom: 54px;
    padding: 15px;
    text-align: center;
}

.single-webinars .img img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.single-webinars .img {
    margin-bottom: 10px;
    display: block;
}

.single-webinars p {
    font-family:     font-family: Nunito;
    font-family: Nunito;
}

.single-webinars .watch {
    font-family: Nunito;
    text-align: center;
    font-weight: 300;
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
    text-decoration: underline;
}

.objectives-webinar {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
}

.objectives-webinar-img {
    width: 41.7%;
    padding: 15px;
}

.objectives-webinar-img img {
    max-width: 100%;
    display: block;
}

.objectives-webinar-content {
    padding: 15px;
    width: 58.3%;
}
.objectives-webinar-content p {
    font-family: Nunito;
}
.container-bn.container-1170 {
    max-width: 1170px;
}
.objectives-webinar-content ul li {
    font-family: Nunito;
    font-size: 15px;
}

.webinar-acc .collapse {
    font-weight: 700;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #ebebeb;
    padding: 15px;
    color: #000;
    background: #eee;
    text-align: center;
    font-family: Nunito;
    font-size: 18px;
    position: relative; 
}
.webinar-acc .collapse::before {content: "";width: 11px;height: 3px;background-color: #000;position: absolute;top: 18px;transform: rotate(90deg);right: 12px;}
.webinar-acc .collapse:after {content: "";width: 11px;height: 3px; background-color: #000; position: absolute;transform: rotate(0deg); top: 18px; right: 12px;}
.webinar-acc .collapse.active::before{opacity: 0;}

.webinar-acc .collapse-content {
    padding: 30px 0; display:none; width:100% !important;
}

.webinar-acc .collapse-content p {
    text-align: center;
}

.collapse-content .form-box {
    position: relative;
    transition: box-shadow .25s,-webkit-box-shadow .25s;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
    max-width: 600px;
    margin: 30px auto;
    padding: 30px;
}
.collapse-content .form-box form#ContactForm {
    width: 100%;
    background: transparent;
    padding: 0;
    border-radius: 0;
    text-align: left;
}


.collapse-content .form-box h3 {
    font-size: 26px;
    margin-bottom: 2rem;
    font-weight: 600;
    line-height: 1.5;
    color: #000;
}

.collapse-content .form-box .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.collapse-content .form-box .row .form-group {
    width: 50%;
    margin-bottom: 1.5rem;
    padding: 0 5px;
}

.collapse-content .form-box .row .form-group label {
    display: block;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 20px;
    text-transform: initial;
    letter-spacing: initial;
    font-size: 14px;
    font-family: Nunito;
}

.collapse-content .form-box .row .form-control {
    width: 100%;
    height: 41px;
    padding: 10px 12px;
    color: #000;
    background-color: #f1f1f1;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
    border-radius: 20px;
    border: none;
}
.collapse-content .form-box .row textarea.form-control{height:71px;}

.collapse-content .form-box h4 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
    margin-bottom: 1.5rem;
    margin-top: 0;
}
.collapse-content .form-box .row .form-group.w-100 {
    width: 100%;
}
.collapse-content button.action.submit.button.button--primary {
    background-color: rgba(143,201,202,1);
   font-family: Nunito;
  font-weight:normal;
    color: #000000;
    min-width: 100px;
    padding: 11px 22px;
    border: 1px solid rgba(143,201,202,1);
}
.collapse-content button.action.submit.button.button--primary:hover{box-shadow: 0 3px 8px 0 rgba(0,0,0,.17);
    filter: brightness(110%);}


/* new login page css */
.bn-login-wrapper {
    padding-top: 36px;
}
.bn-login-wrapper h1 {
    color: #000;
    font-size: 33px;
    line-height: 1.2em;
    margin-top: 0;
    text-align: center;
      font-family: Nunito;
  font-weight:700;
    padding-bottom: 15px;
    border-bottom: 1px solid #919da9;
}
.bn-login-wrapper .bg-green {
    background-color: #eff7f7;
    margin: 35px auto 40px;
    padding: 45px 25px;
}
.bn-login-wrapper .bg-green ol{margin:0}
.bn-login-wrapper .bg-green ol li{margin-bottom:10px;}
.bn-login-wrapper .bg-green ol li:last-child{margin-bottom:0}
.shopify-policy__container { margin: 50px auto;}

@media (max-width: 1400px){
.single-webinars .watch{font-size:14px;}
}
@media (max-width: 992px){
.customer.address .m-grid>.grid__item {
    max-width: 100%;
    width: 100%;
}
  .customer.address {
    padding: 0 2rem;
}
   .bariatric-Webinars-wrap h1{font-size:40px;}
}
@media (max-width: 767px){
.customer.address .grid__item {
    max-width: 100%;
    width: 100%;
}
  .customer.address {
    padding: 0 2rem;
}
  .objectives-webinar-img, .objectives-webinar-content{width:100%;}
  .single-webinars{width:100%; margin-bottom:12px;}
  .single-webinars .watch{font-size:14px;}
  .bariatric-Webinars-wrap h1{font-size:30px;}
  .collapse-content .form-box .row .form-group{width:100%;}
  .collapse-content .form-box{padding:15px;}
  .webinar-acc .collapse:after, .webinar-acc .collapse:before{right:5px;}

  .bn-login-wrapper .bg-green {
    background-color: #eff7f7;
    margin: 35px auto 40px;
    padding: 30px 25px;
}
}

.jjk {
    margin: 0px 0px;
}

.__pf_9lJetbWn .pf-139_ [data-pf-type="Accordion.Header"], .__pf_9lJetbWn .pf-226_ [data-pf-type="Accordion.Header"], .__pf_9lJetbWn .pf-270_ [data-pf-type="Accordion.Header"] {
    padding-right: 35px !important;
}
#shopify-section-template--14716209594442__1688021030de98336e .apps-section__container{padding:0 !important}



.btn-sec{border: 1px solid #64CCC9; background:#fff; color: #64CCC9;text-align: center;font-size: 16px;font-style: normal;font-weight: 350;text-transform: uppercase;}

/* Recipe listig page css*/
.recipe-listing-banner{/*background:url(recipe-listing-banner.jpg) no-repeat center; background-size:cover; min-height:335px; padding-top:60px; padding-bottom:60px;*/ position:relative}
.recipe-listing-banner h4{color: rgba(255, 255, 255, 0.90);font-family:var(--font-primary);font-size: 16px;font-weight: 325;line-height: normal;text-transform: uppercase; margin-top:0; margin-bottom:10px;}
.recipe-listing-banner h1{font-size: 48px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; color:#fff; margin-top:0; margin-bottom:20px;}
.recipe-listing-banner>img{width:100%; height:auto; display:block;     min-height: 335px;object-fit: cover;}
.recipe-listing-banner .breadcrumbs a {font-size: 14px;font-weight:325; color: #fff;}
.recipe-listing-banner .breadcrumbs span {font-size: 14px;font-weight:350; color: #fff;}
.recipe-listing-banner .container {
    position: absolute;
    left: 0;
    width: 100%;
    top: 60px;
}
.recipe-listing-banner .mobile-show{display:none !important;}

.recipe-listing-wrapper{padding-top:80px;}
.recipe-listing-row{display:flex; justify-content:space-between}
.recipe-sidebar{width:255px;}
.recipe-cat h3 { margin: 0; padding: 20px 0; color: #001722; font-family: Gotham Rounded; font-size: 24px; font-style: normal; font-weight: 350; line-height: normal; text-transform: capitalize;}
.recipe-cat {padding-bottom: 20px; border-bottom: 1px solid rgba(0, 23, 34, 0.20);}
.recipe-cat ul{list-style:none; padding:0; margin:0;}
.recipe-cat ul li{ font-size:16px; margin-bottom:20px; }
.recipe-cat ul li a{display:flex; justify-content:space-between; color: rgba(0, 23, 34, 0.80); text-decoration:none}
.recipe-cat ul li a.active{color: #70CACB; font-weight:350;}
.recipe-cat .recipe-filter{display:flex; flex-wrap:wrap;}
.recipe-cat .recipe-filter li {display: inline-flex; margin-right:10px;}
.recipe-cat .recipe-filter li:last-child{margin-right:0;}
.recipe-cat .recipe-filter li a {text-decoration: none;  color: rgba(0, 23, 34, 0.90); font-weight: 325; font-size: 16px;border-radius: 50px; border: 0.7px solid rgba(0, 23, 34, 0.30);background: #FFF; padding: 7px 10px; display: block;}
.recipe-cat .recipe-filter li a.active{background: #64CCC9; border-color:#64CCC9; color:#fff;}

.c-checkbox 
 input[type="checkbox"] { display: none;}

.c-checkbox .Link{padding-left: 42px; min-height: 22px; cursor:pointer;  margin-bottom: 20px; display: block; position: relative; color: rgba(0, 23, 34, 0.50); font-size: 16px; font-weight: 325; text-transform: capitalize;}
.c-checkbox .Link:before, .check-filter li a:before {content: "";width: 22px; height: 22px;border: 1px solid rgba(0, 23, 34, 0.70);background: #FFF; display: block; position: absolute; left: 0; top: 0;}
.c-checkbox .Link:after, .check-filter li a:after{content:''; width:14px; height:14px; background:url(check.svg)no-repeat center; background-size:cover;  position: absolute;  left:4px; top:4px; opacity:0; visibility:hidden; transition:0.5s ease all; display:block;}
.c-checkbox input:checked+label.Link, .recipe-cat .check-filter li a.active{color:#64CCC9; font-weight: 350;}
.c-checkbox input:checked+label.Link:before, .recipe-cat .check-filter li a.active:before{background: #64CCC9; border-color: #64CCC9;}
.c-checkbox input:checked+label.Link:after, .recipe-cat .check-filter li a.active:after{opacity:1; visibility:visible}
.recipe-cat .check-filter li{margin-bottom: 20px; display: block; position: relative; color: rgba(0, 23, 34, 0.50); font-size: 16px; font-weight: 325; text-transform: capitalize;}
.recipe-cat .check-filter li a{color: rgba(0, 23, 34, 0.50); padding-left: 42px; min-height: 22px;}


.recipe-wrap{width:calc(100% - 255px); padding-left:60px;}
.seach-recipe {max-width: 282px; width: 100%; margin-left: auto; border-radius: 24.5px; border: 1px solid rgba(0, 23, 34, 0.05); background: #FFF; box-shadow: 0px 6px 8px 0px rgba(0, 23, 34, 0.08); padding: 2px 4px; overflow: hidden; margin-bottom: 40px;}
.seach-recipe form{display: flex;}
.seach-recipe input.form-control { width: 100%; height: 36px; border: none; border-radius: 0; color: rgba(0, 23, 34, 0.50);font-size: 12px; font-weight: 325; padding: 5px 15px;}
.seach-recipe button.search { width: 36px;height: 36px; border-radius: 50%; background: #70CACB;border: none;min-width: 36px; color: #fff; display: flex; align-items: center;justify-content: center;}
.seach-recipe button.search svg path {fill: #fff;}

.recipe-row { display: flex;flex-wrap: wrap; margin: 0 -20px;}
.single-recipe-list { width: 33.33%; padding: 0 20px;  margin-bottom: 40px;}
.single-recipe-img { position: relative; margin-bottom:20px;}
.recipe-img{ padding-top: 100%; background-size:cover; background-position:center; overflow: hidden; display: block; position: relative; border-radius: 8px;}

.single-recipe-img .tag {  border-radius: 12.5px;background: #001722; color: rgba(255, 255, 255, 0.80); font-size: 12px;font-weight: 325; padding: 7px 11px;  display: inline-block;  position: absolute;  left: 10px; z-index: 2;  top: 10px;}
.single-recipe-list h4 { margin-top: 0; margin-bottom: 20px; color: #001722; text-transform: capitalize;font-size: 16px;font-weight: 350;line-height: 24px;}
.single-recipe-list h4 a{color: #001722; transition:0.5s ease all; text-decoration:none; font-weight: 350; font-size: 16px;}
.single-recipe-list h4 a:hover{color:#64CCC9}
.single-recipe-list .button{width:100%; display:block; margin:0; min-width:100%}
.btn-sec:hover{background: #64CCC9; color:#fff;}

.recipe-test-wrap{margin:120px 0 100px;}
.recipe-test-row{display:flex; flex-wrap:wrap; justify-content:space-between}
.recipe-test-left{width:408px;}
.recipe-test-left h4{color: #64CCC9;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-top:0; margin-bottom:10px;}
.recipe-test-left h2{color: #001722;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize;margin-top:0;  margin-bottom:30px;}
.recipe-test-left p{color: rgba(0, 23, 34, 0.50); margin-top:0; font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;}
.recipe-test-left .btn-arrow{display:flex; margin-top:40px;}
.recipe-test-left .btn-arrow a{width: 54px;height: 54px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; background:#64CCC9;}
.recipe-test-left .btn-arrow a img{display:block}
.recipe-test-left .btn-arrow a~a{margin-left:20px;}
.recipe-test-right{width:52%}
.recipe-testimonial{margin:0}
.recipe-testimonial .item{ padding:15px 0 15px 20px;    position: relative; }
.recipe-testimonial .item-inner{border-radius: 10px;border: 1px solid rgba(0, 23, 34, 0.05);background: #B8E2E3;box-shadow: 0px 4px 4px -3px rgba(20, 33, 45, 0.07); padding:40px 50px 40px 100px;}
.recipe-testimonial .quote{border-radius: 8px; position:absolute; top:0; left:0; background: #001722; width:70px; height:70px; color: #FFF;font-size: 37.143px;font-style: normal;font-weight: 400;line-height: normal; display: flex; align-items: center; justify-content: center;}
.recipe-testimonial .rating{display:flex; flex-wrap:wrap; margin-bottom:30px;}
.recipe-testimonial .rating span+span{margin-left:5px;}
.recipe-testimonial p{color: #001722;font-size: 24px;font-style: normal;font-weight: 350;line-height: normal; margin-top:0; margin-bottom:30px;}
.recipe-testimonial .meta{color: rgba(0, 23, 34, 0.50);font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: capitalize; margin-bottom:10px;}
.recipe-testimonial h6{color: #001722;font-family: Gotham Rounded;font-size: 16px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize;}
.recipe-blog-footer{margin-bottom:120px}
.recipe-blog-footer h6{color: #64CCC9;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-top:0;; margin-bottom:10px;}
.recipe-blog-footer h2{color: #001722;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin-top:0}

.recipe-blog-footer-row { margin-top: 60px;display: flex;align-items: center; justify-content: space-between;}

.recipe-blog-footer-img { width: 46%;}
.recipe-blog-footer-content {  width: 54%; padding-left: 120px;}
.recipe-blog-footer-img img { max-width: 100%;}
.recipe-blog-footer-content .tag {  border-radius: 12.5px; margin-bottom:20px;  background: #001722; color: rgba(255, 255, 255, 0.80); font-size: 12px;font-weight: 325;   padding: 7px 11px;  display: inline-block;}
.recipe-blog-footer-content h4{color: #001722; font-size: 24px;font-style: normal;font-weight: 350;line-height: normal; margin-top:0; margin-bottom:30px;}
.recipe-blog-footer-content p{color: rgba(0, 23, 34, 0.50);;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal; margin-top:0; margin-bottom:30px;}
.recipe-blog-footer-content a{color: #64CCC9;font-size: 16px;font-style: normal;font-weight: 350;line-height: normal;text-decoration-line: underline;text-transform: uppercase;}

.recipe-testimonial .slick-dots { position: relative; bottom: auto; margin: 0 auto;}

.recipe-testimonial .slick-dots li {width: 10px; height: 10px;background: #B8E2E3; border-radius: 50%; opacity: 0.5;}

.recipe-testimonial .slick-dots li.slick-active { opacity: 1;}

.recipe-testimonial .slick-dots li button { display: none;}

/* Recipe Detail page css*/
/* .recipe-detail-banner{padding-top:50px; padding-bottom:92px; background:url(recipe-detail-banner.jpg)no-repeat center; background-size:cover; text-align:center} */
.recipe-detail-banner img{width:100%; height:auto; display:block; border-radius:8px; min-height: 335px;object-fit: cover;}
.recipe-detail-banner {  position: relative; margin-top:50px;}

.recipe-detail-banner .container {  position: absolute;left: 0; width: 100%; text-align: center; top: 50%;  transform: translateY(-50%);}
.recipe-detail-banner .breadcrumbs {margin: 0px 0 20px 0;}
.recipe-detail-banner .breadcrumbs a{color:  #001722; font-size: 14px;}
.recipe-detail-banner .breadcrumbs span {color:  #001722; font-size: 14px;font-weight: 350;}
.recipe-detail-banner .breadcrumbs__container { justify-content: center;}
.recipe-detail-banner h4{color:  #001722;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:20px;}
.recipe-detail-banner h1{color:  #001722; font-size: 48px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; max-width:464px; margin:0 auto;}
.recipe-time-wrap { margin-bottom: 70px; position: relative;}
.recipe-time-row { max-width: 588px; margin: 0 auto;border-radius: 8px; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 23, 34, 0.05); margin-top: -30px;display: flex; align-items: center;justify-content: space-between;padding: 27px 45px;}

.single-recipe-time {  display: flex; align-items: center; padding:0 5px;}

.single-recipe-time .icon { min-width:45px; width: 45px; height: 45px;  background: #64CCC9; border-radius: 50%;display: flex; align-items: center; justify-content: center; margin-right: 12px;}
.single-recipe-time p {  margin: 0; color: rgba(0, 23, 34, 0.50); font-size: 16px; font-style: normal;  font-weight: 325; line-height: 22px;}

.recipe-detail-wrap{margin-bottom:100px;}
.recipe-detail-row { display: flex; flex-wrap: wrap; align-items: flex-start;}
.recipe-detail-content-wrap {  width: 70%; padding-left: 42px;}
.ingredients {  width: 30%; padding:40px 60px 40px 0; position:relative}
.ingredients:before{content:""; height:100%; display:block; width:calc(100% + 3rem); background:var(--background-light-blue); box-shadow: 0px 0px 10px 2px rgba(0, 23, 34, 0.07); border-radius: 8px; position:absolute;top:0; left:-3rem;}
.ingredients>*{ position:relative; z-index:2;}
.ingredients h3{color:#001722;font-size: 24px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin-bottom:14px; margin-top:0}
.ingredients table tr td{color: rgba(0, 23, 34, 0.50); border-bottom:1px dashed rgba(0, 23, 34, 0.20); font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px; padding:20px 5px;}
.ingredients table tr td:first-child{color: #001722;     /*white-space: nowrap;*/ font-size: 24px;font-weight: 350;line-height: normal;text-transform: capitalize;}
.ingredients table tr:last-child td{border:none}
.recipe-detail-content {border-radius: 8px; background: #FFF; box-shadow: 0px 0px 10px 2px rgba(0, 23, 34, 0.07); padding: 49px 45px;  margin-bottom: 50px;}
.recipe-detail-content h2{color: #001722;font-size: 24px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin-bottom:7px; margin-top:0}
.recipe-detail-content ul { list-style: none; padding: 0;margin: 0;}
.ingredients table{width:100%; table-layout: auto;}
.recipe-detail-content ul li { display: flex; border-bottom:1px dashed rgba(0, 23, 34, 0.20); padding:19px 0;}
.recipe-detail-content ul li:last-child{border:none; padding-bottom:0;}
.recipe-detail-content ul li .step { color: #001722; font-size: 24px; margin-right:37px; font-style: normal; font-weight: 350; line-height: normal; text-transform: capitalize; min-width: 82px;}
.recipe-detail-content ul li p{margin:0; color: rgba(0, 23, 34, 0.50);font-size: 16px; margin:0; font-style: normal;font-weight: 325;line-height: 22px;}
.recipe-notes h4{color:#001722;font-size: 16px;font-style: normal;font-weight: 350;line-height: 24px; text-transform: capitalize; margin-bottom:10px; margin-top:0}
.recipe-notes ul li{color: rgba(0, 23, 34, 0.50);font-size: 16px;line-height: normal; margin-bottom:20px;}
.recipe-full-img{margin-top:49px;}
.recipe-full-img img{width:100%; border-radius:8px; display:block;}

.similar-recipe-head { display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 50px;}

.similar-recipe-head h4 { margin: 0; margin-bottom: 16px; font-size: 16px; font-style: normal;font-weight: 325; line-height: normal; text-transform: uppercase; color: #001722;}

.similar-recipe-head h2 { margin: 0; color: #001722; font-family: Gotham Rounded;  font-size: 32px; font-style: normal;font-weight: 350;  line-height: normal; text-transform: capitalize;}
.similar-recipe-head .btn-view{border-radius: 30px; display: inline-block; background: #64CCC9; color:#fff; min-width:171px; padding:13px 30px; text-align:center; text-decoration:none; font-size: 16px; font-weight: 350; text-transform: uppercase;}

.similar-recipe-wrap .recipe-row{margin:0 -12.5px;}
.similar-recipe-wrap .single-recipe-list .button{max-width:281px;     min-width: auto;}
.similar-recipe-wrap .single-recipe-list{padding:0 12.5px;}

/* article page css*/

.bn-article-banner-wrap { display: flex; align-items:center;  justify-content: space-between; flex-wrap: wrap; width: 100%; padding-top:50px; padding-bottom:100px;  padding-left: 2.5rem;}
.bn-article-banner-content {width: 38%;}
.bn-article-banner-content .breadcrumbs a,  .bn-article-banner-content .breadcrumbs span { font-size:14px; color: rgba(0, 23, 34, 0.50); font-family: var(--font-primary);}
.bn-article-banner-content .breadcrumbs span{font-weight:350;}
.bn-article-banner-content h4{color:  #001722;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:20px; margin-top:0}
.bn-article-banner-content h1{color:  #001722;font-family: Gotham Rounded;font-size: 48px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin:0;}
.bn-article-banner-img {  width: 60%;}
.bn-article-banner-slide{margin:0;}
.bn-article-banner-slide img {width: 100%; display: block;}
.bn-article-banner-slide .slick-arrow{display:none !important}
.bn-article-banner-img .btn-arrow{display:flex; justify-content:center; margin-top:13px;}
.bn-article-banner-img .btn-arrow a{width: 40px;height: 40px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; background:#64CCC9;}
.bn-article-banner-img .btn-arrow a img{display:block}
.bn-article-banner-img .btn-arrow a~a{margin-left:70px;}


.bn-article-why { background: #eff9f9; padding: 100px 0;}
.bn-article-why-head { text-align: center; margin-bottom: 40px;}
.bn-article-why-head h4 { color:  #001722; font-size: 16px; font-style: normal;font-weight: 325; line-height: normal;text-transform: uppercase; margin: 0; margin-bottom: 16px;}
.bn-article-why-head h2 {margin: 0;color: #001722; font-family: Gotham Rounded; font-size: 32px;font-style: normal; font-weight: 350; line-height: normal;  text-transform: capitalize;}
.bn-article-why-row { display: flex;flex-wrap: wrap; margin: 0 -10px;}
.bn-article-why-row .item { padding: 0 10px; width: 33.33%;}

.bn-article-single-why { background: #fff; border-radius: 8px; border: 1px solid #E8E8E8; background: #FFF;  box-shadow: 3px 8px 8px 0px rgba(0, 23, 34, 0.08); padding: 30px 16px; text-align: center;}
.bn-article-single-why  img {max-width: 186px; width: 100%;  display: block;  border-radius: 13px;  margin: 0 auto 13px;}
.bn-article-single-why h4 { margin: 0;color: #001722; font-size: 16px; font-style: normal; font-weight: 350; line-height: 24px;text-transform: capitalize;margin-bottom: 16px;}
.bn-article-single-why p { color: rgba(0, 23, 34, 0.50); font-size: 16px; font-style: normal;font-weight: 325;  line-height: 22px;  margin: 0;}
.bn-article-v{padding:100px 0}
.bn-article-v-head{max-width:640px; margin-bottom:38px;}
.bn-article-v-head h4{margin:0; color:  #001722;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:20px;}
.bn-article-v-head h2{color: #001722;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin:0; margin-bottom:20px;}
.bn-article-v-head  p{color: rgba(0, 23, 34, 0.50);font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px; margin-bottom:16px; magin-top:0}
.bn-article-v-head .link{margin:0; color: #64CCC9;font-family: Gotham Rounded;font-size: 16px;font-style: normal;font-weight: 350;line-height: 24px; /* 150% */text-decoration-line: underline;text-transform: uppercase;}
.bn-article-video-img{position:relative}
  .bn-article-video-img img{width:100%; display:block; border-radius: 8px;}
.bn-article-video-img .icon-play{width:111px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}

.bn-article-recipe-wrap{padding-bottom:100px;}
.bn-recipe-ahead h4{margin:0; color: #001722;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:16px;}
.bn-recipe-ahead h2{color: #001722;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal; margin:0; text-transform: capitalize;}
.bn-recipe-ahead{margin-bottom:25px;}

.bn-recipe-tag-w {  display: flex;  justify-content: space-between; flex-direction: row-reverse; align-items: center;  margin-bottom: 15px;}

.rec-tags a {border-radius: 110px;border: 1px solid #000; padding: 10px 20px; text-decoration: none; font-size: 16px;  color: #001722; margin-right: 18px; transition: 0.5s ease all;}
.rec-tags {display: flex;align-items: center; flex-wrap:wrap;}
.rec-tags a:hover, .rec-tags a.active {background: #001722; color: #fff;}
.bn-recipe-tag-w .seach-recipe {margin-bottom: 0; margin-left: 0;}
.bn-article-recipe-wrap .recipe-img {padding-top: 60%;}
.bn-article-recipe-wrap .single-recipe-img { margin-bottom: 36px;}
.bn-article-recipe-wrap .single-recipe-list h4 { border-bottom: 1px solid rgba(0, 23, 34, 0.20); padding-bottom: 20px;}
.bn-article-recipe-wrap .single-recipe-list p{color: rgba(0, 23, 34, 0.50);font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px; margin-bottom:20px; }
.bn-article-recipe-wrap .single-recipe-list .button{max-width:281px; min-width: auto;}

.bn-article-featured-wrap { padding: 100px 0;   border-top: 1px solid rgba(0, 23, 34, 0.20); border-bottom: 1px solid rgba(0, 23, 34, 0.20);}
.bn-article-featured-row { display: flex; justify-content: space-between; margin-bottom: 50px; align-items: center;}
.bn-article-featured-content { width: 46%;}
.bn-article-featured-img { width: 46%;  position: relative;}
.bn-article-featured-img img {  width: 100%;  display: block;}
.bn-article-featured-img a.icon-play { position: absolute; text-decoration:none; margin:0; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.bn-article-featured-wrap .bn-article-featured-row:nth-child(even) {flex-direction: row-reverse;}
.bn-article-featured-wrap .bn-article-featured-row:last-child { margin-bottom: 0;}
.bn-article-featured-content h4{color:  #001722;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:20px; margin-top:0}
.bn-article-featured-content h2{margin-top:0; margin-bottom:20px;}
.bn-article-featured-content h2 a{color: #001722;font-family: Gotham Rounded;font-size: 32px;font-style: normal;font-weight: 350;line-height: 40px; text-decoration:none; text-transform: capitalize; margin:0;}
.bn-article-featured-content p{color: rgba(0, 23, 34, 0.50); margin-top:0; margin-bottom:30px; font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px;}
.bn-article-featured-content .link{margin:0; color:#64CCC9;font-size: 16px;font-style: normal;font-weight: 350;line-height: 24px; /* 150% */text-decoration-line: underline;text-transform: capitalize;}

.bn-article-wrap{padding: 100px 0; display:flex; flex-wrap:wrap; justify-content:space-between;    border-bottom: 1px solid rgba(0, 23, 34, 0.20);}
.bn-article-row{width:48%}
.bn-article-img>a {width: 100%; margin:0; display: block;}
.bn-article-img>a img {width: 100%; margin:0; display: block;}
.bn-article-img { margin-bottom: 40px;}
.bn-article-content h4 { font-size: 16px; font-style: normal; font-weight: 325; line-height: normal;text-transform: uppercase; color: #001722; margin-top: 0;margin-bottom: 20px;}
.bn-article-content h2 {  margin: 0; margin-bottom: 20px;}
.bn-article-content h2 a { color: #001722; font-size: 32px; font-style: normal; font-weight: 350; line-height: 40px;  text-transform: capitalize;  margin: 0;  text-decoration: none;}
.bn-article-content .link {   margin: 0; color:  #64CCC9; font-size: 16px;font-style: normal;font-weight: 350; line-height: 24px;  text-decoration-line: underline; text-transform: capitalize;}


.bn-similar-article { padding: 100px 0;}
.bn-similar-article-head {margin-bottom:40px;}
.bn-similar-article-head h4{font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:16px; margin-top:0}
.bn-similar-article-head h2{font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin:0;}
.bn-similar-article-row {display: flex; align-items: center;justify-content: space-between; margin-bottom: 20px;}

.bn-similar-article-img { width: 407px;}
.bn-similar-article-img a {display: block; margin:0}
.bn-similar-article-img a img {width: 100%;height: auto;  display: block;}
.bn-similar-article-content {width: calc(100% - 407px); padding-left: 38px;}
.bn-similar-article-content h4 {color: #001722; font-size: 16px;font-style: normal; font-weight: 350;line-height: 24px; margin-top:0; /* 150% */ text-transform: capitalize; margin-bottom: 20px;}
.bn-similar-article-content h4 a { color: #001722;  margin:0; text-decoration: none;  font-size: 16px;font-style: normal; font-weight: 350;line-height: 24px;}
.bn-similar-article-content p {color: rgba(0, 23, 34, 0.50);font-size: 16px; font-weight: 325;line-height: 22px; margin-top:0; margin-bottom: 20px;}
.bn-similar-article-content .more { color: #64CCC9;  font-size: 16px; font-style: normal; font-weight: 350; line-height: 24px;  margin:0; text-decoration-line: underline;text-transform: capitalize;}

.recipe-detail-banner .mobile-show{display:none}

.bn-article-recipe-wrap ul.pagination__list.list-unstyled, .recipe-wrap  ul.pagination__list.list-unstyled{justify-content: flex-end;align-items: center;}

.bn-article-recipe-wrap ul.pagination__list.list-unstyled>li, .recipe-wrap ul.pagination__list.list-unstyled>li  {max-width: inherit;  flex: 0;  color: rgba(0, 23, 34, 0.70); font-family: Gotham Rounded;font-size: 16px; font-style: normal;font-weight: 325; line-height: normal;  text-transform: capitalize; margin-right: 30px; line-height: 1.5; margin-bottom: 0;}

.bn-article-recipe-wrap ul.pagination__list.list-unstyled>li .pagination__item, .recipe-wrap ul.pagination__list.list-unstyled>li .pagination__item {height: auto;color: rgba(0, 23, 34, 0.70); margin: 0;}

.bn-article-recipe-wrap .pagination__item--current:after,  .bn-article-recipe-wrap .pagination__item:hover:after, .recipe-wrap .pagination__item--current:after, .recipe-wrap.recipe-wrap .pagination__item:hover:after  {  display: none;}

.bn-article-recipe-wrap ul.pagination__list.list-unstyled>li:last-child, .recipe-wrap ul.pagination__list.list-unstyled>li:last-child { margin: 0;}

.bn-article-recipe-wrap ul.pagination__list.list-unstyled>li span.pagination__item.pagination__item--current, .recipe-wrap ul.pagination__list.list-unstyled>li span.pagination__item.pagination__item--current {color: #64CCC9;  font-family: Gotham Rounded; font-size: 16px; font-style: normal;  font-weight: 350;  line-height: normal;  text-transform: capitalize;}

.bn-article-recipe-wrap ul.pagination__list.list-unstyled>li .pagination__item-arrow, .recipe-wrap ul.pagination__list.list-unstyled>li .pagination__item-arrow {width: 40px;  height: 40px; background: #64CCC9; display: flex; align-items: center; justify-content: center;color: #fff;border-radius: 50%;}

.bn-article-recipe-wrap .pagination-wrapper, .recipe-wrap .pagination-wrapper {margin: 0;}

.filter-btn{display:none; color: #001722;text-align: center; text-decoration:none; font-size: 16px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize;}

.b-food-nutration-wrap{text-align:center; padding-top:48px;}
.b-food-nutration-wrap span{ display:block;   font-family: Nunito;font-size: 16px;  margin-top: 0;margin-bottom: 15px; font-weight: 400;}
.b-food-nutration-wrap h1{font-size: 30px; font-family: Nunito; font-weight: 700; margin-top: 0;  margin-bottom: 0;  padding-bottom: 12px;}
.b-food-nutration-wrap img{width:100%; height:auto; display:block; border-radius: 30px;}
.w-940{max-width:940px; margin:0 auto}
.b-food-nutration-wrap .bg-light{max-width:910px; margin:30px auto; font-size: 16px; padding:39px 34px; line-height: 1.6em;background-color: #eff7f7; border-radius: 15px;}
.b-food-nutration-wrap .bg-light p{    font-weight: 400; text-align: left; font-family: Nunito; line-height:inherit; margin-bottom:22px}
.b-food-nutration-wrap .bg-light p:last-child{margin:0;}
.w-910{max-width:910px; margin:0 auto;}
.b-food-nutration{margin-bottom:40px;}
.b-food-nutration .heading{font-size: 20px;font-family: Nunito; font-weight: 600;  margin-top: 0;  margin-bottom: 20px; background-color: #ebebeb; text-align: center; padding-top: 10px;  padding-bottom: 10px;  height: auto; border-radius: 30px;}
.b-food-nutration p{font-size: 16px; margin-bottom:22px;  padding: 10px 10px 0 0; text-align: left;  font-weight: 400; font-family: Nunito;}
.b-food-nutration li{font-size: 16px;   font-weight: 400; font-family: Nunito;}

.b-food-feat{display:flex; flex-wrap:wrap; margin:0 -15px; justify-content:space-between}
.b-food-content{padding:15px; width:50%;}
.b-food-img {padding:15px; width:50%;}
.b-food-img img{width:100%; height:auto; display:block;     border-radius: 30px;}
.b-food-content p { padding-top: 0;}
.b-food-nutration h4{font-family: Nunito; font-size: 20px; font-weight: 700;  padding: 15px 10px 10px 0;text-align: center;}
.b-food-content h5{font-size: 20px; font-family: Nunito;font-weight: 600;margin-top: 0;margin-bottom: 0;text-align: left; padding-top: 0; padding-bottom: 0; height: auto; border-radius: 15px; color: #51c3c6;}
.b-food-nutration img.left {
    max-width: 440px;
    width: 100%;
    height: auto;
    float: left;
    margin-right: 30px;
    margin-bottom: 15px;
  margin-top:15px;
    border-radius: 30px;
}

.bn-ben  .heading{margin-top:20px;}
.bn-rel-pro .heading{    font-size: 20px;  font-family: Nunito; font-weight: 600; margin: 0 ; background-color: #eff7f7;  text-align: center; padding: 10px 20px;   border-radius: 15px;}
.bn-rel-pro-row{display:flex; flex-wrap:wrap; margin:0 ;}
.bn-rel-4{width:33.33%; padding:15px;}
.bn-rel-4 h3{text-align:center; font-family: Nunito; font-weight: 700;font-size: 18px;}
.bn-rel-slide  .item a { display: block;}

.bn-rel-slide .item a img { max-width: 100%; width: auto; height: auto; display: block;}
.bn-rel-slide  ul.slick-dots { position: relative;   bottom: auto;}

.bn-rel-slide  ul.slick-dots li {  width: 8px;  height: 8px;  background: #000; border-radius: 50%; opacity: 0.5; transition: 0.5s ease all;}
.bn-rel-slide  ul.slick-dots li button{display:none}
.bn-rel-slide  ul.slick-dots li.slick-active { opacity: 1;  transform: scale(1.4);}
.b-food-img-slide {
    padding: 4px; margin:0;
    border: 1px solid #dfdcdc;
}
.b-food-img-slide a { display: block;}
.b-food-img-slide img { max-width: 100%; width: auto; height: auto; display: block;}
.b-food-img-slide .slick-arrow { width: 40px; z-index:2;  height: 40px; position: absolute; font-size: 20px; top: calc(50% - 20px);  border: none; cursor: pointer;-webkit-transition: .35s; transition: .35s; line-height: 1; border-radius: 50%;background: rgba(0,0,0,.4);}
.b-food-img-slide .slick-arrow.slick-prev{left:20px;     top: calc(50% - 40px);    transform: rotate(180deg);}
.b-food-img-slide .slick-arrow.slick-next{right: 20px;}
.b-food-img-slide .slick-arrow:before, .b-food-img-slide .slick-arrow:after{    content: '';
    position: absolute; left:50%;
    background: #fff; width: 1px;
    height: 8px;}
.b-food-img-slide .slick-arrow:before{transform: rotate(45deg);
    top: 19px;}
.b-food-img-slide .slick-arrow:after{    transform: rotate(-45deg);
    top: 14px;}
.b-food-img-slide .slick-arrow:hover{background:#000}
.b-food-img-slide .slick-arrow.slick-disabled {  opacity: 0;}


.ArticleList.Grid.Grid--m {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2.5rem;
}

.ArticleList .Grid__Cell {
    width: 25%;
    margin-bottom: 20px;
}

.ArticleList .card-wrapper.product-card {
    box-shadow: none;
}

.ArticleList h2 {
    color: #001722;
    transition: 0.5s ease all;
    text-decoration: none;
    font-weight: 350;
    font-size: 16px;
}

.ArticleList  .card-information__wrapper {
    height: auto;
}

.ArticleList  .card.card--product {
    margin: 0;
}
.ArticleList .single-recipe-list {
    width: 100%;
    padding: 0 10px;
    margin: 0;
}
.bn-rel-pro {
    clear: both;
}
.b-food-nutration:after, .b-food-nutration:before{content:''; display:table; clear:both;}




.promotinal-banner:before{content:''; width:100%; height:100%; border-radius:8px; background:  rgba(0, 23, 34, 0.50); position:absolute; top:0; left:0 }
.promotinal-banner img{width:100%; height:auto; display:block; border-radius:8px; min-height: 335px;object-fit: cover;}
.promotinal-banner {  position: relative; margin-top:0;}
.promotinal-banner .mobile-show{display:none;}
.promotinal-banner .container {  position: absolute;left: 0; width: 100%; text-align: center; top: 50%;  transform: translateY(-50%);}
.promotinal-banner .breadcrumbs {margin: 0px 0 20px 0;}
.promotinal-banner .breadcrumbs a{color:  #fff; font-size: 14px;}
.promotinal-banner .breadcrumbs span {color:  #fff; font-size: 14px;font-weight: 350;}
.promotinal-banner .breadcrumbs__container { justify-content: center;}
.promotinal-banner h4{color:  #fff;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:20px;}
.promotinal-banner h1{color:  #fff; font-size: 48px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; max-width:464px; margin:0 auto 20px;}
.promotinal-wrap{padding-top:50px;}
.promotinal-head{display:flex; justify-content:space-between; align-items:center}
.promotinal-head h4{color:  rgba(0, 23, 34, 0.50);font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px; margin:0 0 12px;}
.promotinal-head h2{color: #001722;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin:0}
.promotinal-head p{color: rgba(0, 23, 34, 0.50);font-family: Gotham Rounded;font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px;}
.promotinal-head .heading {  width: 28%;}
.promotinal-head .para {  width: 51%;}
.promotinal-row {display: flex;flex-wrap: wrap; margin: 0 -20px; margin-top: 40px;}
.promotinal-row .single-recipe-list{width:25%;}
.promotinal-row .single-recipe-list:nth-child(5n-1), .promotinal-row .single-recipe-list:nth-child(5n-2){width:50%}
.promotinal-row .single-recipe-list:nth-child(5n-1) a.recipe-img, .promotinal-row .single-recipe-list:nth-child(5n-2)  a.recipe-img {
    padding-top: 48%;
}
.promotinal-row .single-recipe-list .button{max-width:259px; min-width:auto}
.promotinal-adwrap{padding-top:50px; padding-bottom:10px;}
.promotinal-headad{margin-bottom:40px;}
.promotinal-headad h4{color:  rgba(0, 23, 34, 0.50);text-align: center;font-size: 16px;font-style: normal;font-weight: 350;line-height: 24px; text-transform: capitalize; margin:0 0 12px}
.promotinal-headad h2{color:  #001722;text-align: center;font-family: Gotham Rounded;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin:0}
.promotinal-rowad { display: flex;  flex-wrap: wrap; margin: 0 -20px;}
.promotinal-rowad .single-recipe-list {  width: 25%;}

.promotinal-rowad .rate {display: flex;margin-bottom: 20px; align-items: center;color: #001722;  font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px;}
.promotinal-rowad .rate img {width: 15px; margin: 0 2px; display: block;}
.promotinal-rowad .rate span { margin-left: 3px;}

.promotinal-shwrap{padding-top:50px;}
.promotinal-shrow {  display: flex; justify-content: space-between;}
.single-shop-p { width: 47%;background: #EFF9F9; border-radius: 8px; padding: 20px 70px 20px 20px;}
.single-shop-p .tag{padding:10px 20px; margin-bottom:16px; display:inline-block; background:#001722; border-radius:100px; color: rgba(255, 255, 255, 0.80); font-size: 12px; font-weight: 325;text-transform: capitalize;}
.single-shop-p h3{color: #001722;font-size: 16px;font-style: normal;font-weight: 350;line-height: 24px;text-transform: capitalize; margin:0 0 20px;} 
.single-shop-p p{color: rgba(0, 23, 34, 0.50);font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px; margin-bottom:16px;}
.single-shop-p .button{max-width:259px; width:100%; font-size:16px;}
.time-flex {
    background: #EFF9F9;
    border-radius: 8px;
    position: relative;
    margin-top: -93px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px;
}
.date-s {
    min-width: 80px;
    text-align: center;
}


.date-s h4 {
    color: #001722;
    text-align: center;
    font-family: Gotham Rounded;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 24px; /* 150% */
    text-transform: capitalize;
    margin-bottom: 6px;
    margin-top: 0;
}

.date-s span {
    background: #fff;
    border-radius: 8px;
    padding: 10px 23px;
    display: inline-block;
    color: #001722;
    text-align: center;
    font-family: Gotham Rounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    text-transform: capitalize;
}

.date-s span i {
    display: block;
    font-family: var(--font-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 325;
    line-height: 22px;
}

.time_circles >div {
    display: flex;
    flex-direction: column-reverse;
}

.time_circles >div h4 {
    font-size: 12px !important;
    text-align: center;
    font-family: var(--font-primary);
    font-size: 16px !important;
    font-style: normal;
    font-weight: 325;
    line-height: 22px;

}

.time_circles >div span {
    font-size: 24px !important;
    font-weight: 350;
  font-family: var(--font-primary);
}
.time_circles >div:after {
    content: ":";
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.time_circles >div:first-child:after, .textDiv_Days:after {
    display:none;
}

#time {
    display: flex;
    gap: 30px;
    margin: 0 30px;
}
      #time .circle{position: relative; top:7px; width: 100px; height: 100px; display: flex; align-items: center;justify-content: center;}
#time .circle:after {
    content: ":";
    font-size: 20px;
    position: absolute;
    left: -17px;
    top: 50%;
    transform: translateY(-50%);
}
#time .circle:first-child::after {
    display:none;
}
      #time .circle svg{width: 100px; height: 100px;   position: relative; transform: rotate(270deg);}
      #time .circle svg circle{width: 100%; height: 100%; fill: #64CCC9; stroke-width: 2px; stroke: rgba(0, 23, 34, 0.10); transform: translate(5px, 5px);}
      #time .circle svg circle:nth-child(2){ stroke: #001722; stroke-dasharray:440; stroke-dashoffset: 440;}
      #time div{color: #001722; position: absolute;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 350;
line-height: normal;
text-transform: capitalize;}
#time div span{display: block; text-align: center; color: #001722; width: 100%; font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px;}

@media (max-width:1400px) {
.promotinal-head .heading {
    width: 37%;
}
}

@media (max-width:1100px) {
  .recipe-row{margin:0 -10px;}
  .single-recipe-list{padding:0 10px;}
.recipe-testimonial .item-inner {padding: 40px 50px 40px 62px;}
  .recipe-test-left { width: 45%;}
  .recipe-blog-footer-img {width: 56%;}
  .recipe-blog-footer-content { width: 44%; padding-left: 40px;}
  .ingredients{padding-right:30px;}
  .bn-similar-article-img { width: 40%;}
  .bn-similar-article-content{width:60%;}
  .surgery-table table th, .surgery-table table td {
    font-size: 16px;
}

}
@media (max-width:992px) {
.recipe-sidebar{display:none}
.recipe-wrap {width: 100%; padding-left: 0;}
  .recipe-testimonial .item-inner { padding: 54px 40px 40px 40px;}
  .recipe-testimonial p{font-size:16px;}
  .recipe-cat ul li a{font-size:16px;}
  .recipe-test-left{width:100%;}
  .recipe-test-right{width:100%; padding:0; margin-top:25px}
  .recipe-test-left .btn-arrow{display:none}
  
  .recipe-blog-footer-row{flex-wrap:wrap; margin-top:30px;}
  .recipe-blog-footer-img{width:100%;}
  .recipe-blog-footer-content {
    width: 100%;
    padding-left: 0; margin-top:30px;
}
  .recipe-test-wrap{margin:80px 0 70px;}

  .recipe-detail-content ul li p, .recipe-notes ul li{font-size:16px;}
  .recipe-detail-content ul li .step{font-size:24px; margin-bottom:16px;}
  .recipe-detail-content ul li p{font-size:16px;}
  .ingredients table tr td{font-size:16px;}
  .ingredients table tr td:first-child{font-size:24px; min-width:93px;}
  .ingredients { padding:40px; width: 100%;}
  .recipe-detail-content-wrap {
    width: 100%;
    padding-left: 0;
    margin-top: 50px;
}
.ingredients:before {  width: calc(100% + 40px);  left: -20px;}
  .recipe-detail-content ul li .step{min-width:85px; margin-right:15px;}
  .recipe-detail-content{padding:49px 40px;}

  .bn-article-featured-content, .bn-article-featured-img{width:48%;}
  .bn-article-banner-wrap{padding:31px 0 50px;}
  .bn-article-banner-content{width:100%; padding:0 16px 12px;}
  .bn-article-banner-img{width:100%;}
  .bn-article-banner-content .breadcrumbs{magin-top:0; margin-bottom:13px;}
  a.filter-btn { display: block; margin:0;}

.m-filter { display: flex;align-items: center;margin-bottom: 40px;}
.m-filter .seach-recipe { margin-bottom: 0;}

  .recipe-listing-row{ position: relative;}
.recipe-sidebar { position: absolute; display:none; flex-wrap:wrap; border-radius: 24.5px; border: 1px solid rgba(0, 23, 34, 0.05); background:#fff;    box-shadow: 0px 6px 8px 0px rgba(0, 23, 34, 0.08); width: 100%; left: 0; z-index: 4; top: 45px;  padding: 10px 11px;}
.recipe-sidebar.active{display:flex;}
  .recipe-cat {  display: inline-block; vertical-align:top; width:33.33%;  border: none;  padding: 0 4px 15px;}
.recipe-cat ul {  position: relative; overflow:hidden; height:0; transition: height 1s ease; }
.recipe-cat h3 { border-radius: 20px; border: 0.7px solid rgba(0, 23, 34, 0.30); background: #FFF url(filter-arrow.svg) no-repeat center right;     background-position: 95%; font-size: 16px; padding: 10px;  padding-right: 33px;position: relative;}
.recipe-cat.active ul {display:flex; flex-wrap:wrap; height:auto; padding-top:20px; }
  .recipe-cat ul li {
    margin-bottom: 11px;
    padding: 0 10px;
}
  .recipe-cat .check-filter li{margin-bottom: 11px;}
  .recipe-cat .check-filter li a {
    padding-left: 31px;
    min-height: 22px;
    position: relative;
}

.recipe-cat ul li a {
    margin-bottom: 0;
}
  .ArticleList .Grid__Cell{width:33.33%}

  .arrow-flex.mobile-show.btn-arrow{display:flex; justify-content:center; margin-top:5px;}
.arrow-flex.btn-arrow a{width: 54px;height: 54px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; background:#64CCC9;}
.arrow-flex.btn-arrow a img{display:block}
.arrow-flex.btn-arrow a~a{margin-left:20px;}
  .bn-article-recipe-wrap {
    padding-bottom: 50px;
}
  .bn-article-featured-wrap{padding:50px 0}
  .promotinal-row .single-recipe-list:nth-child(5n-1), .promotinal-row .single-recipe-list:nth-child(5n-2), .promotinal-row .single-recipe-list {
    width: 33.33%;
}
  .promotinal-row .single-recipe-list:nth-child(5n-1) a.recipe-img, .promotinal-row .single-recipe-list:nth-child(5n-2) a.recipe-img {
    padding-top: 100%;
}
  .promotinal-rowad .single-recipe-list {
    width: 50%;
}
#time {
    display: flex;
    gap: 20px;
    margin: 0 20px;
}
  #time .circle:after{left:-13px;}
}
@media (max-width:767px) {
.single-recipe-list{width:100%}
  .recipe-listing-banner h1{font-size:30px;}
  .single-recipe-list .button {
    font-size: 16px;
}
   .recipe-cat ul li a{font-size:16px;}
  .recipe-test-left h2, .recipe-blog-footer h2{font-size:26px;}
  .recipe-blog-footer h2{font-size:32px;}
  .recipe-testimonial .item-inner {
    padding: 70px 20px 40px;
}
  .recipe-testimonial .item {padding: 15px 0 15px 10px;}
  .similar-recipe-head{flex-wrap:wrap; margin-bottom:30px;}
  .similar-recipe-head>div{width:100%; margin-bottom:15px;}
  .similar-recipe-head h2{font-size:26px;}
  .similar-recipe-head h4{font-size:16px;}
  .recipe-full-img {
    margin-top: 27px;
}
  .recipe-detail-wrap {
    margin-bottom: 53px;
}
  .similar-recipe-head .btn-view{font-size:14px;}
  .recipe-detail-banner h1{font-size:32px; max-width:100%;}
  .recipe-time-row{padding:27px 15px 17px;}

  .bn-similar-article{padding:50px 0 1px;}
  .bn-similar-article-head{margin-bottom:15px; padding: 0 16px;}
  .bn-similar-article-head h2{font-size:26px}
  .bn-similar-article-row { flex-direction: column-reverse;  margin-bottom: 50px;}
  .bn-similar-article-img { width: 100%;  margin-top: 20px;}
  .bn-similar-article .container{padding:0;}
.bn-similar-article-content {width: 100%; padding: 0 16px;}
  .bn-similar-article-content h4{margin-bottom:16px;}
  .bn-similar-article-content p{margin-bottom:15px}
  .bn-article-featured .container{padding:0;}
  .bn-article-featured-wrap{padding:50px 0;}
  .bn-article-featured-row{flex-wrap:wrap;}
  .bn-article-featured-content, .bn-article-featured-img{width:100%;}
  .bn-article-featured-content{padding:0 16px 21px;}
  .bn-article-featured-content h4{margin-bottom:16px;}
  .bn-article-featured-content h2 a{font-size:26px; margin-bottom:16px;}
  .bn-article-featured-content p{margin-bottom:16px;}
 .bn-article-row{width:100%; margin-bottom:50px;}
  .bn-article-wrap{padding:50px 0 1px;}
  .bn-article .container{padding:0;}
  .bn-article-row { display: flex; flex-direction: column-reverse;}
  .bn-article-content { padding: 0 16px 20px;}
  .bn-article-img{margin-bottom:0}
  .bn-article-content h4{margin-bottom:15px;}
  .bn-article-content h2 {margin-bottom:15px;}
  .bn-article-content h2 a{font-size:26px;}
  .bn-article-why{padding:50px 0 25px}
  .bn-article-why .container{padding:0 16px;}
  .bn-article-why-head{margin-bottom:27px;}
  .bn-article-why-head h4{margin-bottom:16px;}
    .bn-article-why-head h2{font-size:26px;}
  .bn-article-why-row .item { width: 100%; margin-bottom: 25px;}
  .bn-article-banner-content h4{margin-bottom:11px;}
  .bn-article-banner-content h1{font-size:32px;}
  .bn-article-banner-content .breadcrumbs{magin-top:0; margin-bottom:13px;}
  .bn-article-v{padding:50px 0;}
  .bn-article-v-head{padding:0 16px;}
  .bn-article-v-head h4{margin-bottom:16px;}
  .bn-article-v-head h2{font-size:26px; margin-bottom:16px;}
  .bn-article-v .container{padding:0;}
  .bn-article-video-img .icon-play{width:50px;}
   .bn-article-recipe-wrap{padding-bottom:50px;}
  .bn-article-recipe-wrap .container{padding:0 16px;}
.bn-recipe-tag-w {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
  .bn-recipe-tag-w .seach-recipe{margin-bottom:15px;}
  .bn-recipe-ahead h2{font-size:26px; margin-bottom:15px;}
  .rec-tags a{padding:10px 5px;}
.recipe-detail-banner .container { position: relative; text-align: left; top: auto; transform: none; margin-bottom: 12px;}

.recipe-detail-banner {  margin-top: 31px;}
  .recipe-detail-banner .breadcrumbs__container { justify-content: flex-start;}
  .recipe-detail-banner .breadcrumbs{margin-bottom:14px}
  .recipe-detail-banner h4{margin-bottom:11px;}
  .recipe-detail-banner .breadcrumbs a, .recipe-detail-banner .breadcrumbs span {  color: rgba(0, 23, 34, 0.50);}
  .recipe-detail-banner img { min-height: auto;}
  .recipe-detail-banner .mobile-show{display:block}
  .recipe-detail-banner .desk-show{display:none}
  .bn-article-recipe-wrap ul.pagination__list.list-unstyled, .recipe-wrap  ul.pagination__list.list-unstyled {justify-content: center;align-items: center;}
  .recipe-cat{width:50%}
  .b-food-nutration-wrap .container, .b-food-nutration .container {padding:0 20px;}
  .b-food-content{width:100%;}
  .b-food-img{width:100%;}
  .b-food-nutration .heading { padding: 10px 20px;}
  .bn-rel-4{width:100%;}
  .bn-rel-pro .container {padding: 0 20px;}
  .ArticleList.Grid.Grid--m { padding: 0 10px;}
  .ArticleList .Grid__Cell{width:50%}
  .b-food-nutration img.left{max-width:100%; float:none; margin-right:0;}
  .similar-recipe-head .desk-show{display:none}
  .similar-recipe-wrap .mobile-show {
    display: block;
    text-align: center;
    margin-bottom: 50px;
}
  .similar-recipe-wrap .mobile-show a{
        border-radius: 30px;
    display: inline-block;
    background: #64CCC9;
    color: #fff;
    min-width: 171px;
    padding: 13px 30px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 350;
    text-transform: uppercase;
  }
  .recipe-blog-footer {
    margin-bottom: 40px;
}
  .recipe-listing-banner .mobile-show{display:block !important; min-height:inherit; border-radius:8px;}
  .recipe-listing-banner .desk-show{display:none !important;}
  .recipe-listing-banner .container {
    position: relative;
    left: 0;
    width: 100%;
    top: auto;
}
  .recipe-listing-banner h4{color:#001722}
  .recipe-listing-banner h1 {
    font-size: 32px;
    color: #001722;
}
  .recipe-listing-banner .breadcrumbs span, .recipe-listing-banner .breadcrumbs a{color:rgba(0, 23, 34, 0.50)}
  .recipe-listing-wrapper{padding-top:40px;}
  .promotinal-head{flex-wrap:wrap;}
  .promotinal-head .heading {  width: 100%;  margin-bottom: 16px;}
  .promotinal-head .para{width:100%;}
  .promotinal-row .single-recipe-list:nth-child(5n-1), .promotinal-row .single-recipe-list:nth-child(5n-2), .promotinal-row .single-recipe-list {
    width: 100%;
}
  .promotinal-rowad .single-recipe-list {
    width: 100%;
}
  .promotinal-shrow{flex-wrap:wrap;}
  .single-shop-p{width:100%; padding:20px 30px 20px 20px; margin-bottom:20px;}
  .promotinal-wrap .container, .promotinal-adwrap .container, .promotinal-shwrap .container, .recipe-test-wrap .container{padding:0 20px;}
  .promotinal-banner{padding-top:25px;}
  .promotinal-banner .breadcrumbs__container {
    justify-content: flex-start;
}

.promotinal-banner h4{color:#001722}
  .promotinal-banner h1 {
    font-size: 32px;
    color: #001722;
}
  .promotinal-banner:before{display:none}
  .promotinal-banner .breadcrumbs span, .promotinal-banner .breadcrumbs a{color:rgba(0, 23, 34, 0.50)}
  .promotinal-banner .container { position: relative; padding:0 20px; left: 0; width: 100%; top: auto; transform:none; text-align:left}
  .promotinal-banner .mobile-show {
    display: block; min-height: inherit;
    border-radius: 8px;
}
  .promotinal-banner .desk-show {
    display: none !important;
}
  .time-flex{padding:20px; margin-top:-40px;}
  .timer-wrap .container{padding:0 20px;}
  .date-s{display:none}
}
@media (max-width:640px) {
.recipe-time-row {flex-direction: column; justify-content: center; align-items: center;}
 .single-recipe-time {width: 200px; margin-bottom: 10px;}
   .recipe-detail-content{padding:50px 20px 50px;}
  .ingredients { padding:50px 20px 30px; width: 100%;}
  .recipe-detail-content ul li{flex-wrap:wrap;}
  .recipe-detail-content ul li .step{display:block; width:100%; margin-bottom:5px;}
  .bn-article-featured-img a.icon-play { max-width: 50px;}
  .recipe-detail-content h2{font-size:26px;}
  .ArticleList .Grid__Cell{width:100%}
    #time .circle, #time .circle svg{width:60px; height:60px;}
  #time .circle svg circle {
    cx: 25px;
    cy: 25px;
    r: 25px;
}
  #time div{font-size:16px;}
  #time div span{font-size:12px;}
  #time {
    display: flex;
    gap: 9px;
    margin: 0;
}
  #time .circle:after{display:none}
}

@media (max-width:640px) {
.surgery-table table td, .surgery-table table th {
    font-size: 15px;
}
}




/* new css*/
.announcement-bottom-bar-container .swiper-button-next, .announcement-bottom-bar-container .swiper-button-prev {
    display: none;
}
.page-returns-and-refund-policy .page-c .btn-group {
    padding: 0 50px;
}
.wishlist__grid.flex.container.product-row.ProductList {
    padding: 0;
}

.__pf_xGTvMjtT .pf-16_, .__pf_xGTvMjtT .pf-20_, .__pf_xGTvMjtT .pf-24_, .__pf_xGTvMjtT .pf-28_, .__pf_xGTvMjtT .pf-32_{margin-bottom:0 }
.__pf_xGTvMjtT .pf-15_, .__pf_xGTvMjtT .pf-19_, .__pf_xGTvMjtT .pf-23_, .__pf_xGTvMjtT .pf-27_, .__pf_xGTvMjtT .pf-31_ {
    margin: 5px;
}


.product-benefits-slider .swiper-button-next, .product-benefits-slider .swiper-button-prev {
    display: none;
}
.page-returns-and-refund-policy .btn-group {
    display: block;
    text-align: center;
}
.page-returns-and-refund-policy .page-c .btn-group .button {
    width: fit-content;}
.card-information button.button-wishlist{margin-bottom:15px;}
.page-about-us .bn-about-team {
    justify-content: center;
}
.add-from hr {
    margin: 2rem 0;
}

@media only screen and (min-width: 750px){
.page-refund-policy .h0 {
    font-size: calc(var(--font-heading-scale) * 3.2rem);
}
}
.page-refund-policy .h0 {
    font-size: calc(var(--font-heading-scale) * 2.5rem);
}

@media (max-width: 767px){
.page-articles .__pf_fq3q8FVK .pf-17_, .page-articles .__pf_fq3q8FVK .pf-22_, .page-articles .__pf_fq3q8FVK .pf-27_, .page-articles .__pf_fq3q8FVK .pf-32_ {
    font-size: 12px;
    padding: 14px;
}
  .page-returns-and-refund-policy .page-c .btn-group {
    padding: 0 10px;
}
  .__pf_xGTvMjtT .pf-16_, .__pf_xGTvMjtT .pf-20_, .__pf_xGTvMjtT .pf-24_, .__pf_xGTvMjtT .pf-28_, .__pf_xGTvMjtT .pf-32_ {
    font-size: 12px;
    padding: 14px;
}
  .product__media-wrapper .slider-dotted {
    bottom: 0;
    position: relative;
}
  section.product-wrap.colllection-wrap.CollectionMain {
    padding: 40px 0;
}

section.product-wrap.colllection-wrap.CollectionMain .container {
    padding: 0 15px;
}
  
}
@media (max-width: 749px){
  .card-information__wrapper {
    height: calc(100% - 35px) !important;
}
  .card-information__wrapper>* {
    margin-top: 9px !important;
}
  .container.wishlist-container {
    padding: 0 17px;
}
  .return_wrap .page-c:last-of-type {
    border: none;
    padding-bottom: 10px;
}
}
.btn-sec{border: 1px solid #64CCC9; background:#fff; color: #64CCC9;text-align: center;font-size: 16px;font-style: normal;font-weight: 350;text-transform: uppercase;}

@media (max-width:640px) {
.__pf_uPg7PGMr .pf-36_ {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
}
.collection-swiper .swiper-button-prev,
.collection-swiper .swiper-button-next{
  --swiper-theme-color: #70cacb;
  --swiper-navigation-size: 36px;
}
.collection-swiper .swiper-button-prev {
  left: -40px;
}
.collection-swiper .swiper-button-next{
  right: -40px;
}
.ArticleItem__Title{
  align-self: flex-start;
}
.ArticleItem__Excerpt{
  color: #414b56;
  font-size: 14px;
}
.ArticleItem__Link{
  align-self: flex-end;
  font-size: .9rem;
}


.hover-underline{
  text-decoration: none !important;
}
.hover-underline::after{
  content: "";
  display: block;
  width: 0;
  border-bottom: 1px solid var(--brand-secondary);
  transition: all 0.25s ease-in-out;
}
.hover-underline:hover::after,
.hover-underline.active::after{
  width: 100%;
}

@media (max-width: 640px){
  .template-collection .ProductList.ProductList--grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .8rem;
  }
  .template-collection .product-card-product_benefit svg{
    margin-right:0;
  }
  .template-collection .product-card-package_contents{
    font-size:12px;
  }
  .template-collection .subscribe-action-wrapper .subscribe-action-link{
    width: 95%;
    margin: 12px auto;
    padding: 8px;
  }
  .template-collection .add-to-cart-action-link{
    width: 95%;
    margin: 0 auto;
    padding: 8px;
  }
  .template-collection .product-card-product_benefits{
    margin: 0 auto;
    width: 95%;
  }
  .template-collection .subscribe-action-link-label{
    padding-left:2px;
    padding-right:2px;
  }
  .template-collection .product-card-product_benefit {
    margin-bottom: 0;
  }
  .template-collection .prod-bottom_wrapper{
    margin-top: 0 !important;
  }
}

.card__inner{
  position: relative;
}
    .discount-label {
     display: inline-block;
    background-color: #cdecef;
    color: #222;
    padding: 10px 26px 10px 16px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    position: absolute;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
    bottom: 0;
    left: 0;
    z-index: 1;
    }

    .discount-label::after {
      content: "";
      position: absolute;
      top: 0;
      right: -20px; /* 控制三角形位置 */
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent;
      border-left: 20px solid #c7e6e9; /* 同背景色 */
    }
    .product__media-gallery .discount-label {
      bottom: auto;
      top: 0;
    }
.ds_email {
  font-weight: 300;
}