/** Shopify CDN: Minification failed

Line 907:1 Expected identifier but found "."
Line 2468:0 Unexpected "}"

**/
/* --------------------------------
 ----announcement-bar START -------
 ------------------------------- */

.announcement-bar .grid--1-col .grid__item {
    max-width: 600px;
    width: 100%;
}
.announcement-bar div#Slider-sections--26141500506452__announcement-bar {
    width: 100%;
    max-width: 600px;
}
.announcement-bar p.announcement-bar__message.h5 span {
    font-size: 14px;
    font-weight: 600;
}
.announcement-bar svg.announcement-svg-arrow {
    width: 16px;
    height: 16px;
    color: white;
}
a.announcement-bar-main-social-icon img {
    width: 100%;
    height: 100%;
}
.announcement-bar-par-social-icon {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    max-width: 200px;
    justify-content: center;
}
.page-width.utility-bar__grid {
    display: flex;
    flex-direction: row-reverse;
    min-height: 40px;
}
slideshow-component {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 0 0 185px;
    width: fit-content !important;
}
.announcement-bar-slider.slider-buttons {
    width: fit-content;
}
a.announcement-bar-main-social-icon {
    width: 17px;
    height: 17px;
    display: flex;
}
.page-width.utility-bar__grid {
    justify-content: start;
}
.announcement-bar-slider.slider-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 40px;
}
.utility-bar.gradient.utility-bar--bottom-border {
    position: relative;
}
.shopify-section.shopify-section-group-header-group.announcement-bar-section::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #203668;
    background-color: rgb(32 54 104);
    border-start-end-radius: 25px;
    border-start-start-radius: 25px;
}
.shopify-section.shopify-section-group-header-group.announcement-bar-section {
    position: relative;
}

@media screen and (max-width:1350px){
    slideshow-component {
        margin: 0 0 0 80px;
    }
}
@media screen and (max-width:1200px){
    slideshow-component {
        margin: 0 0 0 20px;
    }
}
@media screen and (max-width:1024px){
    .announcement-bar-par-social-icon {
        display: none;
    }
    slideshow-component.announcement-bar {
        margin: 0;
        width: 100% !important;
    }
    .announcement-bar .grid--1-col .grid__item {
        max-width: 100%;
        width: 100%;
    }
    .announcement-bar div#Slider-sections--26141500506452__announcement-bar {
        width: 100%;
        max-width: 100%;
    }
    .announcement-bar-slider.slider-buttons {
        width: 100%;
    }
}

/* --------------------------------
 ----announcement-bar END -------
 ------------------------------- */


/* --------------------------------
 ----header START -------
 ------------------------------- */


header.header.header--middle-left {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.header__heading-logo {
    height: 100px;
    max-width: 100%;
    object-fit: cover;
}
nav.header__inline-menu {
    width: 100%;
    display: flex;
    justify-content: center;
}
a.header__menu-item {
    font-size: 17px;
    font-weight: 600;
    transition: 0.5s ease-in;
    padding: 0;
    border-radius: 15px;
}
/* a.header__menu-item:hover {
    background: black;
    color: white;
    border-radius: 50px;
    text-decoration: none;
} */
.list-menu--inline {
    gap: 5px;
}
a.header__menu-item:hover span {
    text-decoration: none;
}
/* a.header__menu-item span.header__active-menu-item {
    border: none;
    text-decoration: none;
    background: black;
    color: white;
    padding: 10px 20px;
    border-radius: 50px;
} */
a.header__menu-item span.header__active-menu-item {
    text-decoration: none;
}
a.header__menu-item span {
    padding: 10px 20px;
    color: #171717;
    font-weight: 400;
}
a.header__menu-item:hover span {
    color: white;
}
a.header__menu-item:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    border-radius: 50px;
}
a.header__menu-item {
    position: relative;
    overflow: hidden;
}
a.header__menu-item:before {
    display: none;
}
a.header__menu-item span {
    position: relative;
    z-index: 5;
    transition: 0.3s ease;
}
.header__inline-menu>ul.list-menu>li:hover .header__menu-item .duplicate-menu-item {
    --tw-scale: 1;
    --tw-translate-y: 0%;
}
a.header__menu-item:hover span#duplicate-menu-item {
    transform: translateY(0%) scale(1);
    opacity: 1;
}
span#duplicate-menu-item {
    --tw-scale: .6;
    --tw-translate-y: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-inline: 20px;
    border-radius: 50px;
    color: white;
    background-color: #0f4c36;
    transition: transform .5s cubic-bezier.icon-and-text-main-block(.3, 1, .3, 1);
    transform: translateY(0%) scale(1);
    text-align: center;
    transform: translateY(50%) scale(0.7);
    opacity: 0;
}
.list-menu--inline {
    align-items: center;
    display: flex;
    justify-content: center;
}
span#duplicate-menu-item {
    display: none;
}
.header__menu-item:hover span:first-child:hover {
    background: #0f4c36;
}
svg.icon.icon-cart.icon-lg {
    width: 24px;
    height: 24px;
    stroke: #171717;
}
svg.icon.icon-account.icon-lg {
    width: 24px;
    height: 24px;
    stroke: #171717;
}
svg.icon.icon-search.icon-lg {
    width: 24px;
    height: 24px;
    stroke: #171717;
}
svg.icon.icon-hamburger.icon-lg {
    width: 24px;
    height: 24px;
    stroke: #171717;
}
nav.header__inline-menu {
    display: flex;
}
h1.header__heading {
    z-index: 2;
}
nav.header__inline-menu {
    z-index: 2;
}
.shopify-section.shopify-section-group-header-group.section-header.shopify-section-header-sticky.scrolled-past-header:before {
    border-radius: 0;
}
.header__icons.header__icons--localization.header-localization {
    z-index: 2;
}
.shopify-section.shopify-section-group-header-group.section-header.shopify-section-header-sticky:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: #f9f8f6;
    opacity: 1;
    border-radius: 25px 25px 0 0;
    transition: 0.5s ease;
}
span.header-left-bottom-svg-icon {
    position: absolute;
    bottom: -30px;
    width: 30px;
    height: 30px;
    display: flex;
    left: 0;
}
span.header-right-bottom-svg-icon {
    position: absolute;
    bottom: -30px;
    width: 30px;
    height: 30px;
    display: flex;
    right: 0;
}
span.header-right-bottom-svg-icon svg {
    transform: rotate(90deg);
    fill: #f9f8f6;
}
span.header-left-bottom-svg-icon svg {
    fill: #f9f8f6;
}
.header__icon--cart .icon {
    stroke: #171717;
}
/* .shopify-section.shopify-section-group-header-group.section-header.shopify-section-header-sticky {
    position: relative;
} */
@media screen and (max-width:768px){
    .header__icons {
        padding-right: 0;
    }
    .header__icon .svg-wrapper {
        width: fit-content;
        height: fit-content;
    }
    .header__icon, .header__icon--cart .icon {
        width: 100%;
        padding: 0;
    }
    .header__icon span {
        width: fit-content;
    }
    header-drawer {
        width: 55px;
        height: 100%;
        display: flex;
        justify-content: center;
        padding-left: 12px;
    }
    .header__icons.header__icons--localization.header-localization {
        width: 55px;
        display: flex;
        justify-content: space-between;
    }
}
@media screen and (max-width:990px){
    nav.header__inline-menu {
        display: none;
    }
    header.header.header--middle-left {
        justify-content: space-between;
    }
    a.header__icon.header__icon--account {
        display: none;
    }
}

