/** Shopify CDN: Minification failed

Line 1463:6 Expected ":"
Line 1465:6 Expected ":"

**/
* {
    margin:0;
    padding:0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Denton test';
    src: url('/cdn/shop/files/Denton-Regular.woff2?v=1783569702') format('woff2'),
         url('/cdn/shop/files/Denton-Regular.woff?v=1783569701') format('woff'),
         url('/cdn/shop/files/Denton-Regular.eot?v=1783569702') format('embedded-opentype'),
         url('/cdn/shop/files/Denton-Regular.ttf?v=1783569702') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Denton test';
    src: url('/cdn/shop/files/Denton-Medium.woff2?v=1783569701') format('woff2'),
         url('/cdn/shop/files/Denton-Medium.woff?v=1783569702') format('woff'),
         url('/cdn/shop/files/Denton-Medium.eot?v=1783569702') format('embedded-opentype'),
         url('/cdn/shop/files/Denton-Medium.ttf?v=1783569702') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Denton test';
    src: url('/cdn/shop/files/Denton-Medium.woff2?v=1783569701') format('woff2'),
         url('/cdn/shop/files/Denton-Bold.woff?v=1783569701') format('woff'),
         url('/cdn/shop/files/Denton-Bold.eot?v=1783569702') format('embedded-opentype'),
         url('/cdn/shop/files/Denton-Bold.ttf?v=1783569702') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'General sans';
    src: url('/cdn/shop/files/GeneralSans-Light.woff2?v=1783570240') format('woff2'),
         url('/cdn/shop/files/GeneralSans-Light.woff?v=1783570240') format('woff'),
         url('/cdn/shop/files/GeneralSans-Light.eot?v=1783570239') format('embedded-opentype'),
         url('/cdn/shop/files/GeneralSans-Light.ttf?v=1783570240') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'General sans';
    src: url('/cdn/shop/files/GeneralSans-Regular.woff2?v=1783570239') format('woff2'),
         url('/cdn/shop/files/GeneralSans-Regular.woff?v=1783570239') format('woff'),
         url('/cdn/shop/files/GeneralSans-Regular.eot?v=1783570239') format('embedded-opentype'),
         url('/cdn/shop/files/GeneralSans-Regular.ttf?v=1783570239') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'General sans';
    src: url('/cdn/shop/files/GeneralSans-Medium.woff2?v=1783570239') format('woff2'),
         url('/cdn/shop/files/GeneralSans-Medium.woff?v=1783570240') format('woff'),
         url('/cdn/shop/files/GeneralSans-Medium.eot?v=1783570240') format('embedded-opentype'),
         url('/cdn/shop/files/GeneralSans-Medium.ttf?v=1783570240') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'General sans';
    src: url('/cdn/shop/files/GeneralSans-Semibold.woff2?v=1783575423') format('woff2'),
         url('/cdn/shop/files/GeneralSans-Semibold.woff?v=1783575422') format('woff'), 
         url('/cdn/shop/files/GeneralSans-Semibold.ttf?v=1783575424') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'General sans';
    src: url('/cdn/shop/files/GeneralSans-Bold.woff2?v=1783570239') format('woff2'),
         url('/cdn/shop/files/GeneralSans-Bold.woff?v=1783570239') format('woff'),
         url('/cdn/shop/files/GeneralSans-Bold.eot?v=1783570240') format('embedded-opentype'),
         url('/cdn/shop/files/GeneralSans-Bold.ttf?v=1783570240') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
     font-family: 'General sans';
     font-weight:400;
     letter-spacing: normal;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: 'Denton test';
     font-weight: 500;
}

.shopify-section-group-header-group span.marquee-bar__text {
    font-size: 14px;
    font-weight: 400;
    line-height:1;
}
.shopify-section-group-header-group span.marquee-bar__separator {
    line-height: 1;
    opacity: 0;
}
a#cart-icon-bubble svg {
    height: 20px;
    width: 20px;
} 
body .header {
    padding-top: 10px;
    padding-bottom: 10px;
}
body .header--middle-left {
    grid-template-areas: "heading navigation icons";
    grid-template-columns: auto auto auto;
    column-gap: 2rem;
}
summary.list-menu__item {
    color: #000;
} 
.header__menu-item {
    color: #000;
} 
nav.header__inline-menu {
    text-align: center;
}

a.header__heading-link.link.link--text.focus-inset {
    padding: 0;
}

body.index section.hero-banner {
    height: auto;
    aspect-ratio: 1440 / 844;
}

.home_page_banner section.hero-banner {
    height: auto;
    aspect-ratio: 1440 / 844;
}

.better_guidence .image-with-text__content {
    padding: 6rem 0rem 7rem 4.7rem;
    justify-content: center;
}

.better_guidence .caption-with-letter-spacing--medium {
    color: #0D2A0A;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 8px;
    margin-bottom: 20px;
}

.better_guidence h2.image-with-text__heading {
    font-size: 40px;
    line-height: 59px;
    letter-spacing:normal;
    font-weight:400;
}

.better_guidence .image-with-text:not(.collapse-corners,.image-with-text--overlap) .image-with-text__media-item {
    max-width: 647px;
}

.better_guidence .image-with-text__text.rte.body strong {
    font-weight: 500;
    font-size:18px;
}

.better_guidence .image-with-text__text.rte.body {
    color: #000;
    opacity: 1;
    max-width: 555px;
    line-height: 27px;
}

.better_guidence .image-with-text__text.rte.body ul {
    padding: 0;
}

.better_guidence .image-with-text__text.rte.body ul li {
    margin-bottom: 16px;
    text-transform: capitalize;
    margin-top: 19px;
    list-style:none;
    padding-left:20px;
    position:relative;
}

