/** Shopify CDN: Minification failed

Line 2841:5 Expected ":"

**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
:root{
    --white:#FFFFFF;
    --green:#055346;
    --black:#000000;
    --black1:#111111;
    --c1 : #E3F6A4;
    --lightyellow:#E3EEBE;
    --primary-font:"Poppins", sans-serif;
    --secondary-font: "Poppins", sans-serif;
}

a{
    text-decoration:none;
}
h1 ,h2,h3,h4,h5,h6{
    margin:0;
}
img{
    width:100%;
}
.container {
    width: 100%;
    max-width: 1504px;
    padding: 0 15px;
    margin: 0 auto;
}
h1{
letter-spacing: 0%;
font: 700 54px/1 var(--secondary-font);
letter-spacing: 0%;
}
h2{
font: 600 36px/1 var(--secondary-font);
letter-spacing: 0%;
}
h3{
   font: 500 28px/1.1 var(--secondary-font); 
   letter-spacing: 0%;
}
h4 {
letter-spacing: 0%;
font: 600 22px/1 var(--secondary-font);
letter-spacing: 0%;
}
h5 {
letter-spacing: 0%;
font: 500 18px/1 var(--secondary-font);
letter-spacing: 0%;
}
h6 {
letter-spacing: 0%;
font: 500 18px/1 var(--secondary-font);
letter-spacing: 0%;
}
/* ========Globle css=========== */

.cu-btn {
    font: 400 16px/26px var(--primary-font);
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    flex-wrap: nowrap;
    background: var(--c1);
    align-items: center;
    justify-content: center;
    padding: 5px 8px 5px 24px;
    border-radius: 60px;
    min-width: 148px;
    gap: 17px;
    color: var(--black);
    width: fit-content;
}
.cu-secondary-btn, .cu-btn, .mega-products-grid .menu-menu-block-cards {
     transition: all 0.2s ease;
}

a.cu-btn.cu-btn-green:hover {
    background: var(--c1);
    color: var(--black);
}
.cu-secondary-btn:hover {
    background: var(--c1);
}
.gradient {
    font-family: 'Poppins';
}
.mega-products-grid .menu-menu-block-cards:hover .icon-title-wrapper span {
    color: var(--white);
}

.mega-products-grid .menu-menu-block-cards:hover .arrow-coll {
    background: var(--white);
}

.mega-products-grid .menu-menu-block-cards:hover .arrow-coll  svg path {
    fill: var(--green);
}

.cu-btn svg {
    width: 36px;
    height: 36px;
    background: #055346;
    border-radius: 50%;
    padding: 11px;
}
.cu-btn-green, .mega-products-grid .menu-menu-block-cards:hover  {
    background: var(--green);
    color: var(--white);
}
.cu-btn:hover {
    background: #1f6b5e;
    color: #fff;
}

.cu-btn:hover svg {
    background: #fff;
}

.cu-btn:hover svg path {
    fill: #1f6b5e;
}
.cu-btn-green svg {
    width: 36px;
    height: 36px;
    background: #055346;
    border-radius: 50%;
    padding: 11px;
}
.cu-secondary-btn {
    font: 400 16px/1.6 var(--primary-font);
    letter-spacing: 0px;
    text-align: center;
    padding: 10px 29px;
    color: var(--black);
    border: 1px solid var(--c1);
    background: var(--white);
    border-radius: 60px;
}

p{
font: 400 15px/1.6 var(--primary-font);
letter-spacing: 0%;
vertical-align: middle;
}
.com-padding{
    padding-block:80px;
}

/* =============================Hero Section================== */

.Hero-banner {
    position: relative;
    padding: 100px 0 100px;
}


.Hero-banner .custom-banner__media{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}

.Hero-banner img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.Hero-banner .custom-banner__content{
    position:relative;
    display:flex;
    flex-flow:column;
    gap:8px;
}

.Hero-banner p.custom-banner__subheading{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--white);
}

.Hero-banner h1 {
    padding: 0;
    color: var(--white);
}
.Hero-banner .custom-banner__text p{
    max-width:670px;
    margin:0 0 10px;
    color:var(--white);
    font:400 20px/1.5 var(--primary-font);
}

.custom-banner__buttons{
    display:flex;
    gap:15px;
}

.Hero-banner .key_points_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    max-width: 600px;
    margin: 10px 0 0;
}
.Hero-banner .key_points_wrapper div{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px;
    color:var(--white);
    font:400 14px/1 var(--primary-font);
}

/* =================Trust bar================ */
  .trustpilot-section {
    background:#e3eebe;
    padding: 80px 20px;
    position: relative;
  }
.trust-bar {
    width: 100%;
    padding: 15px 0;
}

  .trust-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:20px;
    flex-wrap: wrap;
  }

  .trust-bar__item {
    display: flex;
    align-items: center;
    gap: 24px;
  }

  .trust-bar__icon-wrap {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .trust-bar__icon-wrap svg {
    width: 32px;
    height: 32px;
  }
.trust-bar__text {
    white-space: nowrap;
    font: 500 22px/1 var(--secondary-font);
    letter-spacing: 0%;
    text-align: center;
}
p.trustpilot-subheading {
    margin-top: 22px;
}
/* ================Product block============ */
.product-block .product-block-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cu-btn-green svg {
    background: var(--c1);
}
.product-block .product-block-head p {
    margin-top: 15px;
}
.product-block .product-block-head p, .custom-featured-collection__subheading, .signature-subtitle, .signature-botanicals__subheading, .newsletter p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
}
.product-block ul.collection-list {
    margin-top: 42px;
}
ul.card-main-wrapper {
    gap: 24px;
    justify-content: center;
}

ul.card-main-wrapper li {
    width: 100%;
    max-width: 18.6%;
    padding: 15px;
    background: #E3EEBE;
    border-radius: 20px;
}
ul.card-main-wrapper li  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 321 / 212;
    border-radius:20px;
}
ul.card-main-wrapper li .custom-card-wrapper .title-arrow-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 17px;
    gap: 10px;
}
ul.card-main-wrapper li .custom-card-img {
    max-height: 212px;
}
.arrow-coll {
    width: 36px;
    height: 36px;
    background: #055346;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
      min-width: 36px;
}
p.custom-description {
    color: #000000b2;
    max-width: 236px;
    margin-top: 5px;
}
.product-block ul.collection-list li {
    height: auto;
    transition: all 0.2s ease;
}
.product-block ul.collection-list li:hover {
    background: var(--green);
}
.product-block ul.collection-list li:hover h5.custom-card-title, .product-block ul.collection-list li:hover p.custom-description {
    color: var(--white);
}
.product-block ul.collection-list li:hover .arrow-coll {
    background: var(--white);
}
.product-block ul.collection-list li:hover .arrow-coll svg path {
    fill: var(--green);
}
/* ==========Earth botonical===================== */
.nature-split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .announcement-bar .slider-button {
    color: var(--white);
}
/* 
  .nature-image {
    height: 685px;
  } */

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

  .nature-content {
    position: relative;
    overflow: hidden;
  }

  .nature-bg-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .nature-bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .nature-content-inner {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 80px 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:15px;
}
p.nature-subtitle {
    color: var(--white);
}
.nature-split-section h2.nature-heading {
    color: var(--white);
    max-width: 535px;
    text-align: center;
}
.nature-split-section .nature-description p {
    max-width: 705px;
    text-align: center;
    color: #fff;
}
.nature-content-inner span.nature-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.nature-bottom-text ul {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: center;
}
.yotpo-sr-bottom-line-summary {
    align-items: center!important;
    flex-direction: row!important;
}
.yotpo-modal-content .yotpo-review-form .form-footer button.yotpo-new-review-submit {
    background: var(--green)!important;
    font-family: var(--primary-font)!important;
}
.yotpo-sr-bottom-line-summary span.yotpo-sr-bottom-line-left-panel {
    margin-right: 3px!important;
}
.yotpo-sr-bottom-line-summary span.yotpo-sr-bottom-line-text {
    font-size: 15px!important;
}
.nature-bottom-text ul li {
    font: 400 15px/1.6 var(--primary-font);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #fff;
    margin: 0;
    padding: 0;
    position:relative;
}
.nature-bottom-text ul li::marker {
    font-size: 18px;
}
.nature-bottom-text {
    width: 100%;
    margin-top: 80px;
}
/* ================ shop Our Bestsellers css here ================= */
.yotpo-sr-bottom-line-text--right-panel::before {
    content: "(";
}
span.yotpo-sr-bottom-line-text {
    color: #000000!important;
    font-weight: 600!important;
}
.newletter_hasvalue ~ .field__label {
    display: none!important;
}

.yotpo-sr-bottom-line-text--right-panel::after {
    content: ")";
}
.custom-featured-collection .custom-featured-collection__header {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.custom-featured-collection__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 30px;
}
.custom-featured-collection__image-wrap {
    position: relative;
    overflow: hidden;
}

.custom-featured-collection__image,
.custom_second_media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center center;
    will-change: transform, opacity;
    transition: transform 250ms ease, opacity 250ms ease;
}

.custom_second_media {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.08);
}

/* Hover the whole card */
.custom-featured-collection__image-wrap:hover .custom-featured-collection__image {
    opacity: 0;
    transform: scale(1.08);
}