/* --------------------------------
 ----header END -------
 ------------------------------- */



/* --------------------------------
 ----Footer START -------
 ------------------------------- */

.footer__content-top.page-width {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.footer__blocks-wrapper {
    width: 100%;
}
.footer-block--newsletter {
    width: 50%;
    height: 100%;
}
input.field__input {
    background: rgb(255 255 255 / 5%);
    color: rgb(255 255 255);
    box-shadow: none;
    min-height: 62px;
    border-radius: 12px;
}
.footer-block__newsletter .field__input:focus, .footer-block__newsletter .select__select:focus, .footer-block__newsletter .customer .field input:focus, .footer-block__newsletter .customer select:focus, .footer-block__newsletter .localization-form__select:focus.localization-form__select:after {
    box-shadow: none;
    outline: 0;
    border-radius: 12px;
}
.footer-block__newsletter .field:before, .select:before, .customer .field:before, .customer select:before, .localization-form__select:before {
    content: none;
}
.footer-block__newsletter .field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after {
    content: none;
}
.footer-block__newsletter label.field__label {
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}
.footer-block__newsletter .field__input:focus~.field__label, .footer-block__newsletter .field__input:not(:placeholder-shown)~.field__label, .footer-block__newsletter .field__input:-webkit-autofill~.field__label, .footer-block__newsletter .customer .field input:focus~label, .footer-block__newsletter .customer .field input:not(:placeholder-shown)~label, .footer-block__newsletter .customer .field input:-webkit-autofill~label {
    font-size: 12px;
    top: 12px;
    left: calc(var(--inputs-border-width) + 2rem);
    letter-spacing: .04rem;
    bottom: unset;
}
button.newsletter-form__button.field__button span.svg-wrapper svg.icon.icon-arrow {
    stroke: black;
}
button.newsletter-form__button.field__button span.svg-wrapper {
    min-width: 40px;
    min-height: 40px;
    background: white;
    border-radius: 50%;
}
.footer-block__newsletter .newsletter-form{
    max-width: 450px;
}
.footer-block__newsletter .newsletter-form__field-wrapper {
    width: 100%;
    max-width: 100%;
}
.footer-block__newsletter .newsletter-form__button {
    right: 12px;
}
.footer-block--newsletter {
    margin: 0 !important;
}
.footer-block__newsletter h2.footer-block__heading.inline-richtext {
    font-size: 38px !important;
    width: 100%;
    max-width: 450px;
    margin: auto;
    text-align: left;
}
.footer-block__newsletter {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: flex-start;
}
.footer h2.footer-block__heading.inline-richtext {
    font-size: 24px;
}
.footer-block__details-content a.link.link--text.list-menu__item.list-menu__item--link {
    font-size: 16.5px;
    color: white;
    line-height: 150%;
}
.footer-block-image {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer-block-image-par-social-icon {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 28px;
}
a.footer-block-image-main-icon {
    display: flex;
    align-items: center;
    border: 1px solid white;
    padding: 8px;
    border-radius: 8px;
    gap: 15px;
    text-decoration: none;
    color: white;
}
a.footer-block-image-main-icon img {
    width: 25px;
    height: 25px;
}
.footer-block-link_list .footer-block__details-content {
    margin-bottom: 0;
    padding: 20px 0 0;
    display: flex;
    gap: 15px;
    flex-direction: column;
}
ul.footer-block__details-content.list-unstyled li a {
    padding: 3px !important;
}
.footer-block-faq-arrow-icon {
    display: none;
}
@media screen and (max-width:1100px){
    .footer__blocks-wrapper {
        width: 100%;
        border-right: none;
    }
    .footer-block--newsletter {
        width: 100%;
    }
    .footer-block-faq-arrow-icon {
        display: none;
    }
    .footer-block--newsletter {
        margin: 40px 0 0 0 !important;
    }

}
@media screen and (max-width:768px){
    .footer__blocks-wrapper {
        width: 100%;
        border-right: none;
    }
    .footer-block--newsletter {
        width: 100%;
    }
    .footer-block__newsletter h2.footer-block__heading.inline-richtext {
        font-size: 26px !important;
    }
    .footer-block.footer-block-link_list.grid__item.footer-block--menu ul {
        display: none;
    }
    .footer-block.footer-block-link_list.grid__item.footer-block--menu {
        border: 1px solid rgb(255 255 255 / 12%);
        margin: 0;
        padding: 20px;
    }
    .footer-block.footer-block-link_list.grid__item.footer-block--menu .footer-block-faq-arrow-icon svg {
        transform: scaleY(1) rotate(180deg);
    }
    .footer-block.footer-block-link_list.grid__item.footer-block--menu.active .footer-block-faq-arrow-icon svg {
        transform: scaleY(1) rotate(0deg);
    }
    .footer-block-faq-arrow-icon svg {
        transition: 0.3s ease;
    }
    .footer-block.grid__item:first-child {
        width: 100%;
        margin-bottom: 40px;
    }
    .footer-block--newsletter.scroll-trigger.animate--slide-in {
        padding: 0;
        margin: 20px 0 0 !important;
    }
    .footer-block__newsletter .newsletter-form {
        margin: unset;
    }
    .footer-block__newsletter {
        width: 100%;
    }
    .footer-block-faq-arrow-icon {
        width: 20px;
        height: 20px;
        display: flex;
    }
    .footer-block__details-content.footer-block-image {
        margin-bottom: 15px;
    }
    .footer h2.footer-block__heading.inline-richtext {
        font-size: 16px;
        margin: 0;
        display: flex;
        justify-content: space-between;
    }
    .footer-block__details-content {
        gap: 10px;
    }
    .footer-block.footer-block-link_list.grid__item.footer-block--menu.scroll-trigger.animate--slide-in:nth-child(2) {
        border-radius: 8px 8px 0 0;
    }
    .footer-block.footer-block-link_list.grid__item.footer-block--menu.scroll-trigger.animate--slide-in:nth-child(3) {
        border-radius: 0px 0px 8px 8px;
    }
    .footer__blocks-wrapper.grid.grid--1-col {
        flex-direction: column;
        display: flex;
        gap: 0;
    }
    .footer-block.footer-block-link_list.grid__item.footer-block--menu.scroll-trigger.animate--slide-in {
        width: 100%;
    }
}


/* --------------------------------
 ----Footer END -------
 ------------------------------- */

/* --------------------------------
 ----BANNER START -------
 ------------------------------- */

h2.banner__heading.inline-richtext.hxl {
    font-size: 72px;
}
.banner__text.rte.subtitle {
    font-size: 14.5px;
    color: #F4F4F4;
    letter-spacing: .25em;
}
.banner-section-btn-svg {
    width: 20px;
    height: 20px;
    display: flex;
}
.banner__text.rte.body {
    text-align: left;
}
.banner__box.content-container.content-container--full-width-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
}
a.button.button--primary {
    display: flex;
    gap: 12px;
    border-radius: 12px;
    overflow: hidden;
    font-size: 18px;
    padding: 20px 40px;
    position: relative; /* Required for absolute children */
}
.image-banner-other-text svg {
    width: 70px;
    height: 15px;
    display: flow;
}
.image-banner-other-text p {
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
    font-weight: 600;
}
span.banner-btn-text {
    display: flex;
    gap: 12px;
    align-items: center;
}


span.banner-btn-fill {
    transform: translateY(var(--motion-translateY));
    --motion-translateY: -76%;
    transition: background-color 0.5s cubic-bezier(0.3, 1, 0.3, 1);
    background: rgb(255, 255, 255);
    display: none;
    border-radius: 50%;
    width: 150%;
    height: 200%;
    inset-block-start: -50%;
    inset-inline-start: -25%;
    position: absolute;
    transform: translate3d(0, -76%, 0);
    z-index: 0;
}

a.button.button--primary:hover span.banner-btn-fill {
    display: block;
}


a.button.button--primary {
  display: block;
  box-sizing: border-box;
  padding: 20px 45px;
  border-radius: 999px;

  position: relative;
  overflow: hidden;

  color: white;
  background: none;

  text-transform: uppercase;
  border: 1px solid currentColor;

  & span {
    font-weight: 900;
  }

  &:before {
    content: "";
    height: 0;
    aspect-ratio: 2;

    transform: translateX(-50%);
    position: absolute;
    top: -200%;
    left: 50%;
    background: #0f4c36;
    border-radius: 50%;
    transition: height 0.6s;
  }
  &:hover:before {
    height: 400%;
  }
  & .text-container {
    display: block;
    position: relative;
    overflow: hidden;
  }
  & .text {
    display: block;
    position: relative;
    font-weight: 900;
  }
  &:hover .text {
    animation: move-up-alternate 0.3s forwards;
    will-change: transform;
  }

  @keyframes move-up-alternate {
    from {
      transform: translateY(0%);
    }
    50% {
      transform: translateY(80%);
    }
    51% {
      transform: translateY(-80%);
    }
    100% {
      transform: translateY(0%);
    }
  }
}


@media screen and (max-width:768px){
    h2.banner__heading.inline-richtext.hxl {
        font-size: 48px;
    }
    .banner__text.rte.subtitle {
        font-size: 12.5px;
        letter-spacing: .15em;
        margin: 0;
    }
    .banner__box.content-container.content-container--full-width-mobile {
        align-items: center;
    }
    .banner__buttons {
        margin: 10px 0 0 !important;
    }
    a.button.button--primary {
        display: flex;
        gap: 8px;
        font-size: 14px;
        padding: 10px 32px;
    }
    .banner-section-btn-svg {
        width: 15px;
        height: 15px;
    }
    .image-banner-other-text {
        display: flex;
        justify-content: center;
    }
    .image-banner-other-text p {
        font-size: 12px;
    }
    .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
        min-height: 500px !important;
    }
    .banner__box {
        bottom: 0;
        position: absolute !important;
    }


}