.better_guidence .image-with-text__text.rte.body ul li:before {
    content: "";
    margin-right: 0!important;
    height: 8px;
    width: 8px;
    background: #000;
    position: absolute;
    border-radius: 10px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

body .mid-banner .mid-banner__overlay {
    display: block;
}
body .mid-banner .mid-banner__overlay {
    display: block;
} 
body section.mid-banner {
    height: auto;
    padding: 100px 20px;
} 
body .mid-banner__content {
    padding: 0;
}
body p.mid-banner__eyebrow  {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 8px;
    margin-bottom: 20px;
} 
body h2.mid-banner__heading {
    font-size: 40px;
    line-height: 59px;
}
body a.mid-banner__button.mid-banner__button--solid  {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 6px 6px 19px;
    border-radius: 999px;
    border: 1.5px solid var(--hero-text-color, #ffffff);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.2s ease, transform 0.2s ease;
    font-family: 'General sans';
    letter-spacing: normal;
}
body .mid-banner__button-icon { 
    width: 37px;
    height: 37px; 
}

section.consult-cta .consult-cta__overlay {
    display: block;
    background: linear-gradient(270deg, rgba(13, 42, 10, 0.77) 0%, #0D2A0A 100%);

}
section.featured-slider .featured-slider__overlay {
    display: block;
}

section.featured-slider a.featured-slider__card-media {
    aspect-ratio: 394 / 284;
    line-height:1;
    height: auto;
} 
section.featured-slider .featured-slider__card {
    display: block;
} 
section.featured-slider a.featured-slider__card-media img {
    object-fit: contain;
    border-radius: 15px;
    background: #fff;
}

section.featured-slider p.featured-slider__eyebrow {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 8px;
    margin-bottom: 20px;
}

section.featured-slider h2.featured-slider__heading {
    margin: 0 0 16px;
    font-weight: 400;
    font-size: 40px;
    line-height: 59px;
    color: inherit;
} 
section.featured-slider .featured-slider__heading-group {
    max-width: unset;
}
section.featured-slider .featured-slider__body {
    margin: 0;
    font-size: 15px;
    line-height: 27px;
    color: inherit;
    opacity: 1;
    max-width: 707px;
}

footer.footer {
    background: url(/cdn/shop/files/Group_52.png?v=1783666445);
    background-size: cover;
    padding: 100px 50px 0;
} 
.footer__content-bottom-wrapper img {
    width: 100%;
}

h2.footer-block__heading.inline-richtext {
    font-family: General Sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: normal;
}

a.link.link--text.list-menu__item.list-menu__item--link {
    font-size: 16px;
    line-height: 37px;
    color: #fff;
    text-decoration: none !important;
}

.footer-block__details-content.rte a {
      font-size: 16px;
    line-height: 37px;
    color: #fff;
    text-decoration: none !important;
}

.footer-block__details-content.rte h5 {
 font-family: General Sans;
font-weight: 500; 
font-size: 16px; 
line-height: 37px;
letter-spacing: 0%; 
}

span.footer-block__heading.inline-richtext {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 26px;
    display: inline-block;
}
span.footer-block__heading.inline-richtext {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 26px;
    display: inline-block;
} 
.footer__blocks-wrapper.grid {
    display: grid;
    grid-template-columns: 150px 240px 240px auto;
    gap:60px;
} 
.footer__blocks-wrapper.grid .footer-block.grid__item {
    width: 100%;
    max-width: unset;
} 
.cstm-4-cl.footer-block.grid__item.scroll-trigger.animate--slide-in {
    padding-left: 60px;
    border-left: 1px solid #FFFFFF33;
} 
.newsletter-form__field-wrapper .field input {
    background: #fff;
    border-radius:40px;
    height: 51px;
    color:#000;
} 
footer.footer  label.field__label {
    color:#00000099;
    line-height: 1.85;
} 
form#ContactFooter {
    width: 100%;
    max-width: unset !important;
} 
.newsletter-form__field-wrapper {
    max-width: unset;
} 
.newsletter-form__field-wrapper .field:after {
    opacity: 0;
} 
button#Subscribe span.svg-wrapper {
    background:url(/cdn/shop/files/Group_6.svg?v=1783668062);
    height: 37px;
    width: 37px;
} 
footer.footer  button#Subscribe {
    width: auto;
    right: 8px;
}
button#Subscribe span.svg-wrapper svg {
    opacity:0;
}
footer.footer .newsletter-form__field-wrapper {
    max-width: unset;
}

footer.footer  .bottom-heading {
    font-family: General Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #fff;
    margin-top: 35px;
    max-width: 328px;
}

footer.footer  .socila-account-icon-main a {
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-top: 20px;
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 17px;
    min-width: 95px;
}

footer.footer .copyright_content.footer {
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #fff;
}
footer.footer .footer__content-top{
    padding-left:0;
    padding-right:0;
    max-width:1340px;
}
.hero-banner__content.hero-banner__content--top {
    padding-left:0;
    padding-right:0;
}

.image-with-text__media.image-with-text__media--adapt.global-media-settings.background-transparent.media {
    border: none;
}

.consult-cta__content {
    padding-top:20px;
}

li.skin-education__checklist-item svg path {
    fill: #0D2A0A;
}


/*  Consultation page start  */


section.hero-banner:has(.consultant) {
    aspect-ratio: unset;
}
body .hero-banner__overlay {
    display: block;
    background: #0D2A0AF2;
}
.hero_left_decor {
    position: absolute;
    left: 0;
}

.hero_right_decor {
    position: absolute;
    right: 0;
    top: 0;
}
.virtual-consult .hero-banner__body {
    margin: 10px 0 14px;
    font-size: 20px;
    line-height: 30px;
    color: inherit;
    opacity: 1;
    font-weight: 400;
    max-width: 781px;
}

body.virtual-consult .hero-banner__content { 
    padding: 90px 15px 90px; 
} 
span.consultation-benefits__eyebrow {
    color: #0d2a0a;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 8px;
    margin-bottom: 20px;
} 
.consultation-benefits__heading h2 {
    font-size: 40px;
    line-height: 59px;
    letter-spacing: normal;
    font-weight: 400;
} 
.consultation-benefits__text {
font-family: General Sans;
font-weight: 400; 
font-size: 16px; 
line-height: 27px;
letter-spacing: 0%; 
}

.journey-timeline {
    margin-top: 90px;
}

.journey-item.right {
    margin-top: -188px;
}

.journey-item.left {
    margin-top: -45px;
}

body .timeline-line {
    display: block;
    height: 755px;
    top: 75px;
}