.custom-featured-collection__image-wrap:hover .custom_second_media {
    opacity: 1;
    transform: scale(1);
}
.custom-featured-collection__grid .custom-featured-collection__card {
    background: #e3eebe;
    border-radius: 20px;
    padding: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.custom-featured-collection__image-wrap {
    transition: 0.3s ease all;
}
.yotpo-reviews-star-ratings-widget {
    margin-top: 0px;
    margin-bottom: 0!important;
}

.product-badge-wrap {
    position: absolute;
    background: #CC5500;
    border: 1px solid #CC5500;
    border-radius: 40px;
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    padding: 8px 10px;
    top: 5px;
    left: 5px;
    z-index: 1;
    color: var(--white)
}
.product-badge-wrap.most-loved {
    border: 1px solid #E0053E;
    BACKGROUND: #FFEBF0;
    color: #E30840;
}
.custom-featured-collection__card a.custom-featured-collection__image-wrap {
    display: inline-block;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1 / 1;
}
.custom-featured-collection__card a.custom-featured-collection__image-wrap img {
    object-fit: contain;
    height: 100%;
    width: 100%;
    aspect-ratio: 1 / 1;
}
.custom-featured-collection__info p {
    color: #000000B2;
    margin-bottom: 0px;
}
.custom-featured-collection__info {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: auto;
    flex-grow: 1;
    margin-top: 22px;
}
p.product-type {
    font-weight: 500;
    /* min-height: 24px; */
    font-size: 11px;
    line-height: 18px;
    color: #000;
}
.yotpo-sr-bottom-line-summary span svg {
    width: 18px;
    height: 20px;
}
/* .custom-featured-collection__info .yotpo-widget-instance {
    min-height: 50px;
} */
.custom-featured-collection__info h5, .custom-featured-collection__info h5 a {
    color: #111;
    /* overflow: hidden; */
    display: flex;
    flex-grow: 1;
    /* min-height: 44px; */
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
}
.custom-featured-collection__card .yotpo-widget-instance {
    flex-grow: 1;
    min-height: 25px;
    display: block;
}
.divider {
    border-bottom: 1px solid #00000080;
    width: 100%;
    display: block!important;
    flex-grow: 1;
    margin-block: 10px;
}
p.custom-featured-collection__description {
    padding-bottom: 0;
    min-height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    flex-grow: 1;
}
.custom-featured-collection__price {
    font-family: var( --primary-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: var(--black);
    font-style: italic;
    margin-top: 0px;
    /* flex-grow: 1; */
}
.related-products .yotpo-widget-instance {
    height: 42px;
}
.yotpo-empty-state {
    margin-top: 45px;
}
.yotpo-empty-state .yotpo-title-text {
    color: #055346;
    margin-bottom: 5px;
}
.yotpo-empty-state .yotpo-body-text {
    color: #000;
}
.yotpo-new-review-btn-wrapper button {
    background: #055346!important;
}
.yotpo-new-review-btn-wrapper button {
    background: #055346!important;
}
.custom-featured-collection__price span {
    font-weight: 700;
    font-style: normal;
    color: #055346;
    font-size: 30px;
}
.custom-featured-collection__actions a.cu-btn {
    width: 100%;
    margin-top: 19px;
    padding-block: 10px;
}
.custom-featured-collection__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

/* ================ Explore Our Signature css here ================= */
.signature-collections-section {
    background: #E3EEBE;
}
.signature-header {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}
.signature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 21px;
    margin-top: 30px;
}
.signature-card {
    position: relative;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
}
a.signature-card {
    transition: 0.2s ease all;
}
a.signature-card:hover {
    transform: scale(1.03);
}
/* ===123=== */
.signature-card .signature-content {
    position: absolute;
    bottom: 20px;
    left: 10px;
    right: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    /* align-content: center; */
    justify-content: center;
    align-items: center;
}
h4.signature-card-title, p.signature-card-text {
    color: var(--white)
}
.signature-card-image {
    position: relative;
}
.signature-card-image::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #05534600 10.44%, #055346);
    content: "";
}
h4.signature-card-title {
      -webkit-line-clamp: 1;
    line-clamp: 1;

}
h4.signature-card-title,  p.signature-card-text {
       overflow: hidden;
        -webkit-box-orient: vertical;
          display: -webkit-box;
}
    p.signature-card-text {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    min-height: 48px;
    overflow: hidden;
}

.signature-btn, .signature-btn a {
    margin-top: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
ul.card-main-wrapper li .custom-card-wrapper .title-arrow-wrap h5.custom-card-title {
    width: calc(100% - 46px);
}

/* ================ Explore Our Signature css here ================= */
.signature-botanicals__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 22px;
    margin-top: 50px;
}

.signature-botanicals__image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.signature-botanicals__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 300 / 247;
    border-radius: 20px;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Smooth image zoom */
.signature-botanicals__item:hover .signature-botanicals__image-wrapper img {
    transform: scale(1.05);
}

/* Overlay only on image */
.signature-botanicals__image-wrapper::after {
    position: absolute;
    inset: 0;
    content: '';
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.25) 40%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 9;
    border-radius: 20px;
    pointer-events: none;
}

.signature-botanicals__item {
    display: flex;
    gap: 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index:1;
}

.botanical-content-wrapper {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 95%;
    z-index: 99;
    opacity: 1;
    transform: translate(-50%, 10px);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Heading always visible */
.botanical-content-wrapper .signature-botanicals__title {
    margin-bottom: 0;
    transition: margin-bottom 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Description hidden initially */
.botanical-content-wrapper p.signature-botanicals__description {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transform: translateY(30px);
    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        max-height 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Smooth reveal */
.signature-botanicals__item:hover .botanical-content-wrapper {
    transform: translate(-50%, 0);
}

.signature-botanicals__item:hover .signature-botanicals__title {
    margin-bottom: 10px;
}

.signature-botanicals__item:hover p.signature-botanicals__description {
    max-height: 120px;
    opacity: 1;
    transform: translateY(0);
}

.botanical-content-wrapper * {
    color: #fff !important;
}
/* ================ 10% off sec css here ================= */
.newsletter .newsletter__wrapper {
    background: #e3eebe;
    padding-block: 95px;
    position: relative;
}
.newsletter .newsletter__wrapper:before, .newsletter .newsletter__wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(/cdn/shop/files/Group_8.png?v=1779976631);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    width: 131px;
    height: 161px;
    background-position: left;
}
.newsletter .newsletter__wrapper:after {
    background: url(/cdn/shop/files/Group_9.png?v=1779976632);
    bottom: -37px;
    top: auto;
    background-size: contain;
    width: 180px;
    height: 265px;
    background-repeat: no-repeat;
    background-position: center;
    left: -45px;
}

.newsletter-form-main {
    width: 100%;
    max-width: 573px;
    margin: 0 auto;
}
.newsletter-form-main .newsletter-main-sec input {
    border-radius: 60px;
    height: 60px;
    padding: 20px 175px 20px 20px;
    position: relative;
}

.newsletter-form-main .newsletter-main-sec input::placeholder {
    color: rgba(0, 0, 0, 0.7) !important;
}

.newsletter-form-main .newsletter-main-sec input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.7) !important;
}

.newsletter-form-main .newsletter-main-sec input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.7) !important;
}
.newsletter-form-main .newsletter-main-sec label.field__label {
    font: 400 15px/1.6 var(--primary-font);
    color: #000000b2;
    letter-spacing: 0;
    top: 19px;
}
.newsletter-main-sec button {
    border: 1px solid var(--green);
    padding: 6px 22px;
    position: absolute;
    right: 15px;
    bottom: 50%;
    transform: translate(0%, 50%);
}
.newsletter-main-sec button:hover {
    background: var(--c1);
     border-color: var(--c1);
     color: var(--black);
}
/* .product-form__buttons button:hover {
    background: #fff;
    color: #1f6b5e;
} */
.newsletter-main-sec {
    align-items: center;
    justify-content: center;
    gap: 15px;
    position: relative;
}

/* footer css======================================== */
.footer {
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
.footer-block__details-content li, .footer-block__details-content li a {
    margin: 0!important;
    padding: 0!important;
}
ul.footer-block__details-content {
    gap: 12px;
    display: flex;
    flex-direction: column;
}
footer.cu-footer {
    background-color: #055346;
    color: #ffff;
}
.footer__blocks-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    padding: 50px 0 25px;
}
.footer-block.footer-1 {
    width: 25%;
}
.footer-block__image-wrapper {
    width: 161px;
}
.footer-block__details-content.rte {
    max-width: 366px;
}
h2.footer-block__heading.inline-richtext {
    color: #fff;
}
.footer-block__details-content.footer-block-image {
    display: flex;
    flex-flow: column;
    gap:15px;
}
.menu-heading {
    color: #fff;
    margin-bottom: 14px;
    line-height: 33px;
}
.footer__blocks-wrapper ul.footer-block__details-content a {
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #ffffffb2!important;
    font-size: 16px;
}
a.link.list-menu__item {
    text-decoration: none;
    margin-bottom: 12px;
}
a.link.list-menu__item:hover{
  color:#E3EEBE;
  text-decoration:none;
}

.footer-newsletter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 10px;
}
li.list-social__item {
    background-color: #E3F6A4;
    margin-right: 8px;
    border-radius: 10px;
    width: 35px;
    height: 35px;
}

li.list-social__item a {
    padding: 0;
    display: flex;
    height: 100%;
    justify-content: center;
}

li.list-social__item a span.svg-wrapper {
    width: 18px;
    height: 18px;
}
.footer__payment ul.list li.list-payment__item svg {
    width: 35px;
}
.wrappr-country_payment .footer__column--info {
    padding: 0;
}
.trustpilot-badge {
    font: 600 18px / 1.2 var(--primary-font);
}
.footer__content-bottom {
    padding: 12px 0 14px;
}
.footer__content-bottom-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.wrappr-country_payment {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}


.disclosure__button .country-selector-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
}
button.disclosure__button {
    border: 1px solid #FFFFFF33;
    padding: 7px 12px;
    border-radius: 60px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    min-width: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
        text-decoration: none;
}
.logo-text-wrap h4 {
    color: var(--white);
    margin-bottom: 9px;
}
span.yotpo-sr-bottom-line-text {
    line-height: 1!important;
}
/* ========================== */

/* ============== capsule page css     ============ */