/* --------------------------------
 ----BANNER END -------
 ------------------------------- */


/* --------------------------------
 ---- MARQUEE ANIM START -------
 ------------------------------- */


   

  .marquee-anim-inner-row {
    overflow: hidden;
    width: 100%;
    position: relative;
  }

  .marquee-anim-track {
    display: flex;
    width: max-content;
  }

  .marquee-left-to-right {
    animation: scroll-left-to-right 120s linear infinite;
  }

  .marquee-anim-par-main-block {
    display: flex;
    gap: 140px;
    padding: 0 70px;
   }

  .marquee-anim-main-block {
    flex: 0 0 auto;
    width: auto;
  }

  .marquee-anim-main-block img {
    max-width: 100%;
    height: auto;
    display: block;
    max-height: 32px;
  }

  @keyframes scroll-left-to-right {
    0% {
      transform: translateX(-50%);
    }
    100% {
      transform: translateX(0%);
    }
  }
  @media screen and (max-width:650px){
    .marquee-anim-par-main-block {
        display: flex;
        gap: 70px;
        padding: 0 35px;
    }
    .marquee-anim-main-block img {
        max-height: 20px;
    }
  }
/* --------------------------------
 ---- MARQUEE ANIM END -------
 ------------------------------- */

/* --------------------------------
 ---- FEATURED COLLECTION START -------
 ------------------------------- */