.skin-education__list-title {
    margin: 25px 0 25px;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    line-height: 27px;
}
.skin_experts.multicolumn.color-scheme-1.gradient.background-primary {
    background: linear-gradient(180deg, #EBE8E0 0%, #FDF9EE 100%);
    text-align: center;
}

.skin_experts .title-wrapper-with-link.multicolumn__title {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 400;
    font-size: 40px;
    line-height: 59px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    margin-top: 18px;
    margin-bottom: 6px;
}

.skin_experts span.team_subtitle  {
    color: #0d2a0a;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 8px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.skin_experts span.team_description {
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0%;
    text-align: center;
    max-width: 939px;
    display: block;
    margin: 0 auto 30px;
    color: #000;
}
.about-us .skin_experts span.team_description { 
    max-width: 1060px; 
}

.skin_experts .multicolumn-card-spacing {
    margin: 0;
    padding: 0;
}

.skin_experts .multicolumn-card__info {
    background: #0D2A0A;
    border-radius: 60px;
    padding: 11px;
    max-width: calc(100% - 40px);
    margin-left: 20px;
    margin-top: -30px;
    position: relative;
} 
.skin_experts .multicolumn-card__info h3 {
    font-family: General Sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0%;
    color: #fff;
} 
.skin_experts .multicolumn-card__info .rte {
    font-family: General Sans;
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    letter-spacing: 0%;
    color: #fff;
    margin: 0;
}
body.virtual-consult a.consult-cta__button.consult-cta__button--outline {
font-family: General Sans;
font-weight: 400; 
font-size: 16px; 
line-height: 27px;
letter-spacing: 0%; 
 text-decoration:none;
}
body.virtual-consult a.consult-cta__button.consult-cta__button--outline span.consult-cta__button-icon{
    display:none;
}

 
button.faq-question {
    font-family: Denton Test;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    padding:20px;
}
.skin_experts.multicolumn.background-primary  .multicolumn-card{
background:transparent;
}

.hero-banner__button--outline .hero-banner__button-icon svg path {
    fill: #0d2a0a !important;
}
.featured-slider__header-button--outline .featured-slider__header-button-icon svg path {
     fill: #0d2a0a !important;
}

.brand-meaning__button--outline .brand-meaning__button-icon svg path {
  fill: #0d2a0a !important;
}

/*  Consultation page end */
body.index .hero-banner__overlay {
    display: none; 
}



/* education page start */

body.education .hero_left_decor img {
    width: 100%;
    height: 100%;
}

body.education .hero_left_decor {
    position: absolute;
    left: 0;
    bottom: -50px;
    top: auto;
    max-width: 170px;
}

.skin_routine.multicolumn {
    background-image: url(/cdn/shop/files/Skincare_routine.png?v=1784263989);
    background-attachment: unset;
    background-size: cover;
}

.skin_routine h2.title {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-weight:400;
    margin-top:15px;
    font-size:40px;
    line-height:59px;
}

.skin_routine span.team_subtitle {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    display: block;
    letter-spacing: 10px;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    text-transform:uppercase;
}

.skin_routine .multicolumn-card.content-container {
    background: #061B04 !important;
    border-radius: 30px;
    padding: 30px;
}
.about-us .skin_routine .multicolumn-card.content-container {
    background: #061B04 !important;
    border-radius: 30px;
    padding: 20px;
}

.skin_routine .multicolumn-card__image-wrapper--third-width {
    width: 72px;
    height: 72px;
    padding: 17px;
    background: #0D2A0A;
    border-radius: 50%;
    margin: 0;
}
.skin_routine .multicolumn-card__image-wrapper--third-width .media{
   padding-bottom:100% !important;
}

.skin_routine .multicolumn-card__info {
    padding: 0;
    padding-top: 25px;
    color: #fff;
}

.skin_routine .multicolumn-card__info h3 {
    color: #fff;
    font-family: General Sans;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0%;
}

.skin_routine .multicolumn-card__info .rte {
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0%;
    margin-top:14px;
}

.skin_routine .multicolumn-list.contains-content-container.grid {
    gap: 30px;
}

.skin_routine .multicolumn-list.contains-content-container.grid li.grid__item {
    max-width: calc(50% - 15px);
}

.skin_routine .page-width {
    max-width: 1162px;
}
.skin_routine.eco_program_matter .title-wrapper-with-link.multicolumn__title {
    margin-bottom: 9px;
}


.education .benefit-card__icon {
    width: 90px;
    height: 90px; 
}

.education .benefit-card__icon img {
    width: 100%;
    height: 100%; 
}
.education .shopify-section.section-hero-banner {
    z-index:9;
}
.education .hero-banner {
    overflow:visible;
}
 
.education li.skin-education__checklist-item strong {
    font-weight: 600;
    display: block;
    align-items: start;
    color: #0D2A0A;
    font-size: 16px;
    line-height: 27px;
}

.education li.skin-education__checklist-item {
    align-items: start;
}

.education li.skin-education__checklist-item svg {
    margin-top: 6px;
    min-width:20px;
}

.education ul.skin-education__checklist {
    max-width: 520px;
}
.education .skin-education__decor { 
    bottom: 0;
    width:200px; 
}
.education .what_you_learn .skin-education__media:before {
    content: '';
    height: 263px;
    width: 200px;
    background: url(/cdn/shop/files/Bamboos_1_0244c852-edf6-4be9-848b-8cb29dd61ce8.png?v=1784269681);
    position: absolute;
    right: 100%;
    bottom: 0;
    background-size: cover;
}
section.consultation-benefits p.small_title {
    font-family: General Sans;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0%;
    color: #0D2A0A;
    margin-bottom: 6px;
}
.education .consultation-benefits__text { 
    max-width: 500px;
    margin-left: auto;
}
.education .consultation-benefits__top {  
    align-items: end;
    margin-bottom: 35px;
}
 .education .brand-meaning__buttons {
    margin-top: 23px;
}
body .section-header.shopify-section-group-header-group {
    z-index: 10;
}
/* educatioin page end */


/* eco program page css start */
body.eco-program {
    padding:0 !important;
    background:#fff !important;
}
.skin_routine.eco_program_matter .multicolumn-list.contains-content-container.grid {
    gap: 20px;
}
.eco_program_matter span.team_description {
    color: #fff;
    text-align: center;
    display: block;
    max-width: 960px;
    margin: 0 auto 40px;
}
.skin_routine.eco_program_matter .page-width {
    max-width: 1440px;
}
.every_bottle_count {
    text-align: center;
    background: linear-gradient(180deg, #EBE8E0 0%, #FDF9EE 100%);

}
.skin_routine.eco_program_matter.multicolumn {
    background-image:url(/cdn/shop/files/Group_1_2.png?v=1784531304);
}
.multicolumn.every_bottle_count .title-wrapper-with-link {
    justify-content: center; 
    margin-bottom: 0;
}
.every_bottle_count span.team_description {
    margin: 8px auto 45px;
    display: block;
    max-width: 885px;
    font-size: 16px;
    line-height: 27px;
    color: #000;
}
.every_bottle_count span.team_subtitle {
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 60%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 16px;
    color: #0D2A0A;
}

.every_bottle_count .media.media--adapt {
    padding-bottom: 74px !important;
    width: 74px !important;
    background: #0D2A0A;
    border-radius:50%;
    margin: 0 auto;
}
.every_bottle_count .media.media--adapt img {
    width:60%;
    height:60%;
    top:20%;
    left:20%;
}

.every_bottle_count.multicolumn.background-primary .multicolumn-card {
    background: transparent;
}

.every_bottle_count .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--full-width {
    padding-top:0;
}
 .every_bottle_count .multicolumn-card__info h3 {
    font-family: General Sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0%;
    text-align: center;
} 
.every_bottle_count .multicolumn-card__info {
    padding-top: 15px;
    padding-bottom: 0;
}
.multicolumn.every_bottle_count .title-wrapper-with-link h2.title {
    font-size: 40px;
    line-height: 59px;
    margin-top: 15px;
}
.inspire_our_community {
    background: url(/cdn/shop/files/Group_1_1.png?v=1784526196);
    background-size: cover;
}

.inspire_our_community p.image-with-text__text {
    color: #fff;
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 60%;
    text-transform: uppercase;
}

.inspire_our_community h2.image-with-text__heading.inline-richtext.h1 {
    color: #fff;
    font-weight: 400;
    margin: 20px 0 8px;
    line-height:59px;
}

.inspire_our_community .image-with-text__text.rte.body {
    margin-top: 0;
    color: #fff;
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0%;
}

.inspire_our_community a.button.button--primary {
    background: #fff;
    color: #0D2A0A;
    border-radius: 50px;
    font-family: General Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    padding-left:19px;
    padding-right:7px;
}
span.btn_icon {
    margin-left: 15px;
    height:37px;
}
.inspire_our_community a.button.button--primary:before ,
.inspire_our_community a.button.button--primary:after {
    opacity:0;
}

.eco_cta.isolate .rich-text.content-container {
    background: linear-gradient(180deg, #EBE8E0 0%, #FDF9EE 100%);
}

.eco_cta.isolate p.rich-text__caption.caption-with-letter-spacing {
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 60%;
    text-align: center;
    text-transform: uppercase;
    color: #0D2A0A;
}

.eco_cta.isolate h2.rich-text__heading.rte.inline-richtext.h1 {
    font-size: 40px;
    line-height: 59px;
}

.eco_cta.isolate .rich-text__text.rte {
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0%;
    color:#000;
    text-align: center;
    margin-top:8px;
}

 
.eco_cta.isolate a.button.button--primary {
    color: #fff;
    background: #0D2A0A;
    border-radius: 50px;
    font-family: General Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
   padding: 7px 7px 7px 19px;
}

 .eco_cta.isolate a.button.button--primary:before ,
.eco_cta.isolate a.button.button--primary:after {
    opacity:0;
}

.eco_cta.isolate a.button.button--primary svg circle {
    fill:#ffffff !important;
}
.eco_cta.isolate a.button.button--primary svg path {
    fill:#000000 !important;
}
body .hero-banner__body {
    margin: 10px 0 14px;
    font-size: 20px;
    line-height: 30px;
    color: inherit;
    opacity: 1;
    font-weight: 400; 
}
section.hero-banner {
    height: auto;
}
body.eco-program .hero_left_decor {
    position: absolute;
    left: 0;
    bottom: -50px;
    top: auto;
    max-width: 170px;
}
body.eco-program section.section-hero-banner {
    position: relative;
    z-index: 9;
} 
body.eco-program section.hero-banner {
    overflow: visible;
}
.skin_routine.eco_program_matter a.button.button--primary {
    background: #fff;
    color: #0d2a0a;
    border-radius: 50px;
    font-family: General Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    padding-left: 19px;
    padding-right: 7px;
    margin-top:30px;
} 
.skin_routine.eco_program_matter a.button.button--primary:before ,
.skin_routine.eco_program_matter a.button.button--primary:after {
    opacity:0;
} 
.skin_routine.eco_program_matter span.mid-banner__button-icon {
    background: #061b04;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}
.every_bottle_count .multicolumn-list__item:not(:last-of-type):before {
    content: '';
    width: 1px;
    height: 100%; 
    background: linear-gradient(180deg, #0D2A0A 0%, #F4F0E7 100%);
    position: absolute;
    right: 0;
}
.inspire_our_community .image-with-text__content {
    padding-left: 58px; 
} 
.inspire_our_community .image-with-text__media-item.image-with-text__media-item--medium.grid__item {
    max-width: 550px;
}

/* eco program page css end */


/* contact page css start */

.contact-container {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap:51px;
}
.contact-container .contact {
    padding: 40px;
    background: linear-gradient(180deg, #EBE8E0 55.29%, #FDF9EE 100%);
    border-radius:20px;
}

.contact-container .contact__fields {
    display: block;
}

.contact-container .field__input, 
.contact-container .customer .field input {
    min-height: 57px;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #0D2A0A33;
}

.contact-container .field:after,
.contact-container .customer .field:after {
    opacity: 0 !important;
    box-shadow:none !important;
    border:nne !important;
}

.contact-container .field__label,
.contact-container .customer .field label {
    position: static;
    font-family: General Sans;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 27px;
    letter-spacing: 0%;
    color: #000;
    margin:0;
}

.contact-container .contact .field {
    flex-direction: column-reverse;
    gap: 10px;
}

.contact-container textarea#ContactForm-body {
    min-height: 115px;
    border-radius: 20px;
}
.contact-container .contact__button {
    margin-top: 20px;
}
 .contact__button .button{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: normal;
    gap: 10px;
    padding: 7px 7px 7px 19px;
    background-color: #0d2a0a;
    color: #ffffff;
    border-radius:40px;
    text-transform: uppercase;
}
 .contact__button .button::after {
    opacity:0;
 }
body .field__input:focus,body .field__input:not(:placeholder-shown),
body .field__input:-webkit-autofill,body .customer .field input:focus,
body .customer .field input:not(:placeholder-shown),
body .customer .field input:-webkit-autofill {
    padding: inherit;
    margin: var(--inputs-border-width);
    padding-left:15px;
}
.contact-container .field__input::placeholder,
.contact-container .customer .field input::placeholder {
     opacity: 1;
}

.contact__button span.btn_icon {
    margin-left: 5px;
    height: 37px;
    width: 37px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact h2.title.title-wrapper--no-top-margin.inline-richtext {
    font-size: 30px;
    font-weight: 400;
}
.contact iframe {
    min-height: 527px;
}
body.contact .hero_left_decor {
    position: absolute;
    left: 0;
    bottom: -50px;
    top: auto;
    max-width: 170px;
}
body.contact section.hero-banner {
    overflow: visible;
}
.contact section[id*="custom_liquid"] {
    line-height:0;
}

/* contact page css end */

/* about us page css start */
.ingredient_philosophy .swiper-button-prev ,
.ingredient_philosophy .swiper-button-next {
    display: flex !important;
    height: 37px;
    width: 37px;
    position: absolute;
    transform: none !important;
    background:#061b04;
    border-radius:50%;
    margin: 0;
    bottom: 0;
    top: auto;
}
.ingredient_philosophy .swiper-button-prev:after ,
.ingredient_philosophy .swiper-button-next:after {
    display:none;
}
.ingredient_philosophy .swiper-button-prev svg ,
.ingredient_philosophy .swiper-button-next svg {
    height:14px;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}

.swiper.custom_swiper.swiper-initialized {
    padding-bottom: 71px;
}

.ingredient_philosophy .swiper-button-prev {
    left: calc(50% - 40px);
    transform:rotate(180deg) !important;
}
.ingredient_philosophy .swiper-button-next {
    right: calc(50% - 40px); 
}
.ingredient_philosophy.multicolumn.color-scheme-1.gradient.background-primary {
    background: #fdf9ee;
}
.ingredient_philosophy.multicolumn.background-primary .multicolumn-card {
     background: #fff;
    padding: 14px;
    text-align: left;
    border-radius: 20px;
}

.ingredient_philosophy.multicolumn.color-scheme-1.gradient.background-primary {
    background: #fdf9ee;
} 
.ingredient_philosophy .multicolumn-card__info {
    padding: 0;
} 
.ingredient_philosophy .multicolumn-card__info h3 {
    padding-top: 15px;
    font-family: General Sans;
    font-weight: 500;
    line-height: 27px;
} 
.ingredient_philosophy .multicolumn-card__info .rte {
    font-family: General Sans;
    font-weight: 400; 
    font-size: 15px; 
    line-height: 25px;
    letter-spacing: 0%;
    color:#000;
}
.ingredient_philosophy .swiper-slide {
    height:auto;
}
.ingredient_philosophy .multicolumn-card-spacing {
    padding-top: 0rem;
    margin-left: 0rem;
    margin-right: 0rem;
}
.ingredient_philosophy span.team_description {
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0%;
    text-align: center;
    max-width: 1000px;
    display: block;
    margin: 0 auto 30px;
    color: #000;
}
.ingredient_philosophy .title-wrapper-with-link.multicolumn__title {
    width: 100%;
    margin: 18px auto 6px;
    display: block;
    font-weight: 400;
    font-size: 40px;
    line-height: 59px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
}
.ingredient_philosophy span.team_subtitle {
    color: #0d2a0a;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 8px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
}
.about_mission .image-with-text__content {
    padding: 0;
    padding-left: 62px;
}
.about_mission .image-with-text .grid {
    align-items: center;
}
.about_mission .image-with-text__text.rte.body ul {
    padding:0;
}
.about_mission  .image-with-text__text.rte.body ul li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    font-family: General Sans;
    font-weight: 400; 
    font-size: 16px; 
    line-height: 27px; 
    text-transform: capitalize;
    color:#000;
    margin-bottom:20px; 
} 
.about_mission .image-with-text__text.rte.body ul li:before {
    content: '';
    height: 18px;
    width: 18px;
    background: url(/cdn/shop/files/checked_17_1.svg?v=1784700940);
    position: absolute;
    left: 0;
    background-size: cover;
    top: 7px;
}

.about_mission .image-with-text__text.rte.body p{
    margin: 0 0 18px;
    font-size: 16px;
    line-height: 27px;
    color: #000000;
}
.about_mission h2.image-with-text__heading  {
    margin: 0 0 16px;
    font-weight: 400;
    font-size: 40px;
    line-height: 59px;
    color: #000000;
}
.about_mission .image-with-text__text--caption {
    color: #0d2a0a;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 8px;
    margin-bottom: 10px;
}
.about_mission .image-with-text__content>*+* {
    margin-top: 0;
}
body.about-us h2.hero-banner__heading {
    max-width: 940px;
}
body.about-us .hero_left_decor {
    position: absolute;
    left: 0;
    bottom: -50px;
    top: auto;
    max-width: 170px;
}
body.eco-program section.hero-banner {
    overflow: visible;
} 

.about-us .skin_routine.eco_program_matter.multicolumn {
    background-image:url(/cdn/shop/files/Group_1_3.png?v=1784778355);
}

.section-home-mid-banner video {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* about us page css end */

/* product listing page css start */

.facets-container {
    background: linear-gradient(180deg, #EBE8E0 55.29%, #EBE8E0 100%);
    padding: 20px;
    border-radius: 20px;
}

.facets-container h2#verticalTitle {
    font-family: Denton Test;
    font-weight: 420;
    font-size: 30px;
    line-height: 59px;
    letter-spacing: 0%;
    text-transform: capitalize;
}

.facets-container summary.facets__summary.caption-large.focus-offset {
    font-family: Denton Test;
    font-weight: 400;
    \: Regular;
    font-size: 20px;
    \: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    padding-top: 20px;
    padding-bottom: 20px;
}

.facets-container span.facet-checkbox__text {
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.facets-container label.facets__label.facet-checkbox {
    align-items: center;
}

.facets-container label.facets__label.facet-checkbox svg {
    height: 25px;
    width: 25px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #0D2A0A4D; 
}
.facets-container label.facets__label.facet-checkbox svg rect{ 
    stroke:#0000;
}
.facets-container .facets-layout-list--text input[type=checkbox] {
    position: absolute;
    opacity: 1;
    width: 25px;
    height: 25px;
    top: 10px;
    left: 0;
    z-index: -1;
    appearance: none;
    -webkit-appearance: none;
}
.facets-container .facet-checkbox>input[type=checkbox]:checked~.svg-wrapper>.icon-checkmark {
    visibility: hidden;
}
.facets-container .facet-checkbox>input[type=checkbox]:checked~svg {
    opacity:0;
}
.facet-checkbox>input[type=checkbox]:checked~.svg-wrapper {
    position: absolute;
    transform: none;
    height: 25px;
    width: 25px;
    visibility: visible;
    background: #fdf9ee;
    left: 0;
    top: 10px;
    border-radius: 50%;
}
.facets-container .facet-checkbox>input[type=checkbox]:checked~.svg-wrapper::before {
    content:'';
    height: 15px;
    width: 15px;
    position: absolute;
    left: 5px;
    top: 5px;
    background: #000;
    z-index:99;
    border-radius: 20px;
}
.grid_convert_wraper span {
    padding: 7px;
    background: #B3B3B333;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
    line-height: 0;
    cursor: pointer;
}

.grid_convert_wraper span svg {
    height: 15px;
    width: 15px;
}

form#FacetSortForm {
    align-items: center;
    justify-content: space-between;
}
.product-count-vertical.light {
    display: flex;
    align-items: center;
    opacity: 1;
}

facet-filters-form.facets.facets-vertical-sort.page-width.small-hide {
    margin-bottom: 25px;
    padding-left: 360px;
}

.facet-filters__field {
    padding: 15px;
    border: 1px solid #0000001A;
    border-radius: 40px;
}

h2.facet-filters__label.caption-large.text-body {
    font-family: General Sans;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0%;
}
form#FacetSortForm select {
    font-family: General Sans;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0%; 
} 
h2.product-count__text.text-body {
    font-family: General Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0%;
    color: #000;
}
body .facets-vertical .facets-wrapper {
    padding-right: 2rem;
    min-width:340px;
    margin-top:-86px;
}
.collection ul#product-grid .card__inner.color-scheme-2.gradient.ratio {
    --ratio-percent: 125% !important;
    border-radius: 20px;
    overflow: hidden;
}
 .collection ul#product-grid h3.card__heading {
font-family: General Sans;
font-weight: 500; 
font-size: 14px; 
line-height: 27px;
letter-spacing: 0%;
color:#000;
}
.collection ul#product-grid .card-information .price {
    font-family: General Sans;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0%;
    margin: 0;
    color:#0D2A0A;
}
.collection ul#product-grid .underline-links-hover:hover a{
    text-decoration:none;
}
.collection ul#product-grid .facet-checkbox__text-label {
    color:#000 !important;
}
body .facets-layout-list .facets__label:hover .facet-checkbox__text-label,
body .facets-layout-list input:focus~.facet-checkbox__text-label {
    text-decoration: none;
}
.collection .pagination-wrapper li {
    background: #B3B3B333;
    border-radius: 50%;
}
.collection .pagination-wrapper li a{
    text-decoration:none !important;
    opacity:1;
}
.collection .pagination-wrapper li a:after {
    opacity:0;
}
.collection .pagination-wrapper li:has(a.pagination__item--current) {
    background:#0D2A0A;
}
.collection a.pagination__item.pagination__item--current  {
    color:#fff;
}
span.product-col-3 svg path{
    fill: #0d2a0a !important;
}
form#FacetSortForm .loading__spinner {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* product listing page css end */