.custom-collection-banner__content p.custom-collection-banner__text.rte {
    max-width: 480px;
    font-size: 16px;
    font-weight: 500;
}
.collection-inner-main {
    display: flex;
    gap: 22px;
    width: 100%;
}
.collection-inner-main aside.facets-wrapper {
    width: 348px;
    padding: 0;
    min-width: 348px;
}
.collection-inner-main .product-grid-container {
    width: calc(100% - 370px);
}
.grid-three-main .custom-featured-collection__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.grid-three-main .custom-featured-collection__grid li {
    list-style: none;
}
.grid-three-main .custom-featured-collection__grid li a img, .grid-three-main .custom-featured-collection__grid li a {
    width: 100%;
}
.product-grid-main {
    padding-block: 60px;
}
span.yotpo-sr-bottom-line-text {
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
}
.yotpo-sr-bottom-line-summary span {
    height: auto!important;
}
span.yotpo-sr-bottom-line-left-panel, span.yotpo-sr-bottom-line-right-panel {
    color: #000000!important;
    font-weight: 400!important;
    font-family: var(--primary-font)!important;
    font-size: 16px!important;
    display: none!important;
}
span.yotpo-sr-vertical-border {
    display: none!important;
}
.product-form__buttons {
    margin-top: 22px;
}

.product-form__buttons button {
    width: 100%;
}
 .filter-head-main {
    display: flex;
    align-items: center;
    gap: 10px;
}
.filter-main-wrapper .filter-head-main h5 {
    font-size: 20px;
}
.collection-inner-main aside.facets-wrapper .facets__form-vertical {
    width: 100%;
}
.wrapper-filter-values {
    box-shadow: 0px 1px 16px 0px #00000017;
    padding: 23px 29px;
    margin-top: 18px;
    border-radius: 20px;
}

.filter-side-main summary span {
    letter-spacing: 0%;
    font: 500 20px/1 var(--secondary-font);
    color: #000;
}

.filter-side-main summary {
    padding-bottom: 5px!important;
    border-bottom: 1px solid #A6A6A6;
}
.filter-side-main summary span.facets__summary-label {
    text-decoration: none!important;
}
.facets-vertical-form h2 {
    color: #000000;
    letter-spacing: 0%;
    font: 500 18px/1 var(--secondary-font);
    margin-right: 16px;
}
.custom_filter {
    justify-content: space-between!important;
}
.com-padding-120 {
    padding-block: 120px;
}
.facets-vertical-form .select {
    border: 1px solid #C2C2C2;
    padding: 13px 0px 13px 16px;
    border-radius: 80px;
    width: 235px!important;
}
.facets-vertical-form .select select {
    letter-spacing: 0%;
    font: 500 18px / 22px var(--secondary-font);
    color: var(--black);
    padding: 0;
}
.facets-vertical-form .select select + span.svg-wrapper {
    width: 15px;
    height: 15px;
    bottom: 14px!important;
    right: 19px;
    top: auto;
}
.custom-main-sec h2 {
    color: var(--white);
    margin: 15px 0 15px 0;
}

nav.breadcrumbs, nav.breadcrumbs span {
    display: flex;
    align-items: center;
    gap: 3px;
}

nav.breadcrumbs a {
    font: 400 15px/1.6 var(--primary-font);
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--white);
}
nav.breadcrumbs svg {
    width: 9px;
    height: 9px;
}
nav.breadcrumbs span .active {
    color: #E3F6A4;
    font-weight: 600;
    line-height: 24px;
}
.custom-main-sec .custom-collection-banner__content {
    padding-block: 78px;
}
.facets-vertical-form .select select:focus-visible, .facets-vertical-form .select:focus-visible {
    border: none;
    outline: none!important;
    box-shadow: none;
}


.filter-side-main ul li label {
    padding: 0;
    font: 400 15px/1.6 var(--primary-font);
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--black)!important;
    display: flex;
    align-items: center;
}
.filter-side-main ul {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}
.product-block .mobile-btn{
    display:none;
}
.filter-side-main ul li label input > svg {
    margin-right: 11px;
    width: 22px;
    height: 22px;
    border: 1px solid #055346;
    border-radius: 4px;
}
.filter-side-main ul li label input + svg {
    width: 22px;
    height: 22px;
    border: 1px solid #055346;
    border-radius: 4px;
    margin-right: 11px;
}
.filter-side-main ul li label .svg-wrapper {
    top: 0;
    left: 5px;
    color: #055346;
    width: 11px;
    height: 9px;
}

price-range.facets__price .field {
    width: 47.7%;
    margin-right: 13px;
}
price-range.facets__price {
    flex-wrap: wrap;
    padding: 0!important;
    margin-top: 35px;
    gap: 27px 0;
}
price-range.facets__price .field + .field {
    margin: 0;
}
price-range.facets__price .field input {
    border: 1px solid #A6A6A6!important;
    color: #000;
    font: 400 15px/1.6 var(--primary-font);
    padding: 8px 12px!important;
    height: 36px;
}
.subscription-filter {
    background: #E3EEBE;
    margin-top: 30px;
    padding: 13px 20px 37px 20px;
    border-radius: 10px;
}

.subscription-filter ul li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.subscription-filter label.subscribe-toggle span, .subscription-filter ul li {
     font: 400 15px/1.6 var(--primary-font);
    color: #000;
}
.subscription-filter label.subscribe-toggle span {
    font-weight: 500!important;
}
.subscription-filter ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.subscribe-toggle {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
}

/* Hide default checkbox */
.subscribe-toggle input {
    display: none;
}

/* Toggle Track */
.toggle-slider {
    position: relative;
    width: 32px;
    height: 18px;
    background: #d8d8d8;
    border-radius: 50px;
    transition: background-color .35s ease;
    flex-shrink: 0;
}

/* Toggle Knob */
.toggle-slider:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px #0003;
    transition: transform .35s cubic-bezier(.4,0,.2,1);
}

/* Active State */
.subscribe-toggle input:checked + .toggle-slider {
    background: #0f5c4d;
}

.subscribe-toggle input:checked + .toggle-slider::before {
    transform: translateX(13px);
}

/* Text */
.toggle-text {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.toggle-text strong {
    font-weight: 700;
}
/* ========================
collections  page css here
====================== */
.main-list-section {
    padding-block: 60px;
}
.main-list-section ul.collection-list {
    gap: 30px 24px;
}
.main-list-section ul.collection-list {
    gap: 30px 24px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.main-list-section ul.collection-list li {
    max-width: 100%;
    background: #e3eebe;
    border-radius: 20px;
    padding: 15px;
    width: 100%;
    list-style: none;
}
.main-list-section ul.collection-list li .card__media img {
    border-radius: 15px;
    aspect-ratio: 309 / 309;
    object-fit: contain;
}
.main-list-section ul.collection-list li .card__inner {
    border-radius: 15px;
    overflow: hidden;
 aspect-ratio: 1 / 1;
}
.main-list-section ul.collection-list li .card__content {
    margin-top: 15px;
}


nav.pagination ul.pagination__list li a.pagination__item {
    background: #e3eebe;
    border-radius: 4px;
    font: 400 15px/1.6 var(--primary-font);
    text-decoration: none;
    color: #000;
}
nav.pagination ul.pagination__list li a.pagination__item.pagination__item--current {
    background: #055346;
}
nav.pagination ul.pagination__list li a.pagination__item.pagination__item--current {
    background: #055346;
    opacity: 1;
    color: #fff;
    text-decoration: none;
}
nav.pagination ul.pagination__list li a.pagination__item::after {
    content: unset;
}
nav.pagination ul.pagination__list li a.pagination__item span.svg-wrapper svg {
    width: 20px;
}

.variant-grams {
    color: #000 !important;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    min-height: 25px;
}
.cart__ctas button {
    width: 100%;
    background: #055346;
    border-radius: 50px;
}
.bg_color_banner {
    background: #055346;
}
/* details#Details-filter\.v\.availability-template--24916055589240__product-grid {
    display: none;
} */
/* =========================
about us css start here
=========================== */
.story-content-wrapper h4 {
    font-family: var(--primary-font);
    margin: 30px 0 15px 0;
}
.value-item {
    display: flex;
    gap: 24px;
    margin-bottom: 40px;
}
.value-content p {
    padding-right: 190px;
    margin-top: 10px;
}
.story-image {
    width: 50%;
}
.value-icon {
    width: 64px;
    height: 64px;
    border: 1px solid #055346;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E3F6A4;
    min-width: 64px;
}
.value-icon img {
    width: 25px;
    height: 25px;
}
   .story-content-wrapper {
     text-align: center;
   }
  .story-grid {
    display: flex;
    margin-top: 120px;
    gap: 66px;
    position: relative;
}
.story-values h2 {
    margin-bottom: 50px;
}
.story-values {
    position: relative;
}
.story-values::after {
    position: absolute;
    content: "";
    top: auto;
    right: 0;
    background: url(/cdn/shop/files/image_8.png?v=1781000928);
    background-position: center;
    background-size: cover;
    width: 170px;
    height: 200px;
    background-repeat: no-repeat;
    bottom: 0;
}
.story-values:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background: url(/cdn/shop/files/image_7.png?v=1781000928);
    background-position: center;
    background-size: contain;
    width: 150px;
    height: 80px;
    background-repeat: no-repeat;
    bottom: auto;
}
  .our-story-richtext {
    background: var(--green);
    color: var(--white);
    padding: 88px 20px!important;
  }
  .our-story-richtext h2{
   color: var(--white);
  }
  .our-story-richtext .rich-text__blocks.center {
    max-width: 100rem;
}
.story-content p {
    color: var(--black);
    font: 400 16px / 1.6 var(--primary-font);
}
.rich-text__blocks p, .custom-collection-banner__content p {
    font-weight: 300;
}
.story-content {
    width: 100%;
    max-width: 38%;
    margin: 0 auto;
}
/* ====================
Blog css start here
======================= */
.blog-first-sec .blog-left-sec, .blog-first-sec .article-main-right {
    width: 50%;
}
.blog-first-sec {
    display: flex;
    align-items: center;
    gap: 50px;
    background: #e3eebe;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 120px;
}
.blog-left-sec .blog_img img {
    border-radius: 20px;
    height: 350px;
    object-fit: cover;
}
.blog_badge {
    background: #F48120;
    padding: 4px 17px;
    border-radius: 20px;
    color: #fff;
}
.article-bloginfo {
    display: flex;
    align-items: center;
    gap: 13px;
}
.article-readtime, .blog_badge {
    border-radius: 20px;
    font: 400 15px/1.6 var(--primary-font);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #fff;
}
.article-readtime {
    color: #000000B2;
}
.article-main-right h4.blog_heading {
    margin: 26px 0  20px 0;
}
.article-main-right p.blog-description {
    margin-bottom: 50px;
    color: #000000;
    line-height: 26px;
}

.article-main-right .read_more_btn, .article-readmorebtn a {
    padding-inline: 46px;
    gap: 6px;
}
.article-main-right .read_more_btn svg, .article-readmorebtn .cu-btn-green svg {
    padding: 0;
    background: transparent;
    width: 16px;
}
.blog-filter-sec {
    justify-content: space-between;
    margin-bottom: 42px;
}
.blog-filter-wrapper {
    gap: 27px;
}
.blog-filter-list, .blog-filter-wrapper, .blog-filter-sec, .blog-sort-wrapper  {
    display: flex;
    align-items: center;
}
.blog-sort-wrapper {
    gap: 12px;
}

.blog-filter-list {
    gap: 20px;
}
.blog-filter-list a.blog-filter-item, select#blog-sort, select.blog-filter-select {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    background: #EAEAEA;
    color: var(--black);
    padding: 9px 22px;
    border-radius: 50px;
}
a.blog-filter-item.is-active {
    background: var(--green);
    color: var(--white);
}
.blog-sort-wrapper h6 {
    color: var(--black);
}
select#blog-sort, select.blog-filter-select {
    border: 1px solid #055346;
    padding: 9px 33px 9px 20px;
    border-radius: 50px;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    background: url(/cdn/shop/files/Vector_12.png?v=1781007691);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 93%;
}
.blog-articles {
    grid-template-columns: repeat(3,1fr)!important;
    gap: 30px 24px!important;
}