/* .card__heading a:after {
    display: none;
} */
.card__badge.bottom.left {
    top: 0;
    position: absolute;
    left: 15px;
    z-index: 10000;
}
.product__info-container .price--on-sale .price__sale {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.card-information .price--on-sale .price__sale {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
}
.swiper.carousel.card__media.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    position: absolute;
    z-index: 99;
}
.card .media img {
    width: 100%;
    z-index: 99999;
    position: absolute;
    cursor: pointer;
}
/* .card .media {
    overflow: unset;
}
.card-wrapper .card .card__inner .card__media {
    overflow: unset;
} */
.card-product-pagi.swiper-pagination {
    z-index: 100000;
}
.card-product-pagi.swiper-pagination {
    background: #F4F4F4;
    z-index: 100000;
    width: 100%;
    margin: 0 auto;
    max-width: fit-content;
    bottom: 25px;
    left: 0;
    right: 0;
    border-radius: 50px;
    padding: 12px 25px;
    display: flex;
    align-items: center;
    gap: 12px;
}
..slider-button svg.icon.icon-caret {
    width: 22px;
    height: 22px;
}
.collection button.slider-button span.svg-wrapper {
    border: 1px solid black;
    border-radius: 50%;
    padding: 16px;
    min-width: 50px;
    min-height: 50px;
}
.collection .slider-buttons .slider-counter {
    display: none;
}
.collection .slider-button[disabled] span.svg-wrapper {
    border-color: rgb(23 23 23 / 30%);
}
.collection .card__inner.gradient {
    background: transparent;
}
button.slider-button.slider-button--prev {
    width: fit-content;
}
.collection .slider-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -70px;
    right: 70px;
    gap: 15px;
}
.card__badge.bottom.left span {
    background: #0f4c36;
}
.product_card_inner {
    position: relative;
    width: 100%;
    padding-bottom: 10px;
}
.product_card_image {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
button.quick-add__submit:before {
    content: "";
    height: 0;
    aspect-ratio: 2;
    transform: translate(-50%);
    position: absolute;
    top: -200%;
    left: 50%;
    background: #fff;
    border-radius: 50%;
    transition: height .6s;
}
button.quick-add__submit:hover:before {
    height: 400%;
}
button.quick-add__submit {
    position: relative;
}
button.quick-add__submit:hover span.banner-btn-text {
    color: black;
}
.product_card_image img {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.card-product-pagi {
    opacity: 0;
    transition: 0.3s ease;
    transform: translateY(20%) scale(.7);
}
.card-product-pagi.swiper-pagination span.swiper-pagination-bullet {
    margin: 0;
}
.card-product-pagi.swiper-pagination .swiper-pagination-bullet-active {
    background: transparent;
    border: 2px solid black;
    width: 9px;
    height: 9px;
}
span.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}
.collection__title h2.title.inline-richtext.h1 {
    font-size: 51px;
    font-weight: 700;
    font-weight: bolder;
}
h2.title.inline-richtext.h1 em {
    color: #0f4c36;
    font-style: normal;
    font-weight: bolder;
}
.quick-add.no-js-hidden {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    z-index: 100;
}
.card-wrapper.underline-links-hover:hover a {
    text-decoration: unset;
    text-underline-offset: 0;
}
form.form .quick-add__submit {
    padding: 0 20px;
    min-width: 100%;
    box-sizing: border-box;
    border-radius: 15px;
    overflow: hidden;
    background: #0f4c36;
    color: white;
    opacity: 0;
    transition: 0.3s ease;
    transform: translateY(20%) scale(.7);
}
.button:before, .shopify-challenge__button:before, .customer button:before, .shopify-payment-button__button--unbranded:before {
    border-radius: 15px;
}
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
    display: none;
}
.card.card--standard.card--media:hover form.form .quick-add__submit {
    opacity: 1;
    transform: translateY(0) scale(1);
}
.product_card_inner:hover .card-product-pagi {
    opacity: 1;
    transform: translateY(0) scale(1);
}
.collection .card__information {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
section.product__info-container label.quantity__label.form__label span {
    font-size: 18px;
    font-weight: 600;
    color: #0f4c36;
}
/* .price__container .price__sale {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
} */
h3.card__heading {
    width: calc(100% - 120px);
}
.card__information .card-information {
    width: fit-content;
}
.card__information .card-information .price.price--on-sale {
    width: fit-content;
    margin: 0 !important;
}
a.full-unstyled-link {
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
}
ul.product-grid {
    gap: 25px;
    width: 50%;
    justify-content: center;
}
.card-information .price .price-item--regular {
    text-decoration: unset;
    position: relative;
    letter-spacing: -.5px;
}
.product__info-container span.badge.price__badge-sale {
    background: #0f4c36;
}
.product__info-container .price .price-item--regular {
    text-decoration: unset;
    position: relative;
    letter-spacing: -.5px;
}
.price--on-sale .price-item--regular:before {
    content: "";
    position: absolute;
    inset-block-start: 50%;
    width: 100%;
    transform: rotate(-12deg);
    border-block-end: 1px solid red;
}
span.price-item.price-item--sale.price-item--last {
    color: #0f4c36;
    font-size: 15px;
    line-height: 100%;
}
.product span.price-item.price-item--sale.price-item--last {
    font-size: 22px;
}
.collection .collection__title.title-wrapper {
    margin-bottom: 40px;
}
.featured-collection-main-image {
    width: 50%;
    display: flex;
}
.featured-collection-main-image img {
    width: 100%;
    display: flex;
    max-height: 500px;
    object-fit: cover;
}
.card--media .card__inner .card__content {
    position: absolute !important;
}
@media screen and (max-width:1300px){
    .card__inner.color-scheme-2.gradient.ratio {
        min-height: fit-content !important;
    }
    ul.product-grid {
        max-width: 500px;
    }
}
@media screen and (max-width:1024px){
    .collection .collection__title.title-wrapper {
        width: calc(100% - 150px);
        margin: unset;
    }
}
@media screen and (max-width:990px){
    .collection li.grid__item {
        width: calc(100% / 2 - 25px) !important;
    }
    slider-component.slider-mobile-gutter.page-width.page-width-desktop.scroll-trigger.animate--slide-in {
        flex-direction: column;
    }
    .featured-collection-main-image {
        width: 100%;
    }
    ul.product-grid {
        width: 100%;
    }
}
@media screen and (max-width:768px){
    .collection__title h2.title.inline-richtext.h1 {
        font-size: 32px;
    }
    
    
    .collection .collection__title.title-wrapper {
        width: calc(100% - 120px);
        margin: unset;
    }
    .collection button.slider-button span.svg-wrapper {
        padding: 10px;
        min-width: 35px;
        min-height: 35px;
    }
    .collection .slider-buttons {
        right: 30px;
        gap: 10px;
    }

    button.slider-button.slider-button--prev {
        padding: 0;
    }
    .quick-add.no-js-hidden {
        position: absolute;
        top: 65%;
        left: 0;
        right: 0;
        margin: auto;
        width: fit-content;
    }
}
@media screen and (max-width:650px){
    .collection li.grid__item {
        width: calc(100% - 30px) !important;
    }
}

/* --------------------------------
 ---- FEATURED COLLECTION END -------
 ------------------------------- */


/* --------------------------------
 ---- CU FAQ SECTION START -------
 ------------------------------- */


.cu-faq-section-inner-row {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}
.cu-faq-section-main-heading h2 {
    font-size: 51px;
    font-weight: bolder;
    margin: 0;
}
.cu-faq-section-inner-col {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 35px;
    border: 1px solid rgb(23 23 23 / 10%);
    border-radius: 16px;
    margin: 48px 0 0;
    gap: 30px;
}
.cu-faq-section-block-svg-icon svg {
    width: 100%;
    height: 100%;
    transition: 0.5s ease;
}
.cu-faq-section-main-col-block.active .cu-faq-section-block-svg-icon svg {
    transform: rotate(45deg);
}
.cu-faq-section-block-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px;
    cursor: pointer;
    background: #e8e8e8;
    border-radius: 8px;
}
.cu-faq-section-main-question h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 500;
}
.cu-faq-section-block-svg-icon {
    width: 18px;
    height: 18px;
    display: flex;
}
.cu-faq-section-block-answer p {
    margin: 0;
}
.cu-faq-section-block-answer {
    margin: 0;
    font-size: 16px;
    color: #171717;
    padding: 20px;
    background: #f1f1f1ba;
    border-radius: 8px;
}
.cu-faq-section-main-col-block {
    width: 100%;
}
.cu-faq-section-main-col-block:last-child {
    border: none;
}
.cu-faq-section-block-answer {
    width: 100%;
    display: none;
}
@media screen and (max-width:850px){
    .cu-faq-section-main-heading h2 {
        font-size: 32px;
    }
    .cu-faq-section-inner-col {
        padding: 20px;
        margin: 32px 0 0;
    }
    .cu-faq-section-block-question {
        padding: 15px;
    }
    .cu-faq-section-main-question h3 {
        font-size: 20px;
    }
    .cu-faq-section-block-answer p {
        font-size: 14px;
        padding-bottom: 20px;
    }
}



/* --------------------------------
 ---- CU FAQ SECTION END -------
 ------------------------------- */


/* --------------------------------
 ---- REVIEWS SLIDER START -------
 ------------------------------- */ 