/* product page css start */

body.product .product-media-container.constrain-height.media-fit-contain {
    width: 100%;
    max-width: unset;
}
p.product__text.inline-richtext.caption-with-letter-spacing {
    font-family: General Sans;
    font-weight: 400; 
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 60%;
    text-transform: uppercase;
    color: #0D2A0A;
} 
body .product__text.caption-with-letter-spacing+.product__title {
    margin-top: 16px;
} 
body.product .price.price--large.price--show-badge {
    font-family: General Sans;
    font-weight: 600;
    font-size: 30px;
    line-height: 27px;
    letter-spacing: 0%;
}

body.product button.quantity__button {}

body.product .quantity:after {
    border-radius: 40px;
    border: 1px solid #0D2A0A66;
    outline: none !important;
    box-shadow: none;
}

body.product quantity-input.quantity {
    background: #fff;
    border-radius: 40px !important;
    overflow: hidden;
}

body.product input.quantity__input {
    border-left: 1px solid #0D2A0A66;
    border-right: 1px solid #0D2A0A66;
}

body.product .quantity:before {
    border-radius: 40px;
}

body.product .product-form__submit.button.button--full-width.button--secondary {
    background: #0D2A0A;
    color: #fff;
    font-family: General Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    border-radius: 40px;
}

body.product .product-form__submit.button.button--full-width.button--secondary:after {
    opacity: 0;
}
body.product .product__description.rte.quick-add-hidden {
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #000;
}
 