.blog-articles .blog-articles__article {
    background: #e3eebe;
    border-radius: 20px;
    padding: 20px;
}

.blog-articles .blog-articles__article .article-card__image img {
    border-radius: 20px;
    object-fit: cover;
    aspect-ratio: 313 / 313;
}
.blog-articles .blog-articles__article .card__inner {
    border-radius: 20px;
}
.underline-links-hover:hover a {
    text-decoration: none!important;
}
.article-card-wrapper .card__information h4 {
    margin-top: 15px;
    min-height: 48px;
}
.article-card-wrapper .card__information p.article-card__excerpt {
    color: var(--black);
}
.article-card-wrapper .card__information p.article-card__excerpt, .article-card-wrapper .card__information h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.main-blog.com-padding {
    padding-bottom: 0;
}
.article-main-right .cu-btn:hover svg path {
    fill: var(--white);
}
.blog-articles .blog-articles__article .card__information {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
/* =====================
Leaflets css start here
======================== */
.leaflets-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 50px;
}
.signature-btn a {
    gap: 6px;
}
.leaflets-pdf-card .leaflets-card {
    grid-template-columns: repeat(3,1fr);
    gap: 60px 28px;
}
.leaflets-pdf-card .leaflets-card .leaflets-wrap {
    height: 600px;
}
.leaflets-bottom-wrap {
    margin-top: 120px;
}
.leaflets-bottom-wrap .bottom-btn-wrap a.cu-btn {
    gap: 29px;
}
.leaflets-bottom-wrap .bottom-btn-wrap {
    gap: 30px;
}

/* =====================
Blog detail css start here
======================== */
article.article-template.com-padding {
    padding-bottom: 0;
}
a.animate-arrow span {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    background: #E3F6A4;
    justify-content: center;
    border-radius: 50%;
}
a.animate-arrow span svg {
    width: 11px;
    height: 11px;
}
a.animate-arrow {
    display: flex;
    align-items: center;
    gap: 13px;
    letter-spacing: 0%;
    font: 400 20px/1 var(--primary-font);
    color: var(--black);
    margin-bottom: 31px;
}
.article-main-wrapper .article-template__hero-adapt {
    border-radius: 20px;
}
.article-main-wrapper .article-template__hero-adapt img {
    object-fit: cover;
}
.article-main-wrapper .article-template__hero-adapt {
    padding-bottom: 44%!important;
}
.details-main-head, .details-main-head span, .article-readtime {
    display: flex;
    align-items: center;
}
.article-template__content p {
    margin-top: 25px;
}
.details-main-head {
    gap: 32px;
    margin-top: 25px;
}
.details-main-head span, .article-readtime {
    gap: 12px;
}
.details-main-head time , .article-readtime {
font: 400 18px/1.6 var(--primary-font);
color: var(--black)
}
.article-template__content div {
    margin-bottom: 75px;
}
.article-template__back {
    margin-top:0!important;
}
.article-template__content p, .article-template__content div, .article-template__content ol li, .article-template__content ul li {
    font: 400 16px/30px var(--primary-font);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #000;
    text-align: left!important;
}
.article-template__content p strong {
    margin-bottom: 28px;
    display: block;
     font: 500 26px/1.6 var(--primary-font);
}
.side-padd {
    max-width: 1250px;
    margin: 0 auto;
}

/* ==========================
contact us form start here
============================ */
.contact-main-wrapper {
    display: flex;
    gap: 22px;
}

.contact-main-wrapper .contact-card {
    border-radius: 30px;
    background: #055346;
    padding: 60px 50px;
    width: 470px;
}
.contact-main-wrapper .contact-main-right {
    width: calc(100% - 492px);
}
.contact-main-wrapper .contact-main-right {
    width: calc(100% - 492px);
    padding: 50px 32px;
    border: 1px solid #DDDDDD;
    background: #FAFAFA;
    border-radius: 30px;
}
.contact-main-wrapper h4 {
    color: var(--white);
    margin-bottom: 37px;
}
.contact-card__content, .contact-card__content a {
    font: 400 16px/1.6 var(--primary-font);
    letter-spacing: 0%;
    color: #fff;
}
.contact-card__item {
    display: flex;
    gap: 7px;
    margin-bottom: 30px;
}
.contact-main-right label.field__label, .help-list label, .message-field label {
    position: unset;
    font: 400 16px/1.6 var(--primary-font);
    letter-spacing: 0%;
    color: #000;
    margin-bottom: 5px;
    display: block;
}
.contact .field input, .help-list select, .message-field textarea, .file-upload-wrapper .file-box {
    border: 1px solid #B4B4B4;
    background: #fff;
    border-radius: 12px;
    height: 56px;
    padding: 16px 18px;
}
.contact .field input::placeholder, .help-list select, .message-field textarea, .file-upload-wrapper .file-box span {
    font-family: var(--primary-font);
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #838383;
}

.contact .field input:focus-visible, .help-list select:focus-visible, .message-field textarea:focus-visible {
        outline: none;
    outline-offset: none;
    box-shadow: none;
}
.contact .field__input::placeholder {
    opacity: 1!important;
}
.help-list {
    flex-direction: column;
    gap: 4px;
}
.help-list select {
    background: url(/cdn/shop/files/Vector_13.png?v=1781251479);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 98%;
}
.file-upload-wrapper .file-box span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.message-field textarea {
    height: 186px;
}
.contact__button button {
    width: 100%;
    max-width: 400px;
}

#ContactForm-help-topic option:checked {
  background: #005f4f;
  color: #fff;
}

/* ========================
Product details
======================== */
.product-details nav.breadcrumbs * {
    color: #000 !important;
    font: 400 16px/1 var(--primary-font);
    letter-spacing: 0px;
    vertical-align: middle;
}
nav.breadcrumbs span.active {
    color: #055346 !important;
}
.custom-collection-banner__content nav.breadcrumbs span.active {
    color: #E3F6A4!important;
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
}
.product-details-block {
    display: flex;
    gap: 40px !important;
    flex-wrap: wrap;
    margin-top: 20px !important;
}
.product-details-block .product-media, .product-details-block .product__info-wrapper {
    width: 48%!important;
    max-width: 50% !important;
        padding: 0 !important;
}
.product-details-block .product-media .product-media-container {
    width: 100% !important;
    border-radius: 10px !important;
}

.product-details-block .product-media .slider-mobile-gutter:nth-of-type(1) ul {
    border-radius: 10px !important;
    overflow: hidden;
}
.product-details-block .product-media .slider-mobile-gutter:nth-of-type(2) ul {
    grid-template-columns: repeat(3, 1fr);
}
.product-details-block .product-media .slider-mobile-gutter:nth-of-type(2) ul li{
    border-radius:10px !important;
    overflow:hidden;
}
variant-selects legend.form__label, .bsub-widget legend {
    font: 500 22px/1 var(--secondary-font);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #000000;
}
variant-selects label {
    border-radius: 10px !important;
    background: transparent !important;
    border: 2px solid #C5C5C5 !important;
    padding: 16px 18px !important;
    font: 400 18px/1 var(--primary-font);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #000000 !important;
}
variant-selects input[checked] + label {
    border-color: #055346 !important;
}
.bsub-widget__group-header svg.bsub-widget__image {
    display: none;
}
.bsub-widget__groups-container {
    display: flex;
    align-items: stretch;
    flex-direction: column;
}
.bsub-widget__groups-container .bsub-widget__group {
    margin: 0;
    border: none !important;
}
.bsub-widget__groups-container .bsub-widget__group .bsub-widget__text {
    display: flex;
    gap: 3px;
    align-items: center;
    margin: 0!important;
}