.reviews-slider-next.swiper-button-next {
    z-index: 0;
}
.reviews-slider-prev.swiper-button-prev {
    z-index: 0;
}
.reviews-slider-main-sub-heading h3 {
    margin: 0;
    font-size: 11px;
    color: #171717;
    font-weight: 600;
}
.reviews-slider-main-heading h2 {
    margin: 0 0 42px;
    font-size: 36px;
    font-weight: 600;
}
.reviews-slider-inner-col {
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.reviews-slider-main-col-block {
    background-color: #e8e8e8;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 rgba(182, 196, 210, .4);
    display: flex;
    flex-direction: column;
    padding: 15px;
    width: calc(20% - 57px);
    border-radius: 10px;
}
.reviews-slider-block-image svg g path:first-child {
    fill: #00b67a;
}
path.tp-star__canvas--half {
    fill: #00b67a;
}
.reviews-slider-block-image svg {
    width: 100%;
    max-width: 100px;
    height: 100%;
    max-height: 18px;
}
.reviews-slider-block-image {
    width: 100%;
    display: flex;
}
.reviews-slider-block-heading h3 {
    margin: 14px 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: #0f4c36;
}
.reviews-slider-block-desc p strong {
    color: #0f4c36;
}
.reviews-slider-block-desc p {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: #171717;
}
.reviews-slider-next.swiper-button-next:after {
    display: none;
}
.reviews-slider-prev.swiper-button-prev:after {
    display: none;
}
.reviews-slider-par-slider {
    width: 100%;
    max-width: calc(100% - 100px);
}
.reviews-slider-main-par-swiper-btn {
    width: 100%;
    position: relative;
    margin: 10px 0 0;
}
.reviews-slider-next.swiper-button-next svg {
    transform: rotate(180deg);
}
.reviews-slider-block-image {
  display: flex;
  gap: 3px;
}

.star {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.star.full {
  background-image: url("data:image/svg+xml;utf8,<svg fill='%2300b67a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 .587l3.668 7.431 8.2 1.193-5.934 5.782 1.4 8.168L12 18.896l-7.334 3.865 1.4-8.168L.132 9.211l8.2-1.193z'/></svg>");
}

.star.half {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='half'><stop offset='50%' stop-color='%2300b67a'/><stop offset='50%' stop-color='%23dcdce6'/></linearGradient></defs><path fill='url(%23half)' d='M12 .587l3.668 7.431 8.2 1.193-5.934 5.782 1.4 8.168L12 18.896l-7.334 3.865 1.4-8.168L.132 9.211l8.2-1.193z'/></svg>");
}

.star.empty {
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23dcdce6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 .587l3.668 7.431 8.2 1.193-5.934 5.782 1.4 8.168L12 18.896l-7.334 3.865 1.4-8.168L.132 9.211l8.2-1.193z'/></svg>");
}
a.reviews-slider-section-full-reviews {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #171717;
    font-size: 13px;
    margin: 10px 0 0;
}
a.reviews-slider-section-full-reviews p em {
    text-decoration: underline;
}
a.reviews-slider-section-full-reviews p {
    margin: 0;
    text-align: center;
}
a.reviews-slider-section-full-reviews svg {
    width: 80px;
    height: 19px;
}
@media screen and (max-width:1100px){
    .reviews-slider-main-col-block {
        width: calc(33.33% - 57px);
    }
}
@media screen and (max-width:768px){
    .reviews-slider-main-col-block {
        width: calc(50% - 57px);
    }
    .reviews-slider-main-heading h2 {
        margin: 0px 0 25px;
        font-size: 26px;
    }
}
@media screen and (max-width:550px){
    .reviews-slider-main-col-block {
        width: calc(100% - 30px);
    }
}
@media screen and (max-width:380px){
    .reviews-slider-prev.swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 0;
    }
    .reviews-slider-next.swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 0;
        left: auto;
    }
    .reviews-slider-par-slider {
        max-width: calc(100% - 75px);
    }
}


/* --------------------------------
 ---- REVIEWS SLIDER END -------
 ------------------------------- */ 


/* --------------------------------
 ---- GALLERY CONTENT START -------
 ------------------------------- */ 