body.product .product__description.rte.quick-add-hidden {
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #000;
}

body.product .product-media-container.constrain-height .media {
   padding-top: 175px;
   border-radius: 20px; 
}
body.product .product-media-container.constrain-height {
    border-radius: 20px; 
}

body.product .product--stacked .product__media-item {
    max-width: 135px;
}

body.product .product:not(.product--columns) .product__media-list .product__media-item:first-child .media ,
body.product .product:not(.product--columns) .product__media-list .product__media-item--full .media  {
    padding-top: 110vh;
}
body.product ul.slider.product__media-list {
    justify-content: center;
    gap:20px;
}
span.tagline_letter_spacing {
    font-family: General Sans;
    font-weight: 400; 
    font-size: 16px; 
    line-height: 100%;
    letter-spacing: 60%;
    text-transform: uppercase;
}

h2.related-products__heading.inline-richtext.h2 {
    font-family: Denton Test;
    font-weight: 400;
    font-size: 40px;
    line-height: 59px;
    letter-spacing: 0%;
    text-transform: capitalize;
    margin-top: 16px;
}
.related-products .card__heading {
    font-family: General Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0%;
}

.related-products .card-information .price {
    font-family: General Sans;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0%;
}
.product .faq-item {
    background: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #BFBFBF;
    padding-bottom: 25px;
}