.bsub-widget__group-header {
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: flex-start !important;
    padding-left: 30px !important;
}
.bsub-widget__group .bsub-widget__text {
    position: relative;
    padding-left: 20px;
}

.bsub-widget__group .bsub-widget__text::before {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    border: 1px solid #055346;
    border-radius: 50%;
    left: -10px;
}
.bsub-widget__wrapper {
    color: #000000 !important;
    background: #FCFFF4;
    border: 1px solid #D4D4D4 !important;
    border-radius: 12px !important;
}
.bsub-widget__wrapper fieldset legend {
    font:500 18px/1 var(--primary-font);
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.bsub-widget__wrapper fieldset input:checked, .bsub-widget__plan-header:hover {
    background: #D8F577;
    color: #000 !important;
    border: none;
}
.bsub-widget__checked-icon.bsub-widget__image {
    color: #000 !important;
}
input:checked + .bsub-widget__plan-header, .bsub-widget__plan-header:hover {
    color: #000 !important;
}
input:checked + .bsub-widget__plan-header .bsub-widget__main-text {
    font-weight: 700;
    color: #333 !important;
}
.bsub-widget__group {
    margin-left: 0 !important;
    /* background: #D8F577; */
    border-radius: 12px;
}
input:checked + .bsub-widget__plan-header::before, .bsub-widget__plan-header:hover::before {
    background-color: #d8f577 !important;
}
input:checked + .bsub-widget__plan-header, .bsub-widget__plan-header:hover {
    border: 1px solid #d8f577 !important;
}
.custom-featured-collection__grid li {
    list-style: none;
}
.related-products h2 {
    text-align: center;
}
.yotpo-widget-clear .yotpo-header-container .yotpo-bottom-line {
    display: none;
}

.yotpo-head {
    margin: 0;
}
.yotpo-widget-clear .yotpo-header-container .yotpo-layout-header-wrapper {
    justify-content: end;
}
.product__info-wrapper .prod-shortdesc {
    font: 400 16px/22px var(--primary-font);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #000000B2;
}
.product__info-wrapper span.now {
    font-size: 26px;
}
.bsub-widget__wrapper {
    margin-top: 3px;
}
.shopify-block fieldset.bsub-widget> legend {
    font-size: 22px;
}
.bsub-widget__group-header .bsub-widget__text {
    letter-spacing: 0%;
    font: 500 20px/1 var(--secondary-font);
    color: #000000;
}
.bsub-widget__prepaid-checkbox-header .bsub-widget__text, .bsub-widget__plan-header .bsub-widget__text, .bsub-widget__toggle-details-btn div {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
}
.product-form__buttons button {
    width: 100%;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 100%;
    min-height: 44px;
    padding: 5px 24px 5px 24px;
}
.price-banner .compare {
    opacity: 0.8;
    font-weight: 600;
}
.per-day-price {
    display: flex;
    align-items: center;
    align-self: flex-start;
    background: #e3f6a4;
    border-radius: 0 0 26px 0;
    margin-bottom: 10px;
    overflow: hidden;
    width: fit-content;
    padding: 5px 20px 5px 15px;
    color: #111;
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.bsub-widget__sub-details {
    border-radius: 4px;
    font-family: var(--primary-font);
}
.price, .product__tax {
    font-family: var(--primary-font);
    line-height: 16px;
}
.product__info-wrapper .product-form__buttons button, .product__info-wrapper .product-form__buttons {
    width: 100%;
    font-weight: 500;
    text-transform: capitalize;
    max-width: 100%;
}
.product__info-wrapper ul.icon-with-text li.icon-with-text__item span {
    color: #055346;
    font: 400 14px/1.6 var(--primary-font);
    letter-spacing: 0%;
    vertical-align: middle;
}
.product__info-wrapper .product-form {
    margin-bottom: 5px!important;
    margin-top: 5px!important;
}
.product__accordion summary .summary__title h2 {
    letter-spacing: 0%;
    font: 500 24px/1 var(--secondary-font);
    color: #055346;
}
.prod-desc summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    list-style: none;
    padding: 0px 0 15px 0;
    letter-spacing: 0%;
    font: 500 24px / 1 var(--secondary-font);
    color: #055346;
}
.product__accordion {
    border-color: #CACACA;
}
.product__accordion svg.minus {
    display: none;
}
.product__accordion details[open] svg.plus {
    display: none;
}

.product__accordion details[open]  svg.minus {
    display: block;
}
.product__accordion .accordion summary {
    align-items: center;
}
.prod-desc .disclosure__content p, .prod-desc .disclosure__content ul li {
    font: 400 16px / 28px var(--primary-font);
    color: #1D1D1D;
}

.prod-desc .disclosure__content p, .prod-desc .disclosure__content ul {
    margin-bottom: 18px;
}
.prod-desc .disclosure__content ul li {
    margin: 5px 0;
}
.product__accordion details summary {
    padding-top: 26px;
    padding-bottom: 15px;
}
.product__accordion .accordion__content {
    margin: 0;
}
.product__accordion details[open] .accordion__content {
      margin-bottom: 30px;
}
.product__info-wrapper ul.icon-with-text li.icon-with-text__item {
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.product__info-wrapper ul.icon-with-text li.icon-with-text__item span.svg-wrapper {
    margin: 0;
}
.ebc-module {
    display: flex;
    flex-wrap: wrap;
    gap: 28px 15px;
}
.ebc-module img.ebc-img {
    width: 100%!important;
    max-width: 49.1%!important;
    object-fit: cover;
    margin: 0!important;
}
.ebc-module img.ebc-img:last-child {
    max-width: 100%!important;
}
.yotpo-widget-clear .yotpo-main-layout .yotpo-head {
    margin: 0!important;
}
.yotpo-widget-clear .yotpo-main-layout .yotpo-head p {
    font: 500 36px/1 var(--secondary-font)!important;
    color: var(--black)!important;
}
.yotpo-widget-clear .yotpo-main-layout .yotpo-layout-header-wrapper button#yotpo-main-widget-btn {
    border-radius: 60px;
    background: #055346;
    padding: 5px 50px;
    font: 400 15px/1.6 var(--primary-font);
}
.yotpo-filters-container {
    display: none!important;
}
.yotpo-reviews-list ul.yotpo-reviews-list-wrapper li.yotpo-reviews-item .yotpo-review {
    flex-direction: column;
    margin: 0;
}
.yotpo-widget-clear .yotpo-header-container .yotpo-layout-header-wrapper {
    justify-content: flex-start!important;
    margin-top: 15px;
    margin-bottom: 20px!important;
}
.yotpo-reviews-list ul.yotpo-reviews-list-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.yotpo-reviews-list ul.yotpo-reviews-list-wrapper li.yotpo-reviews-item {
    border: 1px solid #055346;
    border-radius: 20px;
    padding: 26px 20px;
}
.yotpo-review-border-smooth {
    display: none!important;
}
.yotpo-reviews-list ul.yotpo-reviews-list-wrapper .yotpo-reviewer-image, .yotpo-review-right-panel, .yotpo-review-votes-wrapper, .yotpo-review-center-panel p.yotpo-review-title, .yotpo-review-votes-wrapper {
    display: none!important;
}

.yotpo-reviews-list ul.yotpo-reviews-list-wrapper span.yotpo-reviewer-name span.yotpo-reviewer-name-text {
    color: var(--black)!important;
    letter-spacing: 0%;
    font: 600 20px/1 var(--primary-font)!important;
    margin-bottom: 5px;
}
.yotpo-reviews-list ul.yotpo-reviews-list-wrapper span.yotpo-reviewer-verified-buyer-text {
    color: #7E7E7E;
    font: 500 16px/1 var(--primary-font)!important;
}
.yotpo-review-center-panel {
    padding: 0!important;
}

.yotpo-review-center-panel .star-container {
    width: 22px;
    height: 22px;
    background: #00B67A;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yotpo-review-center-panel {
    margin-top: 13px;
}

.yotpo-review-center-panel .star-container svg {
    width: 12px;
    height: 12px;
}
.ss-modal {
    font-family: 'Poppins';
}
.yotpo-review-center-panel .star-container svg path {
    fill: var(--white);
    stroke: var(--white);
}
.yotpo-review-center-panel .yotpo-text-container p.yotpo-read-more-text {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: var(--black);
    /* display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; */
    /* min-height: 80px; */
}
.yotpo-review-center-panel .yotpo-text-container button.yotpo-read-more {
    margin: 0;
    color: #055346;
    font: 500 16px/1 var(--primary-font)!important;
}

.yotpo-horizontal-pagination ul li {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yotpo-horizontal-pagination ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.yotpo-horizontal-pagination ul li button {
    width: 100%;
    height: 100%;
    margin: 0!important;
    padding: 0!important;
    font-family: var( --primary-font);
}
.bsub-widget__sub-details a {
    color: var(--black);
    margin: 4px 0;
}
.yotpo-horizontal-pagination ul li button.selected {
    background: var(--green)!important;
}
.bsub-widget__sub-details a svg path {
    fill: var(--green);
}
.product__info-wrapper .price-banner .save {
    font-size: 14px;
    padding: 8px 14px;
    line-height: 18px;
    font-weight: 500;
    border: 1px solid #055346;
}
.product__info-wrapper .price-banner {
    font-family: var( --primary-font);
    font-size: 18px;
    gap: 10px;
}
.yotpo-reviews-container nav.yotpo-reviews-pagination-container {
    margin: 0;
}
.yotpo-widget-clear .yotpo-reviews-container {
    margin-bottom: 120px;
}
.yotpo-widget-clear .yotpo-reviews-container ul.yotpo-reviews-list-wrapper {
    margin-bottom: 20px;
}
.yotpo-base-layout {
    margin: 0 auto;
    width: 100%!important;
    max-width: 1504px;
    padding: 0 15px;
}
.yotpo-reviews-container nav.yotpo-reviews-pagination-container button.yotpo-reviews-pagination-item {
    background: var(--green);
    border-color: var(--green);
    padding: 10px;
    height: 40px;
    color: var(--white);;
    opacity: 1;
    font-family: var(--primary-font);
    border-radius: 4px;
}
.yotpo-reviews-container nav.yotpo-reviews-pagination-container button.yotpo-reviews-pagination-item svg path.yotpo-pagination-icon {
    fill: var(--white);
}
.product__info-wrapper .product__title {
    margin-bottom: 10px;
}
.product__info-wrapper p.product__text {
    font-family: var(--primary-font);
    font-weight: 500;
    margin: 5px 0 8px 0;
    font-size: 12px;
}
.product-media-container.constrain-height .media {
    padding-top: 80%;
}

.product-media-container.constrain-height .media img.image-magnify-lightbox {
    object-fit: contain;
}
.shopify-app-block .bsub-widget__group-discount-summary {
    font-size: 12px;
    color: #4d4d4d;
    line-height: 20px;
    display: flex;
    align-items: center;
}
.shopify-app-block .bsub-widget legend {
    padding: 0;
}
.bsub-widget__group .bsub-widget__text::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: var(--green);
    left: -4px;
    border-radius: 50px;
    opacity: 0;
}

.shopify-app-block .bsub-widget__group input[type=radio]:checked+.bsub-widget__group-header .bsub-widget__text::after {
    opacity: 1;
}
    .sticky-atc-wrap{
                position:fixed;
                top:0;
                left:0;
                width:100%;
                z-index:999;
                background:#fff;
                box-shadow:0 2px 10px rgba(0,0,0,.08);
                padding:0px 10px;
                transform:translateY(-100%);
                transition:transform .25s ease;
            }
            .sticky-atc-wrap.is-visible{
                transform:translateY(0);
                top: 42px;
            }
            .sticky-atc-wrap .product-form__submit {
    margin: 0;
    width: 100%;
    min-height: 0;
    padding: 5px 8px 5px 12px;
}
/* ========================
Rewards page css start here
======================== */
.rewards-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-block: 207px;
}
.rewards-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 550px;
    margin: 0 0 0 auto;
}
.rewards-right p {
    font-size: 20px;
    line-height: 30px;
    margin-block: 23px;
    color: var(--black);
}
.rewards-right ul.rewards-list li {
    list-style: none;
}
.rewards-right span {
    font: 500 15px / 24px var(--primary-font);
    color: var(--black);
    margin-bottom: 15px;
}
ul.rewards-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.rewards-right ul.rewards-list li {
    list-style: none;
    font: 400 15px / 24px var(--primary-font);
    color: #000;
    display: flex;
    align-items: center;
    gap: 8px;
}
.join-rewards-section {
    padding-block: 50px;
        text-align: center;
}
.join-rewards-text {
    margin: 13px 0 40px;
    line-height: 24px;
    color: #000000B2;
}
.join-rewards-section a.join-rewards-btn {
    width: 100%;
    max-width: fit-content;
    margin: 0 auto;
}
.unlock-rewards {
    text-align: center;
    background: #FBFFED;
}
p.rewards-subheading {
    margin-top: 20px;
}
.rewards-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 24px;
    margin-top: 30px;
}
.rewards-grid .reward-card {
    background: var(--green);
    padding: 30px;
    border-radius: 20px;
}