.gallery-content-inner-col {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.gallery-content-col-media-gallery {
    width: 50%;
    position: relative;
    padding: 0 60px;
}
.gallery-content-col-gallery-content {
    width: 50%;
    padding-left: 60px;
}
a.gallery-content-btn.button:before {
    content: "";
    height: 0;
    aspect-ratio: 2;
    transform: translate(-50%);
    position: absolute;
    top: -200%;
    left: 50%;
    background: #fff;
    border-radius: 50%;
    transition: height .6s;
}
a.gallery-content-btn.button:hover:before {
    height: 400%;
}
a.gallery-content-btn.button {
    position: relative;
    overflow: hidden;
}
a.gallery-content-btn.button:hover {
    color: black;
    z-index: 9;
}
a.gallery-content-btn.button span {
    display: flex;
    align-items: center;
    gap: 10px;
}
.gallery-content-main-media img {
    width: 100%;
    margin: 0 auto;
    border-radius: 20px;
    height: 100%;
    min-height: 450px;
    object-fit: contain;
}
.gallery-content-main-media {
    width: 100%;
    margin-left: auto;
}
.gallery-content-heading h3 {
    font-size: 51px;
    font-weight: bolder;
    margin: 0;
}
.gallery-content-heading h3 p em {
    color: #0f4c36;
}
.gallery-content-heading h3 p {
    margin: 0;
}
.gallery-content-desc-info p {
    font-size: 16.5px;
    line-height: 1.6;
    margin: 40px 0;
    color: #171717;
}
a.gallery-content-btn {
    padding: 18px 26px;
    width: fit-content;
    display: flex;
    gap: 10px;
    border-radius: 15px;
    border: 1px solid;
}
a.gallery-content-btn svg {
    width: 20px;
    height: 20px;
}
.footer-block__details-content p a {
    color: white;
}
a.gallery-content-btn:before {
    content: none;
}
@media screen and (max-width:990px){
    .gallery-content-abs-media img {
        max-height: 350px;

    }
    .gallery-content-main-media img {
        min-height: 350px;
    }
    .gallery-content-col-media-gallery {
        padding: 0 20px;
        width: 100%;
    }
    .gallery-content-col-gallery-content {
        width: 100%;
        padding-left: 0;
        padding-top: 40px;
    }
    .gallery-content-heading h3 {
        font-size: 32px;
    }
    .gallery-content-desc-info p {
        font-size: 16px;
        margin: 30px 0;
    }
    a.gallery-content-btn {
        font-size: 14px;
    }
}
@media screen and (max-width:600px){
    .gallery-content-abs-media img {
        max-height: 250px;
    }
    .gallery-content-main-media img {
        min-height: 350px;
    }
    .gallery-content-col-media-gallery {
        padding: 0 20px;
        width: 100%;
    }
    .gallery-content-col-gallery-content {
        width: 100%;
        padding-left: 0;
        padding-top: 40px;
    }
    .gallery-content-heading h3 {
        font-size: 32px;
    }
    .gallery-content-desc-info p {
        font-size: 16px;
        margin: 30px 0;
    }
    a.gallery-content-btn {
        font-size: 14px;
    }
}

/* --------------------------------
 ---- GALLERY CONTENT END -------
 ------------------------------- */ 






/* --------------------------------
 ---- BLOG POST START -------
 ------------------------------- */ 

.blog__view-all.center.small-hide.medium-hide.scroll-trigger.animate--slide-in {
    position: absolute;
    top: -10px;
    right: 50px;
}
.card__inner.color-scheme-2.gradient.ratio {
    /* min-height: 350px; */
    border-radius: 20px;
    overflow: hidden;
    z-index: 99;
}
.page-width-desktop.isolate.section-template--26141500014932__featured_blog_6YDWfW-padding {
    position: relative;
}
li.blog__post.grid__item {
    min-width: calc(100% / 3 - 50px);
    max-width: calc(100% / 3 - 50px);
}
ul.blog__posts.articles-wrapper {
    gap: 50px;
}
.blog__post a.full-unstyled-link {
    font-size: 22px;
    font-weight: 500;
}
.blog__posts .blog__post .card__information {
    padding-left: 0px !important;
    padding-right: 0 !important;
}
a.blog__button.button {
    display: flex;
    gap: 10px;
}
svg.icon.icon-newspaper.icon-md {
    width: 20px;
    height: 20px;
}
a.blog__button.button {
    display: flex;
    gap: 10px;
    background: transparent;
    border: 2px solid #0f4c36;
    border-radius: 15px;
    color: #0f4c36;
}




a.blog__button.button:before {
    content: "";
    height: 0;
    aspect-ratio: 2;
    transform: translate(-50%);
    position: absolute;
    top: -200%;
    left: 50%;
    background: #0f4c36;
    border-radius: 50%;
    transition: height .6s;
}
a.blog__button.button:hover:before {
    height: 400%;
}
a.blog__button.button {
    position: relative;
    overflow: hidden;
}
a.blog__button.button:hover {
    color: white;
    z-index: 9;
}

.title-wrapper-with-link a.link.underlined-link.large-up-hide {
    text-decoration: none;
    border: 2px solid #0f4c36;
    padding: 7px 22px;
    border-radius: 15px;
    background: transparent;
    color: #0f4c36;
}
.title-wrapper-with-link a.link.underlined-link.large-up-hide:before {
    content: "";
    height: 0;
    aspect-ratio: 2;
    transform: translate(-50%);
    position: absolute;
    top: -200%;
    left: 50%;
    background: #0f4c36;
    border-radius: 50%;
    transition: height .6s;
}
.title-wrapper-with-link a.link.underlined-link.large-up-hide:hover:before {
    height: 400%;
}
.title-wrapper-with-link a.link.underlined-link.large-up-hide {
    position: relative;
    overflow: hidden;
}
.title-wrapper-with-link a.link.underlined-link.large-up-hide:hover span {
    color: white;
    z-index: 9;
    position: relative;
}
@media screen and (max-width:990px){
    ul.blog__posts.articles-wrapper {
        gap: 40px;
        flex-wrap: wrap;
    }
    .blog__post h3.card__heading {
        width: 100%;
    }
}
@media screen and (max-width:768px){
    li.blog__post.grid__item.article {
        min-width: calc(100% - 40px) !important;
        margin: 0 20px;
    }
    ul.blog__posts.articles-wrapper {
        gap: 50px;
    }
}


/* --------------------------------
 ---- BLOG POST END -------
 ------------------------------- */
 
/* --------------------------------
 ---- PRODUCT PAGE START -------
 ------------------------------- */

media-gallery.product__column-sticky {
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
    align-items: stretch;
}
.product__info-wrapper .product__title h1 {
    font-size: 40px;
    font-weight: 600;
}
slider-component.slider-mobile-gutter {
    width: 100%;
}
slider-component.thumbnail-slider {
    width: 150px;
    display: flex;
}
ul.thumbnail-list {
    display: flex;
    flex-direction: column;
}
li.thumbnail-list__item {
    width: 100% !important;
}
/* .product .price__container .price__sale {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
} */
li.grid__item {
    min-width: 50%;
}
slider-component.slider-mobile-gutter.page-width.page-width-desktop.scroll-trigger.animate--slide-in {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.product span.price-item.price-item--regular {
    font-size: 24px;
    font-weight: 500;
}
slider-component.slider-mobile-gutter .slider--desktop .slider__slide:first-child {
    margin-left: 0;
    scroll-margin-left: 0;
}
.main-product-block-col p em strong {
    color: #0f4c36;
    font-size: 16px;
    margin-right: 6px;
}
.main-product-block-col p strong {
    font-weight: 400;
    color: #171717;
}
.main-product-delivery-time {
    background: white;
    width: fit-content;
    padding: 12px 25px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.main-product-delivery-time p {
    margin: 0;
    color: rgb(77 124 15);
    text-align: center;
}
span.delivery-time-dot {
    width: 10px;
    height: 10px;
    display: flex;
    background: rgb(77 124 15);
    border-radius: 50%;
    box-shadow: 0px 0px 5px 1px rgb(77 124 15 / 71%);
}
.product button.product-form__submit {
    border-radius: 15px;
    padding: 25px 0;
    border: 2px solid rgb(15 76 54);
}

.product .product-form__submit {
    transition: 0.6s;
    &:hover {
        color: white;
    }
  &:before {
    content: "";
    height: 0;
    aspect-ratio: 2;
    transform: translate(-50%);
    position: absolute;
    top: -200%;
    left: 50%;
    background: white;
    border-radius: 50%;
    transition: height .6s;
  }

  @keyframes move-up-alternate {
    from {
      transform: translateY(0%);
    }
    50% {
      transform: translateY(80%);
    }
    51% {
      transform: translateY(-80%);
    }
    100% {
      transform: translateY(0%);
    }
  }
}


.product .product-form__submit:hover:before {
    height: 400%;
    z-index: 9;
}
.product .product-form__submit {
    position: relative;
    overflow: hidden;
}
.product .product-form__submit:hover span {
    color: rgb(15 76 54);
    z-index: 9;
    position: relative;
}
.main-product-faq-accordion {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.main-product-par-question-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    cursor: pointer;
    background: #e8e8e8;
    border-radius: 8px;
}
.main-product-accordion-answer p {
    background: #f1f1f1ba;
    margin: 0;
    padding: 10px 15px 0;
}
.main-product-faq-accordion.active .main-product-block-svg-icon svg {
    transform: rotate(45deg);
}
.main-product-block-svg-icon svg {
    transition: 0.5s ease;
}
.main-product-accordion-question {
    width: calc(100% - 20px);
}
.main-product-block-svg-icon {
    width: 13px;
    display: flex;
}
.main-product-accordion-answer p, .main-product-accordion-answer ol, .main-product-accordion-answer ol {
    display: none;
}
h2.product__title.h1 {
    font-weight: bold;
}
.main-product-accordion-question h3 p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
.main-product-accordion-question h3 {
    margin: 0;
}
.announcement-bar button.slider-button.slider-button--prev {
    display: flex;
}
.announcement-bar button.slider-button.slider-button--next {
    display: flex;
}
.product__column-sticky button.slider-button.slider-button--next {
    display: none !important;
}
.product__column-sticky button.slider-button.slider-button--prev {
    display: none !important;
}
li.product__media-item.grid__item.slider__slide {
    width: 100%;
}
.product--thumbnail_slider .product__media-item:not(.is-active) {
    display: block !important;
}
.thumbnail-slider .thumbnail-list.slider--tablet-up {
    height: fit-content;
    align-items: stretch;
    gap: 10px;
    padding: 0;
    position: sticky;
    top: 130px;
}
li.product__media-item.grid__item {
    padding: 0 !important;
}
.product-form__input .quantity:after {
    border-radius: 10px;
}
.main-product-faq--block-par {
    padding: 10px 15px;
    border: 1px solid rgb(23 23 23 / 10%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 12px;
}
@media screen and (max-width:1300px){
    media-gallery.product__column-sticky {
        flex-direction: column;
        gap: 10px;
        overflow: hidden;
    }
    .product--thumbnail_slider .thumbnail-slider {
        max-width: 100% !important;
    }
    ul.product__media-list.contains-media {
        flex-direction: row !important;
        flex-wrap: nowrap;
        overflow: auto;
    }
    media-gallery.product__column-sticky {
        flex-direction: column;
    }
    slider-component.thumbnail-slider {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        margin: 0 !important;
    }
    ul.thumbnail-list {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    li.thumbnail-list__item {
        width: calc(33% - .6rem) !important;
    }
    .product__media-list .product__media-item {
        width: 100% !important;
        display: flex;
    }
    .product button.product-form__submit {
        border-radius: 10px;
        padding: 15px 0;
    }
}
/* --------------------------------
 ---- PRODUCT PAGE END -------
 ------------------------------- */


/* --------------------------------
 ---- FEATURED PRODUCT START -------
 ------------------------------- */

media-gallery#MediaGallery-template--26141500014932__featured_product_wgNVCf {
    position: sticky;
    top: 135px;
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
}
.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
    margin: 0;
    width: 100%;
}
.product--thumbnail_slider .thumbnail-slider {
    display: flex;
    align-items: flex-start !important;
    width: 100%;
    max-width: 100px;
}
.featured-product ul.product__media-list.contains-media {
    height: 100%;
}
.featured-product .product-media-container.media-type-image {
    height: 100%;
}
.featured-product .product-media-container .product__modal-opener {
    height: 100%;
}
.featured-product .product__media.media.media--transparent {
    height: 100%;
}
.featured-product img.image-magnify-lightbox {
    height: 100%;
}
.featured-product .thumbnail-slider button.slider-button {
    display: none;
}
@media screen and (max-width:1050px){
    .featured-product  ul.thumbnail-listlist-unstyled {
        display: flex;
        align-items: center;
        flex-direction: row;
    }
    .featured-product .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
        width: calc(25% - .8rem) !important;
    }
    media-gallery#MediaGallery-template--26141500014932__featured_product_wgNVCf {
        flex-direction: column;
        gap: 20px;
    }
    slider-component.slider-mobile-gutter {
        width: 100%;
        margin: 0 !important;
    }
    .product--thumbnail_slider .thumbnail-slider {
        max-width: 100%;
    }
    .thumbnail-slider .thumbnail-list.slider--tablet-up {
        flex-direction: row;
    }
}

/* --------------------------------
 ---- FEATURED PRODUCT END -------
 ------------------------------- */







/* --------------------------------
 ---- IMAGES BLOCK START -------
 ------------------------------- */ 

.images-slider-main-sub-heading h3 {
    margin: 0;
    font-size: 11px;
    color: #171717;
    font-weight: 600;
}
.images-slider-main-heading h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}
.images-slider-inner-col {
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.images-slider-main-col-block {
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    width: calc(25% - 30px);
}
.images-slider-block-image svg g path:first-child {
    fill: #00b67a;
}
path.tp-star__canvas--half {
    fill: #00b67a;
}
.images-slider-block-image svg {
    width: 100%;
    max-width: 100px;
    height: 100%;
    max-height: 18px;
}
.images-slider-block-image {
    width: 100%;
    display: flex;
}
.images-slider-block-heading h3 {
    margin: 14px 0 10px;
    font-size: 14px;
    font-weight: 600;
}
.images-slider-block-desc p {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: #171717;
}
.images-slider-next.swiper-button-next:after {
    display: none;
}
.image-slider-pagi-nav-par {
    width: 100%;
    display: flex;
    justify-content: center;
}
.images-slider-prev.swiper-button-prev:after {
    display: none;
}
.images-slider-next.swiper-button-next {
    bottom: 0;
    top: unset;
    right: 34%;
}
.images-slider-next.swiper-button-next svg {
    transform: rotate(0deg);
}
.images-slider-pagi.swiper-pagination {
    width: fit-content;
    margin: auto;
    left: 0;
    right: 0;
}
.images-slider-prev.swiper-button-prev {
    bottom: 0;
    top: unset;
    left: 34%;
}
.images-slider-pagi .swiper-pagination-bullet-active {
    background: #0f4c36;
}
.images-slider-par-slider {
    width: 100%;
    padding-bottom: 100px;
}
.images-slider-main-par-swiper-btn {
    width: 100%;
    position: relative;
    margin: 10px 0 0;
    display: flex;
    flex-direction: column;
    gap: 70px;
}
.images-slider-next.swiper-button-next svg {
    stroke: black;
}
.images-slider-prev.swiper-button-prev svg {
    stroke: black;
}
.images-slider-block-image {
  display: flex;
  gap: 3px;
}
a.images-slider-section-full-images {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #171717;
    font-size: 13px;
    margin: 10px 0 0;
}
a.images-slider-section-full-images p em {
    text-decoration: underline;
}
a.images-slider-section-full-images p {
    margin: 0;
    text-align: center;
}
a.images-slider-section-full-images svg {
    width: 80px;
    height: 19px;
}
.images-slider-pagi span.swiper-pagination-bullet {
    width: 25px;
    height: 4px;
    border-radius: 0;
}
@media screen and (max-width:1300px){
    .images-slider-main-col-block {
        width: calc(33.33% - 57px);
    }
    .images-slider-pagi span.swiper-pagination-bullet {
        width: 16px;
    }
    .images-slider-next.swiper-button-next {
        right: 25%;
    }
    .images-slider-prev.swiper-button-prev {
        left: 25%;
    }


}
@media screen and (max-width:768px){
    .images-slider-main-col-block {
        width: calc(50% - 57px);
    }
    .images-slider-pagi span.swiper-pagination-bullet {
        width: 7px;
        height: 2px;
    }
    .images-slider-next.swiper-button-next {
        right: 15%;
    }
    .images-slider-prev.swiper-button-prev {
        left: 15%;
    }
    .images-slider-pagi.swiper-pagination {
        bottom: 20px;
    }
}
@media screen and (max-width:550px){
    .images-slider-main-col-block {
        width: 100%;
    }
}
@media screen and (max-width:380px){
    .images-slider-main-col-block {
        width: calc(100% - 49px);
    }
    .images-slider-prev.swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 0;
    }
    .images-slider-next.swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 0;
        left: auto;
    }
    .images-slider-par-slider {
        max-width: calc(100% - 75px);
    }
}