.product .faq-item.active {
    border-radius: 0;
}

.product .faq-answer-inner {
    padding: 0;
    padding-top: 10px;
}
.product .faq-wrapper {
    grid-template-columns: 1.1fr 1fr;
}

.product shopify-payment-terms {
    font-family: General Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0%;
    color: #000;
} 
.product .quantity_buttons {
    display: flex;
    gap: 12px;
}  
.product .product-form__quantity .form__label {
    margin: 0;
} 
.product .shopify-payment-button {
    width: calc(100% + 152px);
    margin-left: -152px;
    margin-top: 13px;
} 
.product .product-form__input {
    flex-basis: auto;
} 
.product .product__info-container product-form.product-form {
    margin-top: 0;
} 
.product div:has(> product-form.product-form) {
    flex: 1;
}
.product .faq-wrapper .faq-left img {
    width: 100%;
}

body .blog-articles {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

/* product page css end */


/* blog page css start */

.main-blog .blog-articles .card-wrapper .card {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
} 
.main-blog .blog-articles .card-wrapper .card img {
    border-radius:12px;
}
.main-blog .blog-articles .card-wrapper .card .card__information {
    padding-left: 0;
    padding-right: 0;
} 
.main-blog .blog-articles .card-wrapper .card .card__content {
    padding-left: 0;
    padding-right: 0;
}
.main-blog .blog-articles .card-wrapper .card .media {
    width: 100%;
    background: transparent;
}

.main-blog h1 {
    text-align: center;
}

/* blog page css end */






/* Media qurey start */

@media screen and (max-width:1100px) and (min-width:750px) {
   body .why-features__grid {
    display: block;
}

body .why-features__column {
    gap: 20px;
}

body .why-features__column {
    transform: none !important;
    align-items: center;
}

body .why-features__card {
    transform: none !important;
}

body .why-features__bottom {
    margin: 0;
    margin-top: 20px;
}
body .why-features__center { 
    max-width: 400px;
    margin: 30px auto 0;
}
}

@media screen and (max-width:1178px) {
     body .contact-container.page-width {
    padding: 50px 15px 10px;
}
    .eco-img { 
    height: auto;
}
.footer__blocks-wrapper.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}
body .header:not(.drawer-menu).page-width {
    padding-left: 2rem;
    padding-right: 2rem;
}
body .header__menu-item {
    padding: 1.2rem 0.7rem; 
}
body .header__heading-logo { 
    max-width: 100px;
}
body .header--middle-left .header__heading-link, 
body .header--top-left .header__heading-link {
    margin-left:0;
}
.education .consultation-benefits__text {
    max-width: unset;
    margin-left: auto;
}
.skin_routine.multicolumn {
    padding: 50px 0;
}
.skin_experts.multicolumn.color-scheme-1.gradient.background-primary {
    padding: 50px 0;
}
}

@media screen and (max-width:990px) {
    body .blog-articles {
    grid-template-columns: 1fr 1fr ;
    gap: 20px;
}

      body .page-width {
    padding: 0 1.5rem;
  }
.product__info-wrapper.grid__item {
    padding-top: 40px;
}

body .header--middle-left {
    grid-template-areas: "navigation heading icons"; 
}

.header__icons {
    order: 2;
}

h1.header__heading {
    order: 1;
}

body .header--middle-left {
    grid-template-areas: revert-rule; 
}
.journey-item.right ,
.journey-item.left {
    margin-top: 0px;
}
 body .timeline-line {
    display: block;
    height: calc(100% - 250px);
    top: 75px;
}
.journey-item, .journey-item.left, .journey-item.right {
    justify-content: flex-start;
    padding-left: 40px !important;
}

.contact-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}

/* eco system page responsive css start */

body.eco-program img.eco-img {
    height: auto;
} 
body.eco-program .eco-content {
    order: 3;
} 
body.eco-program .eco-image {
    width: 145px;
} 
body.eco-program .eco-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
} 
body.eco-program .eco-subtitle { 
    font-size: 14px; 
    letter-spacing: 4px; 
}
body .hero-banner__body {
    margin: 10px 0 14px;
    font-size: 16px;
    line-height: 26px; 
    color: #fff;
}
body.eco-program .hero-banner__body {
    margin: 10px 0 14px;
    font-size: 16px;
    line-height: 26px; 
    color: #fff;
}
body.eco-program .hero-banner__content.hero-banner__content--top .hero-banner__eyebrow,
body.eco-program .hero-banner__content .hero-banner__heading,
body.eco-program .hero-banner__content .hero-banner__body {
     color: #fff; 
}
body.eco-program .hero_left_decor {
display:none;
}

.every_bottle_count.multicolumn {
    padding: 50px 15px;
}
.every_bottle_count span.team_subtitle {
    font-family: General Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 16px;
    color: #0d2a0a;
    line-height: 20px;
    display: block;
}
.multicolumn.every_bottle_count .title-wrapper-with-link h2.title {
    font-size: 28px;
    line-height: 38px;
    margin-top: 15px;
}

.every_bottle_count .multicolumn-list.contains-content-container {
    padding: 0;
}

.every_bottle_count .multicolumn-list.contains-content-container li.grid__item {
    max-width: calc(50% - 10px);
}
.every_bottle_count .media.media--adapt {
    padding-bottom: 50px!important;
    width: 50px!important;
    background: #0d2a0a;
    border-radius: 50%;
    margin: 0 auto;
}
.every_bottle_count .multicolumn-card__info h3 {
    font-family: General Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
}

.every_bottle_count .multicolumn-card__info {
    padding: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}
.every_bottle_count .multicolumn-list__item:nth-of-type(2):before {
 opacity:0;
}


.inspire_our_community p.image-with-text__text { 
    font-size: 14px; 
    letter-spacing: 4px; 
}
.inspire_our_community h2.image-with-text__heading.inline-richtext.h1 {
    color: #fff;
    font-weight: 400;
    margin: 20px 0 8px;
    line-height: 38px;
    font-size: 28px;
}
.eco_cta.isolate h2.rich-text__heading.rte.inline-richtext.h1 {
    font-size: 28px;
    line-height: 38px;
}
.eco_cta.isolate p.rich-text__caption.caption-with-letter-spacing { 
    font-size: 14px; 
    letter-spacing: 4px; 
}
.eco_program_matter span.team_description {
  padding:0 15px;
}
.skin_routine.multicolumn {
    padding: 50px 0;
}
.about-us .hero-banner__content.hero-banner__content--top * {
    color: #fff;
} 
.about-us p.hero-banner__eyebrow {
    color: #fff !important;
}
body.about-us .hero_left_decor {
display: none;
}
/* eco sstem page responsive css end */