.reward-card .reward-icon {
    margin-bottom: 25px;
}
.reward-card .reward-icon img {
    width: 65px;
    height: 65px;
    object-fit: contain;
}
.reward-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.reward-card h3.reward-points, p.reward-description, .ep-card p.ep-points, p.ep-card-desc {
    color: #fff;
    font-weight: 700;
    font-family: var(--primary-font);
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 100%;
}
p.reward-description {
    font-family: var(--secondary-font);
    margin-bottom: 0;
    text-align: left;
}
.fpr-section {
    padding: 70px;
    background: var(--lightyellow);
}
.fpr-wrapper {
    display: flex;
    align-items: center;
    gap: 136px;
    justify-content: space-between;
}
.trust-wrapper.swiper {
    padding: 0;
}
p.fpr-subheading {
    font-size: 20px;
    margin: 34px 0 12px 0;
    color: #000000B2;
    font-weight: 500;
    line-height: 24px;
}
.fpr-content {
    width: 440px;
    min-width: 440px;
}
.fpr-image-wrapper img {
    object-fit: cover;
    border-radius: 20px;
    height: 563px;
}
.ep-wrapper h2.ep-heading, .ep-wrapper  p.ep-subheading {
    text-align: center;
}
.ep-wrapper  p.ep-subheading {
    margin-top: 20px;
}
.ep-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
    margin-top: 50px;
}

.ep-card {
    background: #E3EEBE;
    border-radius: 20px;
    padding: 30px;
}

.ep-card .ep-card-icon {
    width: 50px;
    height: 50px;
}

.ep-card .ep-card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ep-card p.ep-card-desc {
    font-family: var(--primary-font);
    line-height: 24px;
    margin: 0;
    font-weight: 500;
    font-size: 18px;
}
.ep-card p.ep-points, p.ep-card-desc {
    color: var(--green);
}
.ep-card p.ep-points {
    margin: 50px 0 12px 0;
}
.rr-section {
    text-align: center;
}
p.rr-subheading {
    margin-top: 10px;
}
.rr-steps {
    margin-top: 75px;
    display: flex;
    align-items: center;
}

.rr-steps .rr-step-wrapper {
    background: #FDFFF5;
    border-radius: 10px;
    min-height: 162px;
    box-shadow: 0px 1px 15px 0px #0000000D;
    border: 1px solid #E3F6A4;
    padding: 61px 49px 38px 49px;
    margin-right: 120px;
    position: relative;
    width: 100%;
}

.rr-steps .rr-step-wrapper:last-child {
    margin-right: 0;
}

.rr-step-number {
    position: absolute;
    top: -50px;
    left: 50%;
    width: 94px;
    height: 94px;
    background: #E3F6A4;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    font-family: var(--secondary-font);
    font-weight: 500;
    font-size: 34px;
    line-height: 100%;
    color: var(--black);
    transform: translate(-50%, 0);
}
.rr-steps .rr-step-wrapper h4.rr-step-text {
    width: 100%;
    max-width: 60%;
    margin: 15px auto 0px auto;
}
.rr-cta {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}
.rr-step-wrapper::before {
    position: absolute;
    top: 50%;
    right: -187px;
    background: url(/cdn/shop/files/Vector_1.png?v=1781597608);
    background-position: center;
    background-size: contain;
    width: 125px;
    height: 27px;
    content: "";
    background-repeat: no-repeat;
    transform: translate(-50%, 0);
}
.rr-step-wrapper::before {
    position: absolute;
    top: 50%;
    right: -187px;
    background: url(/cdn/shop/files/Vector_1.png?v=1781597608);
    background-position: center;
    background-size: contain;
    width: 125px;
    height: 27px;
    content: "";
    background-repeat: no-repeat;
    transform: translate(-50%, 0);
}
.rr-step-wrapper:nth-child(2):before {
    background: url(/cdn/shop/files/Vector_2.png?v=1781597958);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}
.rr-step-wrapper:nth-child(3):before  {
    content: unset;
}
/* =============================
sign in css start here
============================== */
.customer {
    min-height: calc(100vh - 100px);
}
.customer  div#rootNew {
    padding-block: 15px;
    width: 50%;
}
.customer.login {
    display: flex;
    align-items: center;
    max-width: 100%!important;
    padding: 0!important;
}
.customer .account_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.customer h1#login {
    display: none;
}

.account_img {
    width: 50%;
}

.account_img {
    width: 50%;
    height: calc(100vh - 100px);
}

.customer div#rootNew div {
    width: 100%;
}
.customer div#rootNew div {
    width: 100%;
    max-width: 565px!important;
    margin: 0 auto;
}

.customer div#rootNew div h2 {
    font-weight: 500;
    line-height: 1.1;
    font-size: 25px;
}
.createAccount {
    margin-top: 5px!important;
}
.login p {
    margin: 10px  0 10px 0!important;
    font-size: 16px;
    color: #000;
}

.login a[href="#recover"] {
    text-align: end!important;
    width: 100%;
    border: unset!important;
    color: #055346!important;
    font-weight: 500!important;
    text-transform: capitalize;
}
.customer .customLoginForm input[type=email], .customer .customLoginForm input[type=password], .customSignupForm input, .register form#create_customer .field input {
    padding: 12px!important;
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid #B4B4B4!important;
    border-radius: 12px!important;
    height: 50px!important;
}
.createAccount button.link-button span, .customer div#rootNew button.gotoLoginForm span {
    color: #055346;
    margin-left: 5px;
    font-weight: 600;
}
.customer .customLoginForm input[type=password] {
    margin-bottom: 0;
}
.register {
    flex-direction: column;
}
.register form#create_customer {
    width: 100%;
    max-width: 50%;
    margin: 20px auto;
}
.register form#create_customer .field {
    margin: 0;
}
.customer .customLoginForm input[type=email]::placeholder, .customer .customLoginForm input[type=password]::placeholder, .customSignupForm input, .register form#create_customer .field input::placeholder {
font: 400 16px/1.6 var(--primary-font)!important;
letter-spacing: 0%;
vertical-align: middle;
color #838383!important;
}
.customer .customLoginForm label, .customer .customLoginForm label, .customSignupForm input {
    font: 400 16px/1.6 var(--primary-font)!important;
    margin-bottom: 5px;
    display: block;
    color: var(--black)
}
.customer div#rootNew div .submit input, button.otp-btn.otp-btn--apple, .customer div#rootNew button.signupButton, .register form#create_customer button {
    background: var(--green)!important;
    border-radius: 80px!important;
    font: 400 16px/1.6 var(--primary-font)!important;
    margin-top: 8px!important;
}
.customer div#rootNew div .submit input {
    height: 40px!important;
    line-height: normal!important;
    padding: 8px 20px!important;
}
.register form#create_customer button {
    margin-top: 10px;
}
.register form#create_customer .field label {
    top: 17px;
    font: 400 16px/1.6 var(--primary-font)!important;
}
.register form#create_customer button:hover {
    transition: all 0.2s ease;
    background: var(--c1);
}