/* --------------------------------
 ---- IMAGES BLOCK END -------
 ------------------------------- */ 


/* --------------------------------
 ---- ICON AND TEXT START -------
 ------------------------------- */ 

.icon-and-text-section {
    padding-top: var(--pt-mobile);
    padding-bottom: var(--pb-mobile);
}

@media screen and (min-width: 768px) {
    .icon-and-text-section {
        padding-top: var(--pt-desktop);
        padding-bottom: var(--pb-desktop);
    }
}
.icon-and-text-inner-col {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 55px;
    flex-wrap: wrap;
    justify-content: center;
}
.icon-and-text-main-block {
    width: calc(100% / 3 - 37px);
    display: flex;
    align-items: stretch;
    gap: 10px;
}
.icon-and-text-main-col-block {
    display: flex;
}
.icon-and-text-main-col-block img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.icon-and-text-block-content {
    width: calc(100% - 60px);
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
}
.icon-and-text-block-content p {
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    color: rgba(var(--color-foreground), 1);
}
@media screen and (max-width:990px){
    .icon-and-text-main-block {
        width: 100%;
    }
}
@media screen and (max-width:850px){
    .icon-and-text-main-block {
        justify-content: center;
    }
}



/* --------------------------------
 ---- ICON AND TEXT END -------
 ------------------------------- */ 



/* --------------------------------
 ---- CART DRAWER START -------
 ------------------------------- */ 

button.cart__checkout-button {
    background: #0f4c36;
}



/* --------------------------------
 ---- CART DRAWER END -------
 ------------------------------- */ 


/* --------------------------------
 ---- IMAGES CONTET START -------
 ------------------------------- */ 

a.images-content-main-btn.button {
    border-radius: 15px;
    background: transparent;
    border: 1px solid #171717;
}
.images-content-section-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.images-content-col-1-content {
    width: 45%;
}
.images-content-col-2-images {
    width: 55%;
}
.images-content-main-heading h3 {
    margin: 0;
    font-size: 65px;
    line-height: 65px;
    font-weight: 600;
}
a.images-content-main-btn.button {
    border-radius: 50px;
    background: transparent;
    border: 1px solid #0f4c36;
    margin: 40px 0 0;
    color: #0f4c36;
    overflow: hidden;
}
.images-content-main-desc-info p {
    margin: 50px 0 0;
    line-height: 1.6;
    color: black;
}
a.images-content-text-link {
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    color: #0f4c36;
    font-weight: 600;
}
.images-content-inner-row {
    position: relative;
    padding-bottom: 350px;
}
.images-content-images-block-par {
    position: absolute;
    height: 100%;
    display: flex;
    width: 100%;
    bottom: 12%;
    height: fit-content;
}
.images-content-images-slides-par {
    width: 100%;
    display: flex;
    gap: 40px;
    align-items: stretch;
    padding-bottom: 73px;
}
.images-content-main-block-images {
    width: 100%;
    position: relative;
    max-width: 270px;
}
.images-content-images-slide {
    width: 100%;
    display: flex;
    height: 100%;
}
.images-content-images-slide img {
    width: 100%;
    max-height: 310px;
    height: 100%;
}
.images-block-images-number-svg {
    position: absolute;
    display: flex;
    width: fit-content;
    right: -103%;
    bottom: -21%;
    gap: 10px;
}
}
.images-block-images-number-svg span {
    font-size: 32px;
    line-height: 1.6;
}
.images-block-images-number-svg svg {
    width: 270px;
    height: 73px;
}
.images-content-col-2-images img {
    width: 100%;
}
.images-block-images-number-svg span {
    font-size: 32px;
    line-height: 1.6;
}
.images-content-main-block-images:last-child .images-block-images-number-svg {
    right: 0;
    bottom: -13%;
}
a.images-content-main-btn {
    transition: 0.6s;
    &:hover {
        color: white;
    }
  &:before {
    content: "";
    height: 0;
    aspect-ratio: 2;

    transform: translateX(-50%);
    position: absolute;
    top: -200%;
    left: 50%;
    background: #0f4c36;
    border-radius: 50%;
    transition: height 0.6s;
  }
  &:hover:before {
    height: 400%;
  }
  &:hover .text {
    animation: move-up-alternate 0.3s forwards;
    will-change: transform;
  }

  @keyframes move-up-alternate {
    from {
      transform: translateY(0%);
    }
    50% {
      transform: translateY(80%);
    }
    51% {
      transform: translateY(-80%);
    }
    100% {
      transform: translateY(0%);
    }
  }
}
@media screen and (max-width:1400px){
    .images-content-images-block-par {
        bottom: 2%;
    }
}
@media screen and (max-width:1150px){
    .images-content-images-block-par {
        bottom: -4%;
    }

}
@media screen and (max-width:990px){
    .images-content-main-block-images {
        min-width: 270px;
    }
    .images-content-col-1-content {
        width: 100%;
    }
    .images-content-col-2-images {
        width: 100%;
    }
    .images-content-section-content {
        gap: 50px;
    }
    .images-content-images-block-par {
        bottom: 5%;
        overflow-x: scroll;
        scrollbar-width: none;
    }
}
@media screen and (max-width:768px){
    .images-content-images-slide img {
        max-height: 250px;
    }
    .images-block-images-number-svg {
        bottom: -25%;
    }

}

/* --------------------------------
 ---- IMAGES CONTET END -------
 ------------------------------- */ 







.plant-button .btn::before {
  content: "";
  position: absolute;
  bottom: 0; left: 0; right: 0; 
  height: 0%; width: 100%;
  background-color: #0f4c36;
  transition: height 0.3s ease-out;
}

.plant-button .btn {
  color: #0f4c36;
  border: 1px solid #0f4c36;
  transition: color 0.2s ease-in;
  overflow: hidden;
}

.plant-button .btn:hover::before {
  height: 100%;
}

.plant-button .btn:hover {
  color: rgb(255, 255, 255);
}
.product__info-container .price.price--large.price--show-badge {
    display: flex;
    align-items: center;
    gap: 20px;
}
span.stock-info {
    color: #0f4c36;
    font-weight: 600;
    font-size: 18px;
}
.product__tax {
    font-size: 16px;
    color: #0f4c36c7;
    text-transform: capitalize;
}
div#price-template--26141500014932__featured_product_wgNVCf {
    margin: 8px 0;
}
.featured-product .product__view-details {
    display: none;
}
.header__icons details-modal.header__search {
    display: none !important;
}
.header__icons a.header__icon.header__icon--account {
    display: none;
}
.footer-block.footer-block-link_list.grid__item.footer-block--menu.scroll-trigger.animate--slide-in {
    padding: 70px 0 0;
}
.footer-block.footer-block-text.grid__item.scroll-trigger.animate--slide-in {
    padding: 70px 0 0;
}
.footer__content-bottom.scroll-trigger.animate--slide-in {
    display: none;
}
@media screen and (max-width:768px){
    .footer-block.footer-block-link_list.grid__item.footer-block--menu.scroll-trigger.animate--slide-in {
        padding: 20px;
    }
    .footer-block.footer-block-text.grid__item.scroll-trigger.animate--slide-in {
        padding: 0;
    }
}
.header__icons.header__icons--localization.header-localization {
    width: fit-content;
    min-width: 190px;
    justify-content: space-evenly;
}
@media screen and (max-width:990px){
    .header__icons.header__icons--localization.header-localization {
        min-width: fit-content;
        justify-content: center;
        width: 55px;
    }
} 


/* CUSTOM CSS */
.product-media-modal__content {
    max-width: 1000px;
    margin: 0 auto;
}
.product-media-modal__content::-webkit-scrollbar {
    display: none;
}
/* .product-media-modal__content img.global-media-settings {
    max-height: 780px;
    object-fit: cover;
} */


.footer-block__image-wrapper img {
    border-radius: 0 0 20px 20px;
}
p.cart__login-title.h3 {
    display: none;
}

p.cart__login-paragraph {
    display: none;
}
html.js {
    scroll-behavior: smooth;
}




.cart-drawer__empty-content a.button {
    background: #0f4c36;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 14px 28px;
    font-size: 16px;
}