/* product css start */
body.product .product--stacked .product__media-item {
    max-width: unset;
}
body.product .product:not(.product--columns) .product__media-list .product__media-item:first-child .media, body.product .product:not(.product--columns) .product__media-list .product__media-item--full .media {
    padding-top: 55vh;
    border-radius: 20px;
}
body.product ul.slider.product__media-list {
    justify-content: start; 
}
body.product .faq-wrapper {
    grid-template-columns: 1fr;
}
button.faq-question {
    padding-left: 0;
}
body product-recommendations.related-products.page-width {
    padding-top: 50px;
    padding-bottom: 50px;
}
span.tagline_letter_spacing {
    font-size: 14px;
    letter-spacing: 40%;
}
h2.related-products__heading.inline-richtext.h2 {
    font-size: 28px;
    line-height: 38px;
}
body.product .product-media-container.constrain-height .media {
    padding-top: 55vh; 
}
/* product page css end */

}
                



@media screen and (max-width:1024px) {
    .ingredient_philosophy.multicolumn.color-scheme-1.gradient.background-primary {
        padding:50px 0;
    }
}
 

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

body button.faq-question { 
    padding: 10px;
}
body.product .faq-item { 
    padding-bottom: 20px;
}

a.hero-banner__button.hero-banner__button--solid svg path {
    fill: #0d2a0a !important;
}

a.hero-banner__button.hero-banner__button--outline svg path {
    fill: #fff !important;
} 
body header-drawer {
    min-width: 85px;
}
    .hero-banner__content.hero-banner__content--top .hero-banner__eyebrow ,
    .hero-banner__content .hero-banner__heading,
    .hero-banner__content .hero-banner__body {
    color:#000;
}
body.index .hero-banner__media,
body.index .hero-banner__media img{
    position: static; 
}
body.index section.hero-banner {
    height: auto;
    aspect-ratio: unset ;
}
body.index .hero-banner__heading {
    color:#000;
}
.index .hero-banner__content.hero-banner__content--top {
   padding-top:20px;
   padding-left:15px;
   padding-right:15px;
   padding-bottom:40px;
} 
.hero-banner__content.hero-banner__content--top {
       padding-left:15px;
   padding-right:15px;
}
section.hero-banner .hero-banner__heading {
    font-size: 28px;
}
a.hero-banner__button.hero-banner__button--solid {
    background: #0d2a0a;
    color: #fff !important;
}
a.hero-banner__button.hero-banner__button--solid span {
    color:#fff;
}
a.hero-banner__button.hero-banner__button--outline {
    color: #0d2a0a;
    border: 1px solid;
}
a.hero-banner__button.hero-banner__button--outline {
    color: #0d2a0a;
    border: 1px solid;
}

body .hero-banner__button--outline .hero-banner__button-icon {
    background: #0d2a0a;
    color: #fff;
}

a.hero-banner__button.hero-banner__button--solid .hero-banner__button-icon {
    color: #0d2a0a;
    background: #fff;
}
.better_guidence .image-with-text__content {
    padding: 4rem 0rem 0rem 0rem;
    justify-content: center;
}
.better_guidence .caption-with-letter-spacing--medium {
    color: #0d2a0a;
    font-size: 14px; 
    letter-spacing: 4px; 
    margin-bottom: 10px;
}
body .hero-banner__eyebrow {
    font-size: 14px;
    letter-spacing: 4px;
    margin-bottom: 10px;
}
.better_guidence h2.image-with-text__heading {
    font-size: 28px;
    line-height: 38px; 
}
.better_guidence .image-with-text__text.rte.body ul li {
    margin-bottom: 10px; 
    margin-top: 10px; 
}
body section.mid-banner {
    height: auto;
    padding: 50px 15px;
}
body h2.mid-banner__heading {
    font-size: 28px;
    line-height: 38px;
}
body p.mid-banner__eyebrow { 
    font-size: 14px; 
    letter-spacing: 4px;
    margin-bottom: 10px;
}
body a.mid-banner__button.mid-banner__button--solid {
    font-size: 15px;
    width: max-content;
    margin: 0 auto;
}
body .why-features__eyebrow { 
    font-size: 14px; 
    letter-spacing: 4px; 
    margin-bottom:10px;
}
body .why-features__heading { 
    font-size: 28px;
    line-height: 38px; 
}
body .why-features__column--left .why-features__card:first-of-type {
    transform: none;
    z-index: 9;
}
body .why-features__column--left .why-features__card:nth-of-type(2) {
    transform: none;
    z-index: 9;
}
body .why-features__column--right .why-features__card:nth-of-type(1) {
    transform: none;
    z-index: 9;
}
body .why-features__column--right .why-features__card:nth-of-type(1) {
    transform: none;
    z-index: 9;
}
body .why-features__column--right .why-features__card:nth-of-type(2) {
    transform: none;
    z-index: 9;
}
body .why-features__column { 
    gap: 20px;
    padding-top:0px;
}
body .consult-cta {
    padding: 30px 20px 50px;
}
body p.consult-cta__eyebrow {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 4px;
    margin-bottom: 0px;
}
body p.skin-education__eyebrow { 
    font-size: 14px; 
    letter-spacing: 4px; 
}
body .skin-education__heading {
    margin: 0 0 16px;
    font-weight: 400;
    font-size: 28px;
    line-height: 38px;
    color: #000000;
}
section.featured-slider p.featured-slider__eyebrow {
    font-size: 14px; 
    letter-spacing: 4px;
    margin-bottom: 10px;
}section.featured-slider h2.featured-slider__heading {
    margin: 0 0 16px; 
    font-size: 28px;
    line-height: 38px; 
}
body .featured-slider {
    padding: 50px 20px 90px;
}
body .featured-slider__slider  .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -35px;
    display: flex;
}
body .eco-program {
    padding: 50px 15px;
}
body p.eco-program__eyebrow { 
    font-size: 14px; 
    letter-spacing: 4px; 
}
body .eco-program__heading { 
    font-size: 28px;
    line-height: 38px; 
}
body p.testimonial-video__eyebrow { 
    font-size: 14px; 
    letter-spacing: 4px; 
}
body h2.testimonial-video__heading { 
    font-size: 28px;
    line-height: 38px; 
    margin-top:10px;
}
body p.brand-meaning__eyebrow { 
    font-size: 14px; 
    letter-spacing: 4px; 
}
body h2.brand-meaning__heading {
    font-size: 28px;
    line-height: 38px;
    margin-top:10px;
}
body p.brand-meaning__tagline {
    font-size: 20px;
    line-height: 27px;
}
footer.footer { 
    padding: 50px 15px 20px;
}
span.footer-block__heading.inline-richtext {
   text-align:left;
}
.cstm-4-cl.footer-block.grid__item.scroll-trigger.animate--slide-in {
    padding-left: 0;
    border-left: none;
}
body .footer-block.grid__item { 
    margin: 2rem 0 2rem; 
}
body .footer-block__details-content {
    margin-bottom: 0;
}
body .footer__content-bottom-wrapper { 
    padding-top: 20px;
}
a.link.link--text.list-menu__item.list-menu__item--link, .footer-block__details-content.rte a { 
    line-height: 26px; 
}
body .hero-banner__button { 
    font-size: 15px; 
}
body a.consult-cta__button.consult-cta__button--solid { 
    font-size: 15px; 
}
body a.skin-education__button.skin-education__button--solid {
    font-size: 15px; 
    padding: 6px 6px 6px 19px;
    width:max-content;
}
body a.featured-slider__header-button.featured-slider__header-button--solid { 
    font-size: 15px; 
}
body a.featured-slider__header-button.featured-slider__header-button--outline {
    font-size: 15px; 
}
body a.eco-program__button.eco-program__button--solid {
    font-size: 15px; 
}