.createAccount button.link-button, a.forgot-password, .customer div#rootNew button.gotoLoginForm, .custom-login-form button.forgot-password {
    font: 400 16px/1.6 var(--primary-font)!important;
    border: unset!important;
    color: #000!important;
    text-decoration: none!important;
    min-height: unset;
}
.custom-login-form button.forgot-password {
    margin: 0;
    min-height: unset;
    text-align: end!important;
    width: 100%;
    margin-top: 6px!important;
    color: #055346!important;
    font-weight: 500!important;
}
.custom-login-form button.forgot-password::before {
    content: unset;
}
.customer div#rootNew .otp-divider {
    margin-block: 8px;
    font-family: var(--primary-font)!important;
    text-transform: capitalize;
}
.customer .otp-card .otp-btn {
    min-height: 40px;
    font-size: 14px!important;
}
.customSignupForm h2.otp-card__title {
    font: 500 46px/1 var(--secondary-font)!important;
}
.customer div#rootNew button.signupButton {
    color: var(--white)!important;
}
.customSignupForm p.otp-card__subtitle + div {
    flex-direction: column;
}
/* ------17,june--------- */
.trustpilot-badge img {
    width: 120px;
}

/* ===========list icon============ */
/* .nature-bottom-text li {
    list-style:none;
} */
/* .nature-bottom-text li:before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(/cdn/shop/files/tick-2-svgrepo-com.svg);
    background-size: contain;
    position: absolute;
    left: -34px;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(10%) sepia(93%) saturate(4576%) hue-rotate(168deg) brightness(94%) contrast(96%);
} */
/* =====rio leaf======= */
img.leaves_heading {
    max-width: 300px;
}
.nature-description {
    margin-bottom: 10px;
}
.product-grid-container .load-more-container .button {
    min-width: unset;
    padding: 12px 25px;
    font-size: 16px;
    background: var(--green);
    color: var(--white);
    border-radius: 50px;
    font-weight: 500;
    font-family: var(--primary-font);
}
/* ========
review start here
=========== */
.yotpo-head .yotpo-headline {
    color: #000000!important;
    font-family: "Poppins", sans-serif !important;
}

.reviews-tab-drawer-container .yotpo-reviews-tab-review-content {
    font-size: 14px;
    color: #111!important;
}
.reviews-tab-drawer-container h3.yotpo-review-title {
    font-weight: 500!important;
    font-family: "Poppins", sans-serif!important;
}
.reviews-tab-drawer-container .yotpo-reviewer-details-verified span.yotpo-reviewer-verified-buyer-text, .reviews-tab-drawer-container .yotpo-bottom-line-left-panel {
    color: #055346!important;
}
.reviews-tab-drawer-container .yotpo-reviewer-details-verified span.yotpo-reviewer-name {
    color: #000!important;
    font-weight: 500!important;
    font-family: "Poppins", sans-serif !important;
}
.yotpo-horizontal-pagination li.yotpo-pagination-number-container a {
    min-width: 35px;
    height: 35px;
    font-family: "Poppins", sans-serif!important;
}
.yotpo-horizontal-pagination li.yotpo-pagination-number-container a.selected {
    background: #055346;
}
.reviews-tab-drawer .yotpo-reviews-tab-tabs {
    color: #000000!important;
    font-family: "Poppins", sans-serif!important;
}

/* review comment hide */
.yotpo-comment.yotpo-review-comment {
    display: none!important;
}

/* =================
wholesales css start here
================= */
#bss-b2b-registration-form {
    width: 800px!important;
}
.whole-sale-main div#bss-b2b-registration-form {
    margin-block: 40px!important;
    width: 100%;
    max-width: 750px;
    box-shadow: unset;
    border: 1px solid #DDDDDD;
    background: #FAFAFA;
    padding: 30px;
}
.whole-sale-main  h1 {
    font-size: 40px;
    line-height: 1;
    margin: 0;
}

.whole-sale-main  form#bss-b2b-register-form {
    width: 100%;
    max-width: 100%;
}

.whole-sale-main  .bss-b2b-registration-form-content {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
}
.whole-sale-main .bss-b2b-rf-submit-button .btn {
    height: 46px;
    text-transform: uppercase;
    cursor: pointer;
    background: #e3f6a4 !important;
    border: none;
    transition: background, 0.5s;
    font: 400 16px / 26px var(--primary-font);
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 5px 8px 5px 24px;
    border-radius: 60px;
    min-width: 144px;
    gap: 17px;
    color: var(--black);
    width: 100%;
}

.newsletter_input::placeholder {
  color: #999 !important;
  opacity: 1;
}
.field__input::placeholder {
  opacity: 0;
}

/* ==================
FAQ Page css start
====================== */
.rio-faq-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 80px;
  }

  .rio-faq-group {
    text-align: center;
    margin: 60px 0 20px;
  }

  .rio-faq-eyebrow {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 18px;
    margin-bottom: 8px;
  }

.rio-faq-group-title {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 30px;
}

.rio-faq-group-image {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 700px;
    margin: 0 auto 40px auto;
}

  .rio-faq-group-image img {
    max-width: 100%;
    height: auto;
  }

 .rio-faq-item {
    border-top: 1px solid #B4B4B4;
    padding: 20px 0;
    font-family: 'Poppins';
}
.custom-collection-group h2.title--primary {
    margin-bottom: 30px!important;
}
  .rio-faq-item:last-of-type {
    border-bottom: 1px solid #e5e5e5;
  }
.rio-faq-answer p strong {
    font-weight: 400;
}
.rio-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    list-style: none;
    font-size: 18px;
    color: #000;
    position: relative;
    padding: 0;
    font-weight: 600;
    gap: 12px;
    line-height: 28px;
    padding-right: 40px;
}

  .rio-faq-question::-webkit-details-marker {
    display: none;
  }

  .rio-faq-toggle {
    position: absolute;
    right: 0;
    width: 14px;
    height: 14px;
  }

  .rio-faq-toggle::before,
  .rio-faq-toggle::after {
    content: '';
    position: absolute;
    background: #1a1a1a;
    transition: transform 0.2s ease;
  }

  .rio-faq-toggle::before {
    top: 6px;
    left: 0;
    width: 14px;
    height: 2px;
  }

  .rio-faq-toggle::after {
    top: 0;
    left: 6px;
    width: 2px;
    height: 14px;
  }

  details[open] .rio-faq-toggle::after {
    transform: rotate(90deg);
    opacity: 0;
  }

  .rio-faq-answer {
    margin: 16px auto 0;
    color: #000000;
    line-height: 1.6;
    padding-right: 50px;
}
/* ===========================
cart css start here
============================== */
.cart-main-sec .drawer__inner {
    padding: 0;
    border: unset;
    width: 52rem;
    overflow-y: scroll!important;
}
.cart-main-sec .drawer__inner .progress-text, .cart-main-sec .drawer__inner .progress-text p {
    color: var(--white);
    text-align: center;
    font-weight: 600;
    margin: 0;
}
.cart-main-sec .drawer__inner .progress-text p {
    font-weight: 600;
}

.free-shipping-progress .progress-bar {
    width: 98%;
    height: 16px;
    border-radius: 999px;
    overflow: hidden;
    background: #055346;
    position: relative;
    box-shadow: inset 0 0 8px #f6eedf66;
}
.free-shipping-progress .progress-bar svg {
    right: 0;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    justify-content: end;
}
.free-shipping-progress .progress-fill {
    display: block;
    height: 16px;
    width: 0%;
    background: repeating-linear-gradient(-55deg, rgba(0, 0, 0, .11), rgba(0, 0, 0, .11) 2px, #bec683 2px, #bec683 16px), #bec683;
    border-radius: 999px;
    transition: width 0.4s ease;
}
  .free-shipping-progress .progress-text strong {
    color: #2ecc71;
  }
.boost-cart__rewards-tier, .tenor-gif-embed {
      right: 0;
    justify-content: end;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -5px;
    left: 0;
    height: auto;
    width: 100%;
    pointer-events: none;
    z-index: 14;
}
.free-main-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 18px;
}
.tenor-gif-embed {
    bottom: -26px;
    left: -10px;
}
.free-shipping-progress {
    display: flex;
    text-align: center;
    gap: 18px;
    flex-direction: column;
    padding: 10px 32px 34px;
    background: var(--green);
    position: relative;
    width: 100%;
}
.boost-cart__rewards-tier-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    background: #055346;
    box-shadow: inset 0 0 5px #f6eedf66;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.tenor-gif-embed a {
    color: var(--white);
    font-size: 13px;
    line-height: normal;
}
 .boost-cart__rewards-tier-icon svg path {
    fill: var(--white);
}
.free-shipping-progress button.drawer__close {
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 12px;
    z-index: 1000010;
    color: var(--white);
    transition: color 0.3s ease;
    touch-action: manipulation;
}

.free-shipping-progress button.drawer__close span.svg-wrapper {
    width: 28px;
    height: 28px;
    opacity: .3;
    transition: opacity 0.2s ease;
}
.cart-main-sec .drawer__inner cart-drawer-items, .cart-main-sec .drawer__footer {
    padding: 10px 32px 24px;
    font-family: 'Poppins';
}

.cart-main-sec .drawer__footer .cart__checkout-button {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    min-height: unset;
    padding-block: 13px;
}
.cart-main-sec .drawer__inner cart-drawer-items td.cart-item__details a.cart-item__name {
    color: #111;
    font-weight: 500;
    font-family: 'Poppins';
}
.gradient {
    font-family: 'Poppins';
}

.cart-main-sec .drawer__inner cart-drawer-items td.cart-item__details {}

.cart-main-sec .drawer__inner cart-drawer-items td.cart-item__details a.cart-item__name {
    color: #111;
    font-weight: 500;
    font-family: 'Poppins';
}

.cart-main-sec .drawer__inner cart-drawer-items td.cart-item__details div.product-option, .cart-main-sec .drawer__inner cart-drawer-items td.cart-item__totals.right span.price.price--end {
    font-weight: 700;
    color: #000;
}

.cart-main-sec .drawer__inner cart-drawer-items td.cart-item__details dl .product-option {
    font-weight: 400;
}
.cart-main-sec .drawer__inner-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto 0;
    padding: 24px 20px 32px;
    height: calc(100% - 76px);
    flex: 1 1 0%;
    overflow-y: auto;
}
.cart-main-sec .drawer__inner-empty .cart-drawer__warnings {
    height: 100%;
}
.cart-main-sec .drawer__inner-empty h2.cart__empty-text {
    font-size: 13px;
    line-height: 14px;
    margin-top: 0;
    margin-bottom: 6px;
    letter-spacing: 0;
    color: #055346;
}

.cart-drawer__empty-content p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: -.2px;
    color: #055346;
}
cart-drawer.is-empty .drawer__inner {
    display: flex!important;
}


.cart-drawer__empty-content {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.cart_drawer_collection {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    gap: 24px 16px;
    align-items: start;
    margin-top: 16px;
    margin-bottom: 25px;
    padding: 0;
    max-width: 400px;
}

.cart_drawer_collection img {
    width: 100%;
    border-radius: 12px;
}

.cart_drawer_collection svg {
    width: 22px;
    height: 22px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -7px;
    right: -12px;
    background: #fffcf8;
    box-shadow: 0 2.75px 3.66667px #0000001a;
    transition: all .2s ease;
    z-index: 1;
    padding: 3px;
}
.cart_coll_img {
    position: relative;
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-main-sec .drawer__inner-empty a.cu-btn {
    padding: 5px 24px 5px 24px;
}
.cart-call-img {
    position: relative;
    max-width: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-drawer__empty-content button.drawer__close {
    min-width: 18px;
    min-height: 18px;
}
.cart-drawer__empty-content button.drawer__close span.svg-wrapper {
    height: 1.4rem;
    width: 1.4rem;
}

.free-shipping-progress.completed .boost-cart__rewards-tier-icon {
    background: #bec683;
}
.free-shipping-progress.completed .boost-cart__rewards-tier-icon svg path {
    fill: var(--black);
}
.empty-col-title {
    color: #004539e6;
    font-weight: 500;
    line-height: normal;
    font-size: 14px;
}
cart-drawer-items.is-empty+.drawer__footer {
    display: flex!important;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: sticky;
    bottom: 0;
    left: 0;
    background: var(--white);
    z-index: 8;
    border: unset;
    box-shadow: 0 -4px 12px #0000001a;
    padding: 12px 15px!important;
}
  .cart-main-sec .drawer__footer {
    width: 100%;
    position: sticky;
    bottom: 0;
    left: 0;
    background: var(--white);
    z-index: 8;
    border: unset;
    box-shadow: 0 -4px 12px #0000001a;
}
/* .cart-main-sec .drawer__inner-empty .cart-drawer__warnings {
    justify-content: flex-start;
} */
/* .cart-main-sec .drawer__inner-empty {
    height: 100%;
} */
cart-drawer-items.is-empty+.drawer__footer .cart-drawer__footer, cart-drawer-items.is-empty+.drawer__footer .cart__ctas {
    display: none;
}
cart-drawer-items.is-empty {
    display: none;
}
.empty-cart-footer a.cu-btn {
    width: 100%;
    min-width: unset;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    min-height: unset;
    padding-block: 13px;
    background: #055346;
    color: #fff;
    text-transform: capitalize;
}
.trust-cust-txt {
    display: flex;
    align-items: center;
    font-size: 13px;
    gap: 6px;
    line-height: 1;
    letter-spacing: -.14px;
    text-align: center;
    justify-content: center;
    margin-top: 9px;
    color: #055346;
}
.empty-cart-footer {
    width: 100%;
}
.empty-cart-footer a.cu-btn {
    width: 100%;
    min-width: unset;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    min-height: unset;
    padding-block: 13px;
    background: #055346;
    color: #fff;
    text-transform: capitalize;
}


/* ===================
cart upsell css start here
===================== */
.cart-upsell {
    width: 0;
    background: #f4f7e9;
    padding: 0px;
    height: 100%;
    overflow: auto;
}
.cart-upsell h3 {
    text-align: center;
    font-size: 21px;
    font-weight: 550;
    letter-spacing: -.1px;
    margin: 0;
    color: var(--green);
    margin-bottom: 20px;
}
.cart-upsell-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    align-items: stretch;
    justify-content: center;
    max-width: 508px;
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
    opacity: 0;
}
.upsell-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    background: #fff;
    border-radius: 14px;
    width: 100%;
    overflow: auto;
    text-align: center;
    gap: 8px;
    padding: 12px 10px;
}
.upsell-item img {
    width: 100%;
    /* height: 124px; */
    border-radius: 9px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    object-fit: cover;
    aspect-ratio: 1;
}
.drawer.active .cart-main-sec {
    display: flex;
    overflow: auto;
}
cart-drawer.drawer.animate.active .upsells_active {
    padding: 20px;
     transition: all .2s;
}
.cart-main-sec .cart-drawer__overlay {
    display: none!important;
}
cart-drawer.drawer.animate.active .upsells_active {
  animation: showUpsell .3s ease-in-out .1s forwards;
}
@keyframes showUpsell {
  0% {
    width: 0;
  }

  100% {
    width: 508px;
  }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
cart-drawer.drawer.animate.active .upsells_active .cart-upsell-main {
    animation: fadeIn .3s ease-in-out .4s forwards;
}

.cart-drawer.drawer.animate.active .cart-upsells.active {
    animation: showUpsell .10s ease-in-out 10s forwards;
}
.upsell-item .upsell-title-head {
    text-decoration: none;
    width: 100%;
    padding-inline: 0;
    margin-bottom: 0;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 14px;
    line-height: 112.00000000000001%;
    letter-spacing: 0%;
    color: #000000;
    text-align: left;
    margin-top: 12px;
    flex-grow: 1;
}
.upsell-item .upsell-price {
    font-size: 20px;
    line-height: 100%;
    font-weight: 700;
    letter-spacing: -.2px;
    color: #055346;
    text-decoration: none;
    text-align: left;
    border-top: 1px solid #00000080;
    padding-top: 15px;
    margin-top: 8px;
}
/* .upsell-item a {
    flex: 1;
} */
.upsell-item .product-form__buttons button {
    padding: 6px 15px 6px 15px;
    min-height: 31px;
    font-size: 12px;
    line-height: normal;
    max-width: 100%;
    margin-top: 10px;
}
.upsell-item a {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.upsell-item .product-form__buttons {
    margin-top: 0px;
}
.cart-main-sec .drawer__inner cart-drawer-items .cart-item__media img.cart-item__image {
    border-radius: 6px;
    aspect-ratio: 1/ 1;
    object-fit: contain;
    background: #f4f7e9eb;
}
.cart-upsell-mobile {
    display: none;
}
.cart-item__quantity {
    padding-left: 0!important;
}
.cart-quan-price-wrapper quantity-input.quantity.cart-quantity {
    width: 90px;
    min-height: 35px;
    border-radius: 4px;
    overflow: auto;
}
.cart-quan-price-wrapper .quantity__button {
    width: 29px;
}
.drawer__cart-items-wrapper .product-option {
    font-size: 12px;
}
.drawer__cart-items-wrapper a.cart-item__name.h4.break {
    font-weight: 600;
    color: #000000;
    font-family: 'Poppins';
    font-size: 13px;
}
.drawer__cart-items-wrapper .cart-item cart-remove-button {
    margin-left: 5px;
}
.drawer__cart-items-wrapper .cart-item cart-remove-button button.cart-remove-button {
    min-width: 25px;
}
.drawer__cart-items-wrapper .cart-item__totals .cart-item__price-wrapper span.price {
    font-size: 16px;
    line-height: 100%;
    font-weight: 700;
    letter-spacing: -.2px;
    color: #055346;
    text-decoration: none;
}
.drawer__cart-items-wrapper a.cart-item__name.h4.break:hover {
    text-decoration: none;
}
.drawer__cart-items-wrapper p.product-option {
    border: 1px dashed #055346;
    padding: 3px 8px;
    width: fit-content;
    border-radius: 4px;
    color: #055346;
    font-weight: 500;
}
.cart-drawer .cart-item {
    gap: 15px!important;
}
.cart-main-sec .drawer__inner cart-drawer-items .cart-item__media {
    width: 80px;
    aspect-ratio: 1 / 1;
    height: 80px;
}
.cart-drawer .cart-item__details a.cart-item__name + div {
    margin-top: 3px;
}

/* =====================
trade css start here
========================= */
#wpd_main_container #wpd_login_left_container, #wpd_logo_container {
    display: none!important;
}

/* =====================
account  css start here
========================= */
.account-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.account-left a.account-log {
    display: flex;
    align-items: center;
    gap: 5px;
}
.account-right a.cu-btn {
    background: #e3f6a4;
    text-decoration: none;
    padding: 10px 19px;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: #000;
}
.account-right a.cu-btn:hover {
    background: var(--green);
    color: var(--white);
}
.inValidCredErrors li {
    color: #ff0000!important;
}

.product-form__buttons button .loading__spinner svg.spinner {
    width: auto;
    height: auto;
    border-radius: unset;
}

.yotpo-reviews-tab-floating-tab{
    display:none !important;
}