/* consultation page responsive start */

body.virtual-consult .hero-banner__media, 
body.virtual-consult .hero-banner__media img {
position: absolute;
}
body.virtual-consult .hero-banner__content.hero-banner__content--top .hero-banner__eyebrow,
body.virtual-consult .hero-banner__content .hero-banner__heading,
body.virtual-consult .hero-banner__content .hero-banner__body {
    color: #fff;
} 
body.virtual-consult .hero_right_decor ,
body.virtual-consult .hero_left_decor {
    display:none;
}

.consultation-benefits { 
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
span.consultation-benefits__eyebrow {
    color: #0d2a0a;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 4px;
    margin-bottom: 10px;
}
.consultation-journey {
   padding-top:50px !important;
   padding-bottom:50px !important;
}
 .journey-item, .journey-item.left, .journey-item.right {
    justify-content: flex-start;
    padding-left: 0 !important;
}
body .timeline-line {
    display: none; 
}
.journey-timeline {
    margin-top: 30px;
}
body .consult-btn {
    width: max-width;
    justify-content: space-between;
    max-width: 320px;
}
.skin_experts.multicolumn.color-scheme-1.gradient.background-primary {
    padding: 50px 0;
}
.skin_experts span.team_subtitle {
    color: #0d2a0a;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 4px;
    margin-bottom: 10px;
    text-transform: uppercase;
} 
section.faq-consultation {
    padding-top: 50px !important;
    padding-bottom: 50px!important;
}
span.faq-subheading {
    color: #0d2a0a;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 4px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
body .faq-heading {
    font-size: 28px;
    line-height: 38px;
}
body .faq-button span {
    flex: 1;
    text-align: left;
}
body.virtual-consult .hero-banner__content {
    padding: 60px 15px;
}
.skin_experts.multicolumn.color-scheme-1.gradient.background-primary .slider-counter.caption {
    font-size: 16px;
}

.skin_experts.multicolumn.color-scheme-1.gradient.background-primary button.slider-button {
    background: #0D2A0A;
    color: #fff !important;
    border-radius: 50%;
    height: 37px;
    width: 37px;
}
.virtual-consult .hero-banner__body {
    margin: 0px 0 14px;
    font-size: 16px;
    line-height: 27px; 
}
.skin_experts .slider-button[disabled] .icon {
    color: rgb(255 255 255);
    cursor: not-allowed;
}
/* consultation page responsive end */


/* Education responsive css start */
.education .what_you_learn .skin-education__media:before {
opacity:0;
}

body.education .hero-banner__content.hero-banner__content--top * {
    color: #fff;
} 
body.education .hero-banner__content.hero-banner__content--top p.hero-banner__eyebrow {
    color: #fff;
}

body.education .hero_left_decor {
    display: none;
}

.education .skin-education__decor {
    display: none;
}

.education .skin-education--image-right .skin-education__inner {
    grid-template-columns: 1fr;
} 
.skin_routine.multicolumn {
    padding: 50px 0;
}

.skin_routine span.team_subtitle { 
    letter-spacing: 4px;
    font-size: 14px; 
}
.skin_routine h2.title { 
    font-size: 28px;
    line-height: 38px;
}
.skin_routine .multicolumn-list.contains-content-container.grid li.grid__item {
    max-width: 100%;
}
.hero-banner__content.hero-banner__content--top { 
    align-items: center;
    justify-content: center;
}
.skin_experts span.team_description {
padding-left:15px;
padding-right: 15px;
}
.skin-education__decor {
    display: none;
}
.education ul.skin-education__checklist {
   margin-bottom:0;
}
.education .what_you_learn ul.skin-education__checklist {
   margin-bottom:20px;
}
.education .hero-banner__body {
    margin-bottom: 0;
}
.skin_routine .multicolumn-card__image-wrapper--third-width {
    width: 60px; 
    height:60px;
}

/* Education responsive css end */
.inspire_our_community .image-with-text__content {
    padding: 0;
    padding-top: 25px;
}
 
.contact-container .contact-icon {
    width: 48px;
    height: 48px;
    padding: 13px;
}
.contact-container .contact-heading {
    font-size: 28px;
    line-height: 38px;
} 

.contact-container .contact {
    padding: 25px;
} 
.contact h2.title.title-wrapper--no-top-margin.inline-richtext {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
} 
.contact-container .contact-subheading {
    font-size: 14px;
    letter-spacing: 4px;
}

.contact-container .field__input,
.contact-container .customer .field input {
    min-height: 45px;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #0D2A0A33;
}
.contact-container .contact-text {
    font-size: 16px;
}
.contact-container .contact-list { 
    gap: 30px; 
}
.contact .hero-banner__content.hero-banner__content--top * {
    color: #fff;
} 
.contact  .hero_left_decor {
    display: none;
}
.about_mission .image-with-text__content {
     padding: 20px 0 0;
}
.about_mission .image-with-text__text--caption {
     font-size: 14px; 
    letter-spacing: 4px; 
}
.about_mission h2.image-with-text__heading { 
    font-size: 28px;
    line-height: 38px; 
}
.ingredient_philosophy span.team_subtitle {
     font-size: 14px; 
    letter-spacing: 4px; 
} 
.swiper.custom_swiper.swiper-initialized .multicolumn-list:not(.slider) {
    padding:0;
}
.swiper.custom_swiper.swiper-initialized {
    padding-bottom: 71px;
    padding-left:15px;
    padding-right:15px;
}
.slider-buttons span.svg-wrapper {
    height: 16px;
    width: 16px;
}
body .brand-meaning__button {
    width: max-content !important;
    margin: 0 auto;
    min-width: 293px;
}
.index .section-hero-banner .hero-banner__buttons .hero-banner__button {
    justify-content: space-between;
    width: max-content;
    margin: 0 auto;
    min-width: 275px;
}
a.consult-cta__button.consult-cta__button--solid {
    width: max-content;
}
a.menu-drawer__account.link {
    gap: 10px;
    align-items: center;
}

/* product listing page css start */

body .facets-vertical .facets-wrapper {
    padding-right: 0;
    min-width: 340px;
    margin-bottom: 20px;
    margin-top:0;
}
body .facets-container { 
   padding-top: 2rem;
}

.collection ul#product-grid h3.card__heading { 
    font-family: General Sans; 
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 0%; 
}
.collection .hero-banner__content.hero-banner__content--top .hero-banner__eyebrow,
.collection .hero-banner__content .hero-banner__heading, .hero-banner__content .hero-banner__body {
    color: #ffffff;
}
.hero_left_decor,
.hero_right_decor {
    display: none !important;
}

/* product listing page css end */

}


@media screen and (max-width: 580px) {
body .blog-articles {
    grid-template-columns: 1fr ;
    gap: 20px;
}
}