/** Shopify CDN: Minification failed

Line 3657:8 Unexpected "{"
Line 3657:9 Expected identifier but found "%"
Line 3657:41 Unexpected "{"
Line 3657:42 Expected identifier but found "%"

**/
/* Loyalty page gradient background scroll effects */
.custom-page.custom-loyalty-program .section:not(.header, .topbar, .footer-wrapper, .footer-copy-right):before, .custom-page.custom-loyalty-program .section:not(.header, .topbar, .footer-wrapper, .footer-copy-right) {
  background-color:transparent !important;
      background: url(/cdn/shop/files/Loyalty_Background.jpg?v=1763375047) no-repeat center fixed !important;
    background-size: cover ! IMPORTANT;

}
.custom-page.custom-loyalty-program{
         background-image: url(/cdn/shop/files/Loyalty_Background.jpg?v=1763375047) !important;
         background-size:cover;
}
.indicators {
        opacity: 1;
}
/* Loyalty page gradient background scroll effects */
/* Joy Loyalty App Calculator Block - Start */


.joy-points-calculator__block{
  justify-content:center !important;
}
.joy-points-calculator__block .Avada-PointsCalculator__Container p{
      display: flex;
    gap: 3px;
}
.Avada-Joy_ButtonWidget:not(.admin) {
    z-index: 9 !important;
}
/* Joy Loyalty App Calculator Block - End */
/* Here Banner - Start */
 .hero-section .slideshow-logo {
     height: max-content;
     top: 20px;
     max-width: 180px;
     padding: 0;
     left: 50%;
     transform: translate(-50%) !important;
}
 .hero-section .slideshow--hero {
     height: 100%;
}
 .hero-section .slideshow--hero .slideshow-content {
    /* max-width: 50%;
     */
     width: 100%;
     left: 50%;
     top: 50%;
     position: absolute;
     transform: translate(-50%, -50%);
}
 .hero-section .slideshow-words {
     text-align: center;
}
 .hero-section .slideshow-word {
     gap: 40px;
     flex-direction: column;
     align-items: center;
}
 .hero-section .slideshow-dots {
     position: absolute;
     bottom: 20px;
     left: 0;
     width: 100%;
     justify-content: center;
     border: none;
}
 .slideshow-content .button {
     font-size: 16px;
     height: 40px;
     padding: 8px 18px;
     border-radius: 4px;
     font-weight: bold;
     letter-spacing: 2px;
     transition: none;
}
 .slideshow-content .button:hover {
     background: #C4D2DE;
}
 .slideshow-content .button:hover::after {
     border: none;
     transition: none;
}
 .slideshow-word h2 split-words span animate-element {
     font-family: 'Figtree Light' !important;
     font-size: 48px;
     line-height: 120%;
     letter-spacing: 10px;
}
 .slideshow-word h2 split-words em span animate-element {
     font-family: 'CormorantGaramond Light' !important;
     font-size: 63px;
     letter-spacing: 0px;
}
 .slideshow-dots .flickity-page-dots .flickity-page-dot {
     width: 1rem;
}
 .slideshow-dots .flickity-page-dots .flickity-page-dot:not([aria-current=true]):before {
     width: 8px;
     height: 8px;
}
/* Here Banner - End */
/* Annuncement Bar - Start */
 .announcement__content .announcement-text{
     text-align: center;
     font-size: 14px;
}
/* Annuncement Bar - End */
/* MegaMenu - Start */
 .header__menu>ul.with-block .localization .menu__item {
     border-color: #EDF0EF;
     border-radius: 99px;
     padding: 4px 8px;
     height: 32px;
}
 .header__menu>ul.with-block .menu__item .btn-duplicate {
     border-radius: 99px;
}
 .header__menu>ul.with-block .localization .menu__item .country-flag {
     height: 15px;
     width: 20px;
     border-radius: 99px;
     box-shadow: none;
}
 .header__menu>ul.with-block .localization .menu__item .country-flag img {
     aspect-ratio: auto;
}
 .has-dropdown-menu .header:before, [data-rounded-block=round] .mega-menu {
     border-start-end-radius: var(--border-radius) !important;
     border-start-start-radius: var(--border-radius) !important;
     border-end-start-radius: unset;
     border-end-end-radius: unset;
}
 [data-rounded-block=round] .mega-menu .mega-menu__container {
     border-end-start-radius: unset;
     border-end-end-radius: unset;
    /* border-block-start: 1px solid #020202;
     */
}
 .mega-menu__container .mega-menu__item p.text-base {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 16px;
}
 .mega-menu__container .mega-menu__item .mega-menu__nav--tabs.grid {
     gap: 24px;
}
 .mega-menu__container .mega-menu__item .mega-menu__nav--tabs.grid .mega-menu__nav-item .heading {
     text-transform: capitalize;
     font-size: 28px;
     color: #3B3836;
     opacity: 1;
     transition: all 0.3s ease;
     background-size: 0;
}
 .mega-menu__container .mega-menu__item .mega-menu__nav--tabs.grid .mega-menu__nav-item[disabled] .heading {
     color: #DE5829;
     transition: all 0.3s ease;
}
 .mega-menu__container .mega-menu__item .mega-menu__nav--tabs.grid .mega-menu__nav-item:hover .heading {
     color: #DE5829;
     transition: all 0.3s ease;
}
 .mega-menu__container .mega-menu__footer .mega-menu__link {
     justify-content: flex-start;
     padding-block-end: 0;
     gap: 15px;
}
 .mega-menu__container .mega-menu__item.right-content .mega-menu__link {
     justify-content: flex-start;
     padding-block-end: 0;
     gap: 8px;
}

.mega-menu__container .mega-menu__item.right-content .mega-menu__link svg.icon-arrow-top-right {
    height: 8px;
    width: 8px;
}
 .mega-menu__container .mega-menu__footer .mega-menu__link::after {
     content: "";
     position: absolute;
     bottom: -2px;
     width: 40px;
     background-color: #F1D7C6;
     height: 2px;
}
 .mega-menu__container .mega-menu__footer .mega-menu__link .heading {
     font-size: 20px;
     font-weight: 700;
     letter-spacing: 2px;
}
 .mega-menu__container .mega-menu__footer .mega-menu__link:hover .heading {
     background-size: 0;
}
 .mega-menu__container .mega-menu__footer .mega-menu__link svg.icon-arrow-top-right {
     height: 10px;
     width: 10px;
}
 .mega-menu__container .mega-menu__footer:before {
     background-color: #7A9B90;
}
 .media-card__link .media img {
     width: 100%;
}
 .header summary[open] .menu__item .icon {
     transform: rotate(180deg);
     transition: transform 0.3s ease;
}
 .header summary .menu__item .icon {
     transform: rotate(0deg);
     transition: transform 0.3s ease;
}
/* MegaMenu - End */
/* Splitting Banner - Start */
 .splitting-banner .reveal-banner__scroller .banner__box--large {
     max-width: 80rem;
     padding-top: 184px;
}
 .splitting-banner .reveal-banner__scroller .banner__box--large .splitting-wrapper .highlighted-text {
     font-size: 76px;
     font-family: 'Figtree Light' !important;
     letter-spacing: 10px;
}
 .splitting-banner .reveal-banner__scroller .page-width {
     max-height: max-content;
}
 .splitting-banner .block-wrapper-container {
     width: 100%;
     overflow-x: auto;
     padding-block: 10px;
}
 .splitting-banner .block-wrapper {
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
     width: max-content;
     margin: 0 auto;
     gap: 20px;
}
 .splitting-banner .block-wrapper .block-container {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 8px;
     padding: 16px;
     border-radius: 4px;
     /* max-width: 23rem; */
     flex: 1;
}
 .splitting-banner .block-wrapper .block-container .block-image {
     height: 62px;
     width: 62px;
     aspect-ratio: 1;
}
 .splitting-banner .block-wrapper .block-container .block-text {
     font-size: 20px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 3px;
}
 .splitting-banner .button.icon-with-text {
     padding: 13px 40px;
     height: 50px;
}
 .splitting-banner .button.icon-with-text:hover {
     background: #FCEEEA;
}
 .splitting-banner .button.icon-with-text .btn-text {
     font-size: 16px;
     font-weight: 700;
     letter-spacing: 3px;
}
 .splitting-banner .button.icon-with-text .btn-text .icon {
     height: 14px;
     width: 14px;
}
 .custom-index .splitting-banner .page-width--full {
     gap: 0;
}
 .custom-index .splitting-banner .blocks-btn-wrapper {
     gap: 80px;
     display: grid;
}
/* Splitting Banner - End */
/* Collection list - Start */
 .collection-list .title-wrapper .heading {
     font-size: 25px;
     letter-spacing: 2px;
}
 .collection-list .media-card__content .media-card__text .heading {
     font-size: 31px;
     letter-spacing: 3px;
     font-family: 'Figtree Light' !important;
}
 .collection-list .media-card__link:hover .media-card__text .heading {
     background-size: 0;
}
 .collection-list .media-card__content .shop_now-btn-wrapper {
     padding-block-start: 15px;
}
 .collection-list .media-card__content .shop_now-btn-wrapper .mega-menu__link {
     gap: 8px;
}
 .collection-list .media-card__content .shop_now-btn-wrapper .mega-menu__link .shop_now-btn {
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 2px;
}
 .collection-list .media-card__content .shop_now-btn-wrapper .mega-menu__link .icon-arrow-top-right {
     height: 10px;
     width: 10px;
}
 .collection-list .media-card__content .shop_now-btn-wrapper .mega-menu__link:after {
     content: "";
     position: absolute;
     bottom: -2px;
     width: 40px;
     background-color: #f1d7c6;
     height: 2px;
}
/* Collection list - End */
/* Scrolling text - Start */
 .scrolling-text-section .page-width {
      max-width: 95%;
     overflow: hidden;
     background: #EDF0EF;
    border-radius: 8px;
    padding-block: 16px;
}
 .scrolling-text-section .scrolling-text__item.with-text {
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .scrolling-text-section .marquee.with-dot .scrolling-text__item:first-child:before {
     content: unset;
}
 .scrolling-text-section .image_text_wrapper {
     display: flex;
     align-items: center;
     gap: 10px;
}
/* Scrolling text - End */
/* portfolio - Start */
 .portfolio-section .portfolio .profile.card, .portfolio-section .portfolio .profile .media {
      border-radius: 8px;
      overflow: hidden;
     }
 .portfolio-section .portfolio .profile.card img {
     width: 100%;
}
 .portfolio-section .portfolio .profile.card .profile__content .heading {
     font-size: 49px;
     letter-spacing: 3px;
     font-family: 'Figtree Light' !important;
}
 .portfolio-section .portfolio-title .heading.subtext-md {
     font-size: 18px;
     text-transform: uppercase;
     letter-spacing: 3px;
     font-weight: 700;
}
 .portfolio-section .portfolio-title .heading.title-sm {
     letter-spacing: 3px;
     font-size: 25px;
}
 .portfolio-section .profile__content_details[open] {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 60px;
   overflow-y: auto;
  }
  
  /* .portfolio-section .profile__content_details:has(.profile__button:hover) { */
  /* .portfolio-section .profile__content_details:hover {
    height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 60px;
   overflow-y: auto;
  } */

 .portfolio-section .portfolio_content_description {
     font-size: 28px 
}
 .portfolio-section .portfolio_content___scrollable {
     gap: 40px;
}
 .portfolio-section .profile__button {
     height: 60px;
     width: 60px;
}
 .portfolio-section .profile__button:hover {
     cursor: pointer;
}
 .portfolio-section .profile__button .icon-plus-2 {
     height: 21px;
     width: 21px;
}
 .portfolio-section .portfolio_shop_now-btn-wrapper .mega-menu__link {
     gap: 8px;
}
 .portfolio-section .portfolio_shop_now-btn-wrapper .portfolio_shop_now-btn {
     font-size: 18px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 2px;
}
 .portfolio-section .portfolio_shop_now-btn-wrapper .icon-arrow-top-right {
     height: 10px;
     width: 10px;
}
 .portfolio-section .portfolio_shop_now-btn-wrapper .portfolio_shop_now-btn:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -2px;
     width: 40px;
     background-color: #F1D7C6;
     height: 2px;
}
/* portfolio - End */
/* Multi-Block - Start */
 .Multi-blocks-wrapper .title-wrapper {
     padding-inline: var(--page-padding);
}
 .Multi-blocks-wrapper .card-grid {
     gap: 8px;
}
 .Multi-blocks-wrapper .media-card--overlap {
     border-radius: 999px;
     overflow: hidden;
}
 .Multi-blocks-wrapper .heading.title-sm {
     font-size: 25px;
     letter-spacing: 2px;
     line-height: 110%;
}
 .Multi-blocks-wrapper .description {
     font-size: 18px;
     max-width: 75%;
}
 .Multi-blocks-wrapper .media-card--overlap .media-card__link .media img {
     transform: scale(1);
     transition: all 1s ease;
}
 .Multi-blocks-wrapper .media-card--overlap:hover .media-card__link .media img {
     transform: scale(1.2);
     transition: all 1s ease;
}
 .Multi-blocks-wrapper .media-card--overlap .media-card__link .media:not(.loading):after {
     content: unset;
     transition: all 0.7s ease;
}
 .Multi-blocks-wrapper .media-card--overlap .media-card__link .media.media--portrait {
     aspect-ratio: 2 / 3;
}
 .Multi-blocks-wrapper .media-card__content .media-card__text span.heading {
     font-size: 20px;
     font-weight: 700;
     letter-spacing: 3px;
     background-size: 0;
}
 .Multi-blocks-wrapper .media-card--overlap .media-card__text span.heading {
     display: block;
}
 .Multi-blocks-wrapper .media-card--overlap .media-card__text {
     padding-inline: 30px;
}
 .Multi-blocks-wrapper .media-card--overlap:hover .media-card__text span.heading {
     display: none;
     opacity: 0;
     visibility: hidden;
}
 .Multi-blocks-wrapper .media-card--overlap .media-card__text span.heading-inner {
     opacity: 0;
     visibility: hidden;
}
 .Multi-blocks-wrapper .media-card--overlap:hover .media-card__text span.heading-inner {
     display: block;
     opacity: 1;
     visibility: visible;
     transition: all 0.7s ease;
}
 .Multi-blocks-wrapper .media-card--overlap:hover .media-card__link .media:not(.loading):after {
     content: "";
     transition: all 0.7s ease;
}
 .Multi-blocks-wrapper .media-card--overlap .media-card__link .description_text {
     font-size: 18px;
     line-height: 25px;
     letter-spacing: 1px;
}
 .Multi-blocks-wrapper .media-card--overlap:hover .media-card__link .description_text {
     display: block;
     opacity: 1;
     visibility: visible;
     transition: all 0.7s ease;
}
 .Multi-blocks-wrapper .media-card--overlap .media-card__link .shop_now-btn-wrapper .shop_now-btn {
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 2px;
     text-transform: uppercase;
}
 .Multi-blocks-wrapper .media-card--overlap:hover .media-card__text {
     gap: 40px;
     padding: 30px;
}
 .Multi-blocks-wrapper .media-card--overlap:hover .media-card__link .shop_now-btn-wrapper {
     display: block;
     opacity: 1;
     visibility: visible;
     transition: all 0.7s ease;
}
 .Multi-blocks-wrapper .media-card--overlap .media-card__link .shop_now-btn-wrapper .icon-arrow-top-right {
     height: 10px;
     width: 10px;
}
 .Multi-blocks-wrapper .media-card--overlap .media-card__link .shop_now-btn-wrapper .shop_now-btn:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -2px;
     width: 40px;
     background-color: #f1d7c6;
     height: 2px;
}
 .Multi-blocks-wrapper .media-card--overlap .media-card__link .multi_block__button {
     position: absolute;
     bottom: 40px;
     left: 50%;
     transform: translate(-50%);
     height: 40px;
     width: 40px;
     margin: 0 auto;
     background-color: rgb(var(--color-foreground));
}
 .Multi-blocks-wrapper .media-card--overlap:hover .media-card__link .multi_block__button {
     opacity: 0;
     visibility: visible;
     transition: all 0.3s ease;
}
/* Multi-Block - End */
/* Insta Feed - Start */
 .shop-the-feed-wrapper .product-card__media .media img {
     width: 100%;
     height: auto;
}
 .shop-the-feed-wrapper .product-card__media .media.media--portrait img, .shop-the-feed-wrapper .product-card__media .media.media--portrait video-media {
     aspect-ratio: 4 / 7;
}
 .shop-the-feed-wrapper .title-wrapper .heading.title-sm {
     font-size: 31px;
     letter-spacing: 3px;
     font-family: 'Figtree Light' !important;
}
 .shop-the-feed-wrapper .title-wrapper .description {
     font-size: 16px;
     line-height: 120%;
}
 .shop-the-feed-wrapper .product-card__media .badges {
     height: max-content;
     background-color: rgb(var(--color-background));
     border-radius: 50px;
     padding: 8px;
}
 .shop-the-feed-wrapper .media-card__content .horizontal-product__media {
     height: 90px !important;
     width: 70px !important;
}
 .shop-the-feed-wrapper .shop-the-feed .media-card__content {
     padding: 8px;
}
 .shop-the-feed-wrapper .button.icon-with-text {
     gap: 15px;
     height: 40px;
     transition: none;
}
 .shop-the-feed-wrapper .button.icon-with-text:hover {
     background-color: #C4CDC9;
     transition: none;
}
 .shop-the-feed-wrapper .button.icon-with-text:after {
     border: none;
     transition: none;
}
 .shop-the-feed-wrapper .button.icon-with-text .btn-text {
     letter-spacing: 2px;
     font-size: 16px;
     font-weight: 700;
     width: max-content;
}
 .shop-the-feed-wrapper .button.icon-with-text .icon-arrow-top-right {
     height: 12px;
     width: 12px;
}
/* Insta Feed - End */
/* Blog post collage - Start */
 .blog-post-collage .title-wrapper .heading.title-sm {
     font-size: 31px;
     font-family: 'Figtree Light' !important;
     letter-spacing: 2px;
}
 .blog-post-collage .article-card .main_blog_title {
     background-color: #DE5829;
     padding: 4px;
     left: 24px;
     top: 24px;
     border-radius: 4px;
     color: #F9F9F9;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 14px;
     line-height: 120%;
}
 .blog-post-collage .article-card.first-card .main_blog_title {
     left: 24px;
     top: 24px;
}
 .blog-post-collage .article-card .article-card__title {
     font-size: 25px;
     letter-spacing: 2px;
     line-height: 120% !important;
     background-size: 0;
     color: inherit;
}
 .blog-post-collage .article-card.first-card .article-card__title {
     font-size: 31px !important;
     font-family: Figtree Light !important;
}
 .blog-post-collage .article-card.first-card .article-card__content .text-xs {
     font-size: 12px !important;
}
 .blog-post-collage .article-card .article-card__top li{
     padding-inline-end: 5px;
}
 .blog-post-collage .article-card .article-card__top{
     gap:5px;
}
 .blog-post-collage .icon-comment{
     display:none;
}
 .blog-post-collage .icon-calendar{
     display:none;
}
 .video-hero .banner__title{
     letter-spacing: 2px;
     font-family: 'Figtree Light' !important;
}
  .custom-about .video-hero .heading .split-words .block{
      font-family: 'Figtree Light' !important;
     }
     .custom-about .video-hero .media video,.custom-about .banner__overlay{
      border-radius: 8px !important;
     }
 .blog-post-collage .article-card.first-card .article-card__content {
     inset-block-start: unset !important; 
     left: 20px !important;
     bottom: 20px !important;
}
 .blog-post-collage .article-card .article-card__content {
     gap: 20px !important;
}
 .blog-post-collage .article-card .article-card__content .grid {
     gap: 8px !important;
}
 .blog-post-collage .article-card .article-card__content .link.text-sm {
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 700;
     background-size: 0;
}
 .blog-post-collage .article-card .article-card__content .link.text-sm:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -2px;
     width: 40px;
     background-color: #f1d7c6;
     height: 2px;
}
 .blog-post-collage .article-card {
     margin-block-start: 0 !important;
     padding-block-start: 0 !important;
}
 .blog-post-collage .article-card:before {
     content: unset !important;
}
 .blog-post-collage .article-card:not(.first-card) .main_blog_title {
     left: 8px;
     top: 8px;
}
 .blog-post-collage .content-overlay-true {
     column-gap: 20px;
     row-gap: 40px;
}
 .blog-post-collage .content-overlay-true .article-card:not(.first-card) .article-card__media {
     flex: 1;
     aspect-ratio: 5 / 2;
}
 .blog-post-collage .content-overlay-true .article-card:not(.first-card) .article-card__media .media img {
     width: 100%;
}
 .blog-post-collage .content-overlay-true .article-card:not(.first-card) .article-card__content {
     position: absolute;
     right: 0;
     max-width: 60%;
     justify-content: center;
     color: #F9F9F9;
     padding-inline: 10px;
}
 .blog-post-collage .content-overlay-true .article-card .article-card__media {
      border-radius: 8px;
 }
 .blog-post-collage .content-overlay-true .article-card .article-card__media:after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     pointer-events: none;
     border-radius: var(--card-radius);
     background-color: #00000033;
}
/* Blog post collage - End */
/* Footer wrapper - Start */
 .footer-wrapper .footer__logo {
     margin-block-end: 45px;
}
 .footer-wrapper .footer__newsletter .text-xl {
     font-size: 31px;
     letter-spacing: 3px;
     font-family: 'Figtree Light' !important;
     line-height: 120%;
     padding-block: 10px;
     max-width: 75%;
}
 .footer-wrapper .newsletter_wrapper {
     gap: 16px;
}
 .footer-wrapper .newsletter-form .field .input {
     background-color: #ffffff;
     color: #3B3836;
     height: 64px;
     padding-inline-start: 16px;
     border-radius: 16px;
    }
    .footer-wrapper .newsletter-form .field .input:focus {
      background-color: #ffffff;
      color: #3B3836;
     padding-inline-start: 16px;
}
 .footer-wrapper .newsletter-form {
     max-width: 100%;
}
 .footer-wrapper .label.is-floating {
     color: #AEAAA8;
     font-size: 18px;
     margin-inline-start: 16px;
}
 .footer-wrapper .self-submit-button button {
     border-radius: 4px;
}
 .footer-wrapper .self-submit-button button:hover {
     background:#C4CDC9;
}
 .policy_wrapper .block{
     font-size:12px;
}
 .footer-wrapper .self-submit-button {
     width: 100px;
}
 .footer-wrapper .social_platform .icon-youtube-2 {
     fill: none;
}
 .footer-wrapper .footer__accordions {
     flex: 1;
     gap: 55px;
     justify-content: flex-end;
}
 .footer-wrapper .footer__accordions details {
     flex: 0 0 33%;
}
 .footer-wrapper .footer__left, .footer-wrapper .footer__right {
     padding-inline-end: 0;
}
 .footer-wrapper .details__summary .heading {
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 3px;
     line-height: 100%;
}
 .footer-wrapper .details__content .menu_item {
     font-size: 14px;
     line-height: 120%;
}
 .footer-copyright .credits {
     font-size: 12px;
}
 .policy_wrapper {
     display: flex;
     align-items: center;
     gap: 2px;
     padding-block-end: 8px;
}
 .footer-copyright .policy_link {
     margin-block-start: 0 !important;
}
/* Footer wrapper - End */
/* Footer Corner Radius */
 .footer-group .section--next-rounded, .footer-group .section--next-rounded:before {
     border-end-end-radius: 80px;
     border-end-start-radius: 80px;
}

.template-collection .footer-group .section--next-rounded, .template-collection .footer-group .section--next-rounded:before {
     background-color: #FFFFFF;
}
 .shopify-section-group-footer-group {
     background: #7a9b90;
}
 .Multi-blocks-wrapper, .Multi-blocks-wrapper:before, .transformations-section--main.section--rounded, .transformations-section--main.section--rounded:before {
     border-start-end-radius: 80px !important;
     border-start-start-radius: 80px !important;
}
/* Footer Corner Radius */
/* Image With Text Section */
.about-us .section--next-rounded:before{
background:#fff;
}
 .about-us .image-with-text__item .highlighted-text{
     font-size: 49px;
     font-family: Figtree Light !important;
    ;
     font-weight: 300;
     line-height: 120%;
}
 .about-us .image-with-text .subtext-md p{
     font-size: 20px;
     font-weight: 400;
     line-height: 120%;
    color: #3B3836;
}
 .about-us .flickity-viewport .logo-bar{
     margin-inline-end:10px !important;
}
 .about-us .flickity-viewport{
     height:300px;
}
 .about-us .flickity-viewport .logo__media , .logo__media img{
     height:320px;
     border-radius:9px;
}
 .about-us .image-with-text.with-background .image-with-text__image .media {
     border-radius: 20px;
}
 .about-us .scrolling-text{
     background:#EDF0EF;
}
/* End Image With Text Section */
/* product Series Section */
 .product-grid{
     gap: 8px;
}
 .product-card__details{
     flex-direction: column;
}
 .quick-add .button:after{
     border: none;
}
 .quick-add .button:hover{
     background:#C4CDC9;
     border-radius: 4px;
}
/* slider-element{
     padding: 0 !important;
}
 */
 .product-card__bottom{
     padding:0;
}
 .product-card__bottom .swatches--variant .color-swatch{
     border-radius:50%;
     height: 24px;
     width: 24px;
}
/* .product-card__bottom .swatches{
     gap: 2px;
}
 */
 .product-card__bottom .swatches li{
     border-radius: 50%;
     padding: 3px;
}
 .product-card__bottom .swatches li:nth-child(2){
     border: 1px solid #7A9B90;
}
 .product-card__bottom .swatches li:hover{
     border: 1px solid #7A9B90;
}
 .grab-to-scroll p{
     color: #3b3836;
     font-size: 25px;
     text-transform: uppercase;
     font-weight: 400;
     line-height: 10px;
     letter-spacing:2px;
}
 .product-card__content .product-card__top a{
     background-size:0 !important;
     color: #3B3836;
     font-size: 14px;
     font-weight: 700;
}
 .product-card__content .product-card__title{
     color: #344054;
     font-size: 20px;
     font-weight: 700;
     background-size:0 !important;
     line-height: 110.00000000000001%;
}
 .product-card__content .price{
     flex-direction: row;
}
 .product-card__content .price__sale{
     font-size: 17px;
     color:#878180;
}
 .product-card__content .price__sale:before{
     transform: rotate(0deg);
     border-block-end: 1px solid #878180;
}
 .product-card__content .price__regular{
     color:#3B3836;
     font-size: 17px;
}
 .custom-metafields-values span{
     font-size: 12px;
     font-weight: 400;
     line-height: 110.00000000000001%;
     color: #878180;
}
 .usp-inline {
  display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    color: #7a7a7a;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
 .usp-item {
     white-space: nowrap;
}
 .usp-separator {
     margin: 0 3px;
     color: #7a7a7a;
}
 .square{
     border-radius: 0;
}
 .round-slight{
     border-radius: 8px;
}
 .round{
     border-radius: 100px;
}
 /* .collection .collection__content .facets__scroll{
     z-index: 9;
     background: #ffffff;
} */
 /* .collection .collection__content #FacetFiltersContainer .facets__scroll{
        position: unset;
 } */
/* End product Series Section */
/* Image With Text Section */
 .about-us .rich-text .heading {
     letter-spacing: 0;
     color:#3B3836;
}
 .about-us .multicolumn-card__info p{
     letter-spacing:2px;
}
 .about-us .image-with-text__item picture{
     border-radius: 8px !important;
}
 .about-us .image-with-text__item strong{
     font-weight: 700;
     letter-spacing: 1.6px;
     color: #3B3836;
}
/* End Image With Text Section */
/* Product Listing Page */
 .product-card__content .promo-subtitle{
     font-size: 20px;
     font-weight: 700;
     line-height: 100%;
     text-transform: uppercase;
     letter-spacing: 2px;
}
 .product-card__content .promo-box{
     max-width: 440px;
}
 .product-card__content .promo-box .promo-content p{
     font-size: 20px;
     font-weight: 400;
     line-height: 140%;
     letter-spacing: 0;
}
 .product-card__content .promo-box .button{
     padding: 12px 40px;
     border-radius: 4px;
     font-weight: 700;
     margin-top: 20px;
     letter-spacing: 2px;
     gap: 5px;
}
 .quick-add .button{
     font-weight: 700;
     letter-spacing: 2px;
}
 .facet-wrapper .button{
     border-radius:80px;
     padding: 8px 40px;
     border: 1px solid #DE5829;
}
 .facet-wrapper .btn-text{
     color: #3B3836;
}
 .facet-wrapper .btn-text svg{
     color: #DE5829;
}
 .facet-sorting .button{
     padding: 8px 40px;
     border-radius:80px;
     border: 1px solid #C4D2DE;
     gap:10px;
     color: #3B3836;
}
 .sort-wrapper{
     width: 283px !important;
}
 .template-collection .multicolumn{
     max-width: 1600px;
     margin: 0 auto;
}
 .template-collection .scrolling-text-section .page-width{
     margin-top: 40px;
}
 .template-collection .grid .heading.title-md{
     color: #3B3836;
     font-size: 49px;
     line-height: 120%;
     letter-spacing: 2px;
     font-weight: 300;
}
 .template-collection .grid .description p{
     font-size: 18px;
     font-weight: 400;
     line-height: 140%;
     color: #3B3836;
}
 .template-collection .multicolumn .multicolumn-card__info p{
     font-size: 12px;
     line-height: 100%;
     font-weight: 700;
     font-family: 'Figtree Light' !important;
     color: #878180;
     letter-spacing: 1px;
     text-align: center;
}
 .template-collection .multicolumn .media{
     border-radius: 4px;
}
 .template-collection .title-wrapper{
     margin-bottom: 18px;
}
 .template-collection .card-grid .media-card__link .media img{
     width:100%;
     object-fit: cover;
}
 .template-collection .media-card--overlap .media-card__link .media:not(.loading):after{
     opacity:0;
}
 .template-collection .media-card__content .media-card__text .heading{
     background-size: 0;
     font-size: 31px;
     line-height: 120%;
     letter-spacing: 2px;
     font-weight: 300;
}
/* .template-collection .sticy-slider-on-mobile{
     padding: 1.25rem !important;
}
 */
 .sticy-slider-on-mobile .heading .split-words .block{
     font-family: 'Figtree Light' !important;
}
/* .template-collection .media-card__link:hover .media-card__text .leading-none {
     background-position-x: var(--transform-origin-start);
     background-size: 42% 2.35px;
}
 */
 .template-collection .media-card__link:hover .media-card__text .leading-none svg {
     transform: rotate(90deg);
}
 .template-collection .media-card__text .leading-none.reversed-link{
     background-position-x: var(--transform-origin-start);
     background-size: 16% 1.35px !important;
     background: linear-gradient(to var(--transform-origin-end), #F1D7C6, #F1D7C6) 0 var(--reversed-link-gap) / 0 2px no-repeat;
     font-size: 18px;
     font-weight: 800;
     letter-spacing: 2px;
     line-height: 100%;
}
 /* .template-collection .media-card__content .icon{
     display:none;
} */
 .template-collection .media-card__content .media-card__text{
     gap: 12px;
}
 .template-collection .card-grid{
     gap: 20px;
}
 .template-collection .grid .heading.title-sm{
     color: #3B3836;
     font-size: 25px;
     line-height: 110.00000000000001%;
     letter-spacing: 2px;
     font-weight: 400;
}
 .template-collection .comparison-table__row .horizontal-product{
     flex-direction: column;
}
 .template-collection .comparison-table__head{
     border-bottom: 1px solid #CFD1D2;
     display:flex;
     gap: var(--card-grid-gap);
}
 .template-collection .comparison-table__row{
     width: -webkit-fill-available;
}
 .template-collection span.comparison-table__column {
     max-width: 300px;
     width: 100%;
     color: #DE5829;
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 1px;
}
 .template-collection .comparison-table__column p,ul{
     font-size: 18px;
     line-height: 140%;
     font-weight: 400;
     text-transform: none;
}
 .template-collection .comparison-table__column.text-sm.rte {
     max-width: 300px;
     width: 100%;
}
 .template-collection .col-span-full ul{
     padding: 0 16px;
}
 .template-collection .link.text-sm{
     display:none;
}
/* .template-collection .comparison-table__row.thead{
     margin-left: 20rem;
     max-width: 1400px;
}
 */
 .template-collection .comparison-table{
     gap: 25px;
}
 .template-collection .comparison-table__column .horizontal-product__media{
     width:100%;
}
 .template-collection .text-opacity{
     display:none;
}
 .template-collection .horizontal-product__details .block {
     height: 71px;
}
 .template-collection .horizontal-product__details .block a{
     color: #344054;
     font-size: 20px;
     font-weight: 700;
     background-size: 0 !important;
     line-height: 110.00000000000001%;
}
 .template-collection .comparison-table__row .button{
      padding: 8px 24px;
      border-radius: 4px;
      gap: 8px;
     }
     .template-collection .comparison-table__row .button:hover {
          background: #c4cdc9;
     }
 .template-collection .comparison-table__row .button .btn-text{
     display: flex;
     justify-content: flex-start;
     width: max-content;
}
 .template-collection .collection__topbar{
     position: unset;
}
 .template-collection .slider--tablet.fixed{
     top:0;
     left:0;
     z-index:9;
     width:100%;
     padding-block: 10px;
     padding-inline: var(--page-padding);
     background:#ffffff;
     box-shadow: 0px 1px 1px -1px #00000020;
     --slider-padding: 0;
}

.template-collection .slider--tablet.fixed .multicolumn-card.card {
     scroll-snap-align: unset;
}
 .template-collection .collection .promo-usp-inline ul{
     list-style: unset;
     display: flex;
     gap: 35px;
     font-size: 16px;
     font-weight: 700;
     letter-spacing: 2px;
     text-transform: uppercase;
}
 .template-collection .collection .promo-usp-inline ul li:first-child {
     list-style: none;
}
/* End Product Listing Page */
/* Search Drawer - Start */
 #SearchDrawer .drawer__inner {
     max-width: 800px;
}
 #SearchDrawer .drawer__header {
     border-block-end: none;
     padding-block-end: 8px;
     padding-block-start: 20px;
     padding-inline: 20px;
}
 #SearchDrawer .drawer__scrollable {
     padding-inline: 20px;
     padding-block: 0;
}
 #SearchDrawer .suggestion_content_heading-wrapper {
     border-block-end: 1px solid #C4D2DE;
     padding-block: 10px;
}
 #SearchDrawer .search__box.search__recommendation {
     padding-inline: 16px;
     gap: 8px;
     padding-block-end: 20px;
}
 #SearchDrawer .search__form {
     gap: 20px;
}
 #SearchDrawer .drawer__title.heading {
     font-size: 20px;
     text-transform: capitalize;
     line-height: 140%;
}
 #SearchDrawer .drawer__close {
     margin: 0;
}
 #SearchDrawer .button--close.drawer__close {
     height: 30px;
     width: 30px;
     background: #F9FAFA;
}
 #SearchDrawer .suggestion_content_heading {
     text-transform: capitalize;
     font-size: 18px;
}
 #SearchDrawer .search__recommendation .reversed-link.font-medium {
     font-size: 18px;
}
 #SearchDrawer .search__field .search__input::placeholder {
     color: #A0B0AA;
}
 #SearchDrawer .search__field .typed search-typed, .search__field .typed .typed-cursor {
     color: #A0B0AA;
}
 #SearchDrawer .search__field .input {
     padding-inline: 8px;
     background: #F9FAFA;
}
 #SearchDrawer .media-card__text {
     transform: translate(0);
}
 #SearchDrawer .media-card__text .heading {
     font-size: 19px;
     color: #020202;
     line-height: 110%;
}
 #SearchDrawer .heading.link-text {
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 2px;
     background-size: 0 !important;
}
 #SearchDrawer .media-card__content {
     padding: 15px !important;
}
 #SearchDrawer .suggested_content_wrapper .media-card--standard .media {
     border-radius: 8px;
     height: max-content;
     overflow:hidden;
}
 #SearchDrawer .heading.link-text:after {
     content: "";
     position: absolute;
     bottom: -2px;
     left: 0;
     width: 40px;
     background-color: #f1d7c6;
     height: 2px;
}
 #SearchDrawer .icon-arrow-top-right {
     height: 7px;
     width: 7px;
}
 #SearchDrawer .search__form[results] .suggested_content_wrapper, .search__form[results] .suggestion_content_heading-wrapper {
     display: none;
}
 #SearchDrawer .suggested_content_wrapper .media-card .media img {
     width: 100%;
     height: auto;
     aspect-ratio: 3 / 5;
}
 #SearchDrawer .suggested_content_wrapper {
     padding-block-end: 15px;
}

 #SearchDrawer .suggested_collection-item__usp ul {
     display: flex;
     align-items: center;
     justify-content: space-between;
     column-gap: 20px;
     flex-wrap: wrap;
 }
 #SearchDrawer .suggested_collection-item__usp ul li {
      font-size: 10px;
      letter-spacing: 0px;
      list-style-type: disc;
     }
     #SearchDrawer .suggested_collection-item__usp ul li:first-child {
          list-style: none;
     }
/* Search Drawer - End */

/*  Harmon Aware Section - Start */
     .balance-section{
        user-select: none;
     }
      .balance-section .balance-heading {
        text-align: center;
        margin-bottom: 50px;
        /* max-width: 750px; */
        margin: 50px auto;
      }

      .balance-section .balance-heading h2 {
        font-size: 25px;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 110%;
        color: #3B3836;
        margin: 0;
      }

      .balance-section .balance-slider-container {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scrollbar-color: #ddd #f5f5f5;
      }

      .balance-section .balance-slider-container::-webkit-scrollbar {
        height: 8px;
      }

      .balance-section .balance-slider-container::-webkit-scrollbar-track {
        background: #f5f5f5;
        border-radius: 4px;
      }

      .balance-section .balance-slider-container::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 4px;
      }

      .balance-section .balance-slider-container::-webkit-scrollbar-thumb:hover {
        background: #ccc;
      }

      .balance-section .balance-slider {
        display: flex;
        gap: 30px;
        padding-bottom: 10px;
      }

      .balance-section .balance-block {
        flex: 0 0 calc(33.333% - 20px);
        position: relative;
        aspect-ratio: 1;
        overflow: hidden;
        cursor: pointer;
      }

      .balance-section .balance-block.shape-round {
        border-radius: 50%;
      }

      .balance-section .balance-block.shape-square {
        border-radius: 20px;
      }

      .balance-section .balance-block img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s ease-in-out;
      }

      .balance-section .balance-block:hover img {
        scale: 1.2;
      }

      .balance-section .balance-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.2);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: white;
        text-align: center;
        padding: 2rem 6rem;
        transition: background 0.3s ease;
      }

      .balance-section .balance-block:hover .balance-overlay {
        background: rgba(0, 0, 0, 0.3);
      }

      .balance-section .balance-title {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 2px;
        margin-bottom: 20px;
        text-transform: uppercase;
      }

      .balance-section .balance-plus {
        margin-top: 35px;
        width: 40px;
        height: 40px;
        background: white;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        font-size: 24px;
        color: #333;
        transition: transform 0.3s ease;
      }

      .balance-section .balance-description {
        font-size: 20px;
        margin-top: 15px;
        transition: opacity 0.3s ease;
        max-width: 100%;
        display: none;
      }

      .balance-section .balance-block:hover .balance-description {
        display: block;
      }
/*  Harmon Aware Section - End */

/*  Real Stories Sections - Start*/
 .transformations-section--main .transformations-header {
    text-align: center;
    margin-bottom: 40px;
        display: flex;
    align-items: center;
    justify-content: space-between;
    }

    /* Desktop Grid Layout with Scroll */
    .transformations-section--main .transformations-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 20px;
    user-select: none;
    }



    .transformations-section--main .transformation-card {
    flex: 0 0 calc(33.333% - 20px);
    min-width: 300px;
    }

    /* Mobile Scroll Container */
    .transformations-section--main .transformations-scroll {
    display: none;
    }
    .transformations-section--main .one-column-badge{
    display: none;
    }

    .transformations-section--main .transformation-card {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    }



    .transformations-section--main .before-image{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    }

    .transformations-section--main .after--image{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    }

    .transformations-section--main .image-comparison {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    }

    .transformations-section--main .comparison-image {
    position: relative;
    aspect-ratio: 4/5;
    overflow: hidden;
    }

    .transformations-section--main .comparison-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
    .comparison-image .placeholder {
      border-radius: 8px;
  }

    .transformations-section--main .image-label {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    padding: 6px 16px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    border-radius: 4px;
    }

    .transformations-section--main .card-content {
    padding: 24px 0;
    }

    .transformations-section--main .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    margin-top: 6px;
    }

    .transformations-section--main .star-rating {
    display: flex;
    gap: 4px;
    }



    .transformations-section--main .star.empty {
    color: #e0e0e0;
    }

    .transformations-section--main .customer-name {
    font-size: 16px;
    color: #3B3836;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 110.00000000000001%;
    }

    .transformations-section--main .testimonial-text {
      margin-bottom: 16px;
    }
    .about-us .transformations-section--main .testimonial-text p{
      font-size: 25px;
    }
    .transformations-section--main .testimonial-text p{
      font-size: 31px;
      line-height: 110%;
      color: #3B3836;
      font-weight: 400;
      letter-spacing: 2px;

    }

    .transformations-section--main .testimonial-description {
    font-size: 16px;
    line-height: 120%;
    color: #364857;
    font-weight:400;
    margin-bottom: 20px;
    }

    .transformations-section--main .show-more {
    color: #364857;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    }



    .transformations-section--main .detail-item {
    height: 4rem;
    }

    .transformations-section--main .detail-label {
    font-size: 16px;
    color: #878180;
    letter-spacing: 1px;
    margin-bottom: 4px;
    font-weight: 700;
    }

    .transformations-section--main .detail-value {
    font-size: 16px;
    color: #878180;
    font-weight: 400;
    }



    .transformations-section--main .shop-button svg {
    width: 16px;
    height: 16px;
    }

    /* Navigation Arrows for 1 Column Layout */
    .transformations-section--main .transformations-nav {
    display: none;
    }

    .transformations-section--main .nav-arrow {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #3B3836;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    }

    .transformations-section--main .nav-arrow:hover {
    transform: scale(1.1);
    }

    .transformations-section--main .nav-arrow:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    }

    .transformations-section--main .nav-arrow:disabled:hover {
    transform: none;
    }

    .transformations-section--main .nav-arrow svg {
    width: 20px;
    height: 20px;
    }

    .transformations-section--main .testimonial-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 100px;
    }
   .about-us .transformations-section--main .testimonial-content-wrapper {
      gap: 40px;
    }

    .transformations-section--main .testimonial-nav-wrapper {
    display: flex;
    justify-content: space-between;
    /* margin-top: auto; */
    padding-block-start: 5px;
    padding-inline-end: 5px;
    }

/*  Real Stories Sections - End*/

/*  Join Community Sections - Start  */
   .join-community-section .rewards-benefits-section {
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 90px 20px;
      border-radius: 8px;
    }
    .join-community-section .btn-container .save-btn{
         background: #7A9B90;
        border-radius: 4px;
        padding: 10px 40px;
        color: #fff;
            min-width: 12rem;
    width: max-content;
    max-width: max-content;
        display: block;
        text-align: center;
      letter-spacing: 2px;
      text-transform: uppercase;
    }
    .join-community-section .btn-container .save-btn:hover{
      background:#C4CDC9;
          color: #EBEBEB;
  }

    .join-community-section .rewards-benefits-section .rewards-container p{
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 500;
      color: #3B3836;
    }

    .join-community-section .rewards-benefits-section .rewards-overlay {
      position: relative;
      width: 100%;
      height: 100%;
    }

    .join-community-section .rewards-benefits-section .rewards-container {
      margin: 0 auto;
      display: flex;
      justify-content: flex-end;
      /* align-items: center; */
      min-height: 400px;
    }

    .join-community-section .rewards-benefits-section .rewards-content {
      display: flex;
      flex-direction: column;
      padding: 40px;
      width: 782px;
      /* height: max-content; */
      background: rgba(255, 255, 255, 0.6);
      backdrop-filter: blur(10px);
      border-radius: 20px;
      flex: none;
      order: 0;
      flex-grow: 0;
    }

    .join-community-section .rewards-benefits-section .rewards-title {
         font-size: 31px;
          font-weight: 400;
          text-transform: uppercase;
          color: #3B3836;

          max-width: 345px;

          line-height: 120%;
          letter-spacing: 1px;
          font-family: 'Figtree Light' !important;
    }

    .join-community-section .rewards-benefits-section .rewards-description {
      font-size: 13px;
      line-height: 1.7;
      color: #6b5b4b;
      margin-bottom: 30px;
    }

    .join-community-section .rewards-benefits-section .accordion-wrapper {
      margin-top: 3rem;
      margin-bottom: 0rem;
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .join-community-section .rewards-benefits-section .accordion-item {
      border-bottom: 1px solid rgba(90, 74, 58, 0.2);
          padding: 18px 0;
              display: flex;
    flex-direction: column;
    gap: 10px;
    }
    .join-community-section .rewards-benefits-section .accordion-item span{
      letter-spacing: 2px;
    }
    .join-community-section .rewards-benefits-section .accordion-header {
      width: 100%;
      padding:  0;
      max-width:90%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: none;
      border: none;
      cursor: pointer;
      font-size: 18px;
      font-weight: 700;
      color: #3B3836;
      text-align: left;
      transition: color 0.3s ease;
    }

    .join-community-section .rewards-benefits-section .accordion-icon {
          transition: transform 0.3s ease;
  color: #5a4a3a;
  flex-shrink: 0;

    }

    .join-community-section .rewards-benefits-section .accordion-item.active .accordion-icon {
      transform: rotate(180deg);
    }

    .join-community-section .rewards-benefits-section .accordion-content {
      max-height: 0;
      overflow: hidden;
          max-width: 90%;
      transition: max-height 0.4s ease;
    }

    .join-community-section .rewards-benefits-section .accordion-item.active .accordion-content {
      max-height: 500px;
      max-width:90%;
    }
/*  Join Community Sections - End  */
/*  Commitment Section - Start  */
    .commitment-section {
      position: relative;
      width: 100%;
      overflow: hidden;
    }

    .commitment-section .commitment-container {
      position: relative;
      border-radius: 20px;
      overflow: hidden;
      height: 100%;

    }

    .commitment-section .commitment-bg-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .commitment-section .commitment-content {
      display: flex;
      gap:20px;
      padding: 20px;
      flex-direction: column;
      justify-content:space-evenly;
    }

    .commitment-section .commitment-title {
      font-size: 25px;
      font-weight: 400;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #ffffff;
      margin: 0 0 5rem 0;
    }

    .commitment-section .commitment-description {
      font-size: 18px;
      line-height: 1.6;
      font-weight: 400;
      color: #ffffff;
      max-width: 600px;
      margin: 0;
    }

    .commitment-section .commitment-cards-wrapper {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none;
      margin-left: -2rem;
      margin-right: -2rem;
      padding-left: 2rem;
      padding-right: 2rem;
    }

    .commitment-section .commitment-cards-wrapper::-webkit-scrollbar {
      display: none;
    }

    .commitment-section .commitment-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 1.5rem;
    }

    .commitment-section .commitment-card {
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      background: rgba(255, 255, 255, 0.5);
      backdrop-filter: blur(10px);
      border-radius: 12px;
      padding: 1.5rem;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .commitment-section .commitment-header .description{
       font-size: 18px;
      font-weight: 400;

    }
    .commitment-section .commitment-header .title-wrapper{
      margin:0;
    }
    .commitment-section .commitment-header .title-wrapper .grid{
      gap:80px;
    }
    .commitment-section .commitment-header .heading.title-sm{
       font-size: 25px;
      font-weight: 400;
      letter-spacing: 2px;
    }

    .commitment-section .commitment-card-title {
      font-size: 14px;
      font-weight: 600;
      color: #3B3836;
      margin: 0 0 0.5rem 0;
      text-transform: capitalize;
      letter-spacing: 2px;
    }

    .commitment-section .commitment-card-text {
      font-size: 12px;
      line-height: 1.5;
      color: #3B3836;
      margin: 0 0 1rem 0;
    }

    .commitment-section .commitment-card-link {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 14px;
      font-weight: 600;
      color: #333;
      text-decoration: none;
      transition: gap 0.3s ease;
      cursor: pointer;
      background: none;
      border: none;
       letter-spacing: 2px;
      padding: 0;
      font-family: inherit;
    }

     .commitment-section .commitment-card-link svg {
      width: 12px;
      height: 6px;
      transition: transform 0.3s ease;
    }

    .commitment-section .commitment-card-link svg.rotate {
      transform: rotate(180deg);
    }

    .commitment-section .commitment-card-expanded-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }

    .commitment-section .commitment-card-expanded-content.active {
      max-height: 500px;
      margin-top: 1rem;
    }

    .commitment-section .commitment-card-image {
      width: 100%;
      height: auto;
      border-radius: 8px;
      margin-bottom: 0.75rem;
    }

    .commitment-section .commitment-card-expanded-text {
      font-size: 12px;
      line-height: 1.5;
      color: #666;
      margin: 0;
    }
/*  Commitment Section - End  */

/* product page - start */
 .custom-product-info-wrapper .product--thumbnail .product__media-list .product__media {
     border-radius: 8px;
  }
 .custom-product-info-wrapper .product__thumbnails--left .product__media-container {
     display: flex;
     flex-direction: row;
     gap: 0px;
  }
 .product-form-wrapper{
     margin-top: 20px;
  }
 .custom-product-info-wrapper .product__info .product__title .heading{
     font-size: 25px;
     font-weight: 400;
 }
 .custom-product-info-wrapper .product__info .product__title{
     gap:6px;
     margin-top:40px;
  }
 .custom-product-info-wrapper .product__info .price__sale{
     color: #878180;
  }
 .custom-product-info-wrapper .product__info .back-in-stock.buy-buttons{
     gap: 8px;
     flex-wrap: nowrap;
  }
 .custom-product-info-wrapper .product__info .usp-inline {
     display: flex;
     flex-wrap: wrap;
     gap: 4px;
     align-items: center;
     color: #7a7a7a;
     font-size: 14px;
     text-transform: uppercase;
     border-bottom: 1px solid #DCDAD9;
     padding-bottom: 20px;
     padding-top: 10px;
  }
 .custom-product-info-wrapper .product__info .product-category{
     font-weight: 700;
     font-size: 16px;
     line-height: 100%;
     letter-spacing: 1.6px;
     text-transform: uppercase;
     color: #3B3836;
     margin-top: 8px;
  }
 .custom-product-info-wrapper .product__info .usp-item {
     white-space: nowrap;
  }
 .custom-product-info-wrapper .product__info .color-swatch:after {
     --tw-shadow-color: #7A9B90;
  }
 .custom-product-info-wrapper .product__info .usp-separator {
     margin: 0 3px;
     color: #7a7a7a;
  }
 .custom-product-info-wrapper .product__info .price__sale:before {
     transform: rotate(0deg);
     border-block-end: 1px solid #878180;
  }
 .custom-product-info-wrapper .product__info .product__price :is(.price__sale,.unit-price), .custom-product-info-wrapper .product__info .product__price .price__regular {
     font-size: 20px;
     font-weight: 400;
  }
 .custom-product-info-wrapper .product__info .product__price {
     margin-top:8px;
     gap: 8px;
  }
 .custom-product-info-wrapper .product__info .custom-product-text{
     padding: 0px;
     margin: 0px;
  }
 .custom-product-info-wrapper .product__info .product__text+.product__text .product__text-inner{
     color: #344054;
  }
 .custom-product-info-wrapper .product__info .product__text+.product__text .product__text-inner, .product__text:has(+.product__text) .product__text-inner{
     padding-left: 0px;
     padding-top: 0px;
  }
 .product__text:has(+.product__text) .product__text-inner{
     padding-bottom: 8px;
  }
 .custom-product-info-wrapper .product__info .product__text+.product__text.even .product__text-inner {
     background-color: rgb(var(--color-background));
  }
 .custom-product-info-wrapper .product__info .variant-picker{
     margin-top: 40px;
  }
 /* .product__info .variant-picker .font-medium{
     display: none;
  } */
 .custom-product-info-wrapper .product__info .variant-picker .form__label .flex.gap-2{
     color: #878180;
     font-weight: 400;
     font-size: 14px;
  }
 .custom-product-info-wrapper .product__info .quantity {
   border-radius: 80px;
   border: 1px solid #000000;
   padding: 8px 20px;
   height: 40px;
   min-height: 40px;
   width: 120px;
   justify-content: space-between;
  }
  .custom-product-info-wrapper .product__info .quantity .quantity__button {
    padding-inline: 2px;
  }
    .custom-product-info-wrapper .product__info .product-form__submit:hover{
      background: #c4cdc9;
      color: #ebebeb !important;
    }
    .custom-product-info-wrapper .product__info .quantity .quantity__input{
      font-size: 17.43px;
    }
    .custom-product-info-wrapper .product__info .product-form__submit{
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 3px;
      height:40px;
      min-height: 40px;
      padding-block: 8px;
 }
 .custom-product-info-wrapper .product__info .cc-custom-add-cart{
     display: flex;
     gap: 10px;
 }
 .product-sticky-form__variant{
     gap: 16px;
     display: flex;
 }
 .product-sticky-form__variant .sticky-product-image{
     height:100%;
     border-radius: 8px !important;
     width: 165px;
 }
 .product-sticky-form__variant .sticky-product-image img{
     height: 100%;
     width: 100%;
     object-fit: cover;
 }
 .product-sticky-form__variant .sticky-product-title{
       font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    color: #3B3836;
    line-height: 110.00000000000001%;
 }
 .product-sticky-form__variant .price__sale{
     font-size: 16px;
     font-weight: 400;
 }
 .product-sticky-form__variant .price__sale:before{
     transform: rotate(0deg);
     border-block-end: 1px solid #878180;
 }
 .product-sticky-form__variant .price__regular{
     color: #3B3836;
     font-weight: 400;
 }
 .product-sticky-form__variant .sticky-add-to-cart{
     flex-direction: column;
     align-items: center;
     padding: 0px;
     width: 382px;
     height: 40px;
     font-weight: 700;
     font-size: 16px;
     align-items: center;
     text-align: center;
     letter-spacing: 1.6px;
     text-transform: uppercase;
 }
 .product-sticky-form__variant button.button.button--primary.Sticky-add-to-cart{
     padding: 0px;
     gap: 8px;
     width: 100%;
     letter-spacing: 2px;
     height: 40px;
 }
 .product-sticky-form__variant .grid{
     width: 100%;
 }
 .product-sticky-form__variant .usp-inline{
     border-bottom: 1px solid #DCDAD9;
     padding-bottom: 8px 
 }
 .product__thumbnails-list .product__thumbnail img{
     border-radius: 3.17px;
 }
 .custom-product-info-wrapper .swatches .color-swatch{
     height: 24px;
     width: 24px;
 }
 .product-sticky-form__card {
     padding: 16px 11.5px;
 }
 .product-sticky-form__card .price--on-sale{
     padding-bottom: 12px;
 }

 .custom-skin-tint .product__text-inner{
  padding: 0;
 }
/* product page - end */

/*  Restore Balance Section - Start  */
 .bskin-hero-section .bskin-hero-section__pill p{
    font-weight:400;
  }

  .bskin-hero-section .bskin-hero-section__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 800px;
    margin: 0 auto;
  }

  .bskin-hero-section .bskin-hero-section__line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 48px;
    font-weight: 300;
  }
   .bskin-hero-section .bskin-hero-section__pill {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 25px;
    font-weight: 500;
  }
/*  Restore Balance Section - End  */

/*  Testomonial With Slider - Start */
 .testimonial-section .testimonial-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
  .testimonial-section .testimonial-rating_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
  .testimonial-section .testimonial-grid {
        display: flex;
    flex-wrap: nowrap;
    overflow: auto hidden;
    scroll-behavior: smooth;
    gap: 20px;
    user-select: none;
    scrollbar-width: none;
  }
  .testimonial-section .before-after-wrapper {
    display: flex;
    gap: 2px;
    margin-bottom: 20px;
  }

  .testimonial-section .image-container {
    position: relative;
    flex: 1;
    overflow: hidden;
    aspect-ratio: 3/5;
  }
  .testimonial-section .image-container.before-image {
        border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
  }
  .testimonial-section .image-container.after-image {
        border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
  }

  .testimonial-section .image-container img {
    width: 100%;
    height: 100%;

  }
  .testimonial-section .testimonial-content {
    text-align: left;
    padding-inline-start: 5px;
  }

  .testimonial-section .star-rating {
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
  }

  .testimonial-section .star {
    font-size: 18px;
  }

  .testimonial-section .customer-info {
    display: flex;
    align-items: center;
    gap: 10px;
  }
   .testimonial-section .button:after {
        transition: none;
    }
/*  Testomonial With Slider - End */

/*  loyalty-video-with-text-overlay  - Start */
   .loyalty-video-with-text-overlay .video-hero .media video,
    .loyalty-video-with-text-overlay span.banner__overlay.absolute.top-0.left-0.w-full.h-full.pointer-events-none{
      border-radius: 8px;
    }
    .loyalty-video-with-text-overlay .video-hero .banner__title{
        letter-spacing: 1.6px;
        font-family: 'Figtree Light' !important;
    }

     .loyalty-video-with-text-overlay .heading .split-words .block{
        font-family: 'Figtree Light' !important;
      }
/*  loyalty-video-with-text-overlay  - End */

/*  images-with-text Loyalty Page - Start  */
 .page-loyalty-program .cc-loyalty-image-with-text .image-with-text .media{
        background-color: transparent;
    }
    .page-loyalty-program .image-with-text__image-second+.image-with-text__image-first{
        transform: rotate(calc(0deg * var(--transform-logical)));
    }
    .page-loyalty-program .cc-loyalty-image-with-text .image-with-text__image-second {
        inset-block-start: 64%;
    }
    .page-loyalty-program .cc-loyalty-image-with-text .image-with-text__item .rich-text .split-words{
        font-size: 25px;
        font-weight: 400;
    }
      .page-loyalty-program .cc-loyalty-image-with-text .image-with-text{
    gap:68px;
  }
  .page-loyalty-program .cc-loyalty-image-with-text .image-with-text .image-with-text__media .media img{
      width: 100%;
  }
  .js .section--rounded :is(.banner__map,.desktop-image.banner__media,.banner__overlay,.video-hero){
overflow: hidden;
  }
  .desktop-image, .mobile-image {
    
    object-fit: cover;
  }

.mobile-image, mobile-video {
  display: none;
}

.desktop-image, desktop-video {
  display: block;
}
/*  images-with-text Loyalty Page - End  */

/*  How It Work Section Loyalty Page - Start  */
  /* Grid Layout (for 4 or fewer cards on desktop) */
  .main-how-it-works .rewards-steps .grid-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 8px;
    align-items: start;
  }

  /* Card Styles */
  .main-how-it-works .rewards-step {
    text-align: left;
    opacity: 1;
    transition: opacity 0.3s ease;
  }

  .main-how-it-works .step-image {
    margin-bottom: 30px;
    height: 140px;
    display: flex;
    align-items: center;
  }

  .main-how-it-works .step-image img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
  }

  .main-how-it-works .step-content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 0px;
    border-top: 1px solid #DCDAD9;
    transition: border-width 0.3s ease, border-color 0.3s ease;
          width: 100%;
  }


  /* Slider Wrapper */
  .main-how-it-works .rewards-slider-wrapper {
    position: relative;
    width: 100%;
  }

  /* Slider Container */
  .main-how-it-works .rewards-slider {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
  }

  .main-how-it-works .rewards-slider::-webkit-scrollbar {
    display: none;
  }

  .main-how-it-works .rewards-slider:active {
    cursor: grabbing;
  }

  /* Slider Track */ 
   /* .main-how-it-works .slider-track {
    display: flex;
    gap: 32px;
  } */

  /* Slider Card - Opacity applied only in slider mode */
  .main-how-it-works .slider-card {
    min-width: calc(25% - 22px);
    flex-shrink: 0;
    opacity: 0.35;
    transition: opacity 0.3s ease;
  }

  .main-how-it-works .slider-card.is-selected  {
    opacity: 1;
  }
/*  How It Work Section Loyalty Page - End  */

/*  Loyalty Rewards Benefits Section - Start  */
  .main-reward-and-benefit .rewards-benefits-section {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px 20px;
    border-radius: 8px;
  }

  .main-reward-and-benefit .rewards-benefits-section .rewards-container{
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
    color: #3B3836;
  }
    .main-reward-and-benefit .rewards-benefits-section .accordion-inner p{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #3B3836;
  }

  .main-reward-and-benefit .rewards-benefits-section .rewards-overlay {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .main-reward-and-benefit .rewards-benefits-section .rewards-container {
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 400px;
  }

  .main-reward-and-benefit .rewards-benefits-section .rewards-content {
    display: flex;
    flex-direction: column;
    padding: 40px;
    width: 782px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    flex: none;
    order: 0;
    flex-grow: 0;
  }


  .main-reward-and-benefit .rewards-benefits-section .rewards-description {
    font-size: 13px;
    color: #6b5b4b;
    margin-bottom: 30px;
  }

  .main-reward-and-benefit .rewards-benefits-section .accordion-wrapper {
    margin-top: 6.5rem;
    margin-bottom: 6rem;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .main-reward-and-benefit .rewards-benefits-section .accordion-item {
    border-bottom: 1px solid rgba(90, 74, 58, 0.2);
  }

  .main-reward-and-benefit .rewards-benefits-section .accordion-header {
    width: 100%;
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    color: #3B3836;
    text-align: left;
    transition: color 0.3s ease;
    letter-spacing:1.6px;
  }

  .main-reward-and-benefit .rewards-benefits-section .accordion-icon {
    transition: transform 0.3s ease;
    color: #5a4a3a;
    flex-shrink: 0;
    margin-left: 10px;
  }

  .main-reward-and-benefit .rewards-benefits-section .accordion-item.active .accordion-icon {
    transform: rotate(180deg);
  }

  .main-reward-and-benefit .rewards-benefits-section .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }

  .main-reward-and-benefit .rewards-benefits-section .accordion-item.active .accordion-content {
    max-height: 500px;
  }
   .main-reward-and-benefit .rewards-benefits-section p {
   font-size: 21px;
    }
/*  Loyalty Rewards Benefits Section - End  */

/*   Loyalty Rewards Points Sections - Start  */
      /* Base styles */
    .loyalty-tier-section {
      width: 100%;
    }

    .loyalty-tier-section .loyalty-section {
      position: relative;
      padding: 60px 20px;
      min-height: 400px;
      border-radius: 0;

    }

    .loyalty-tier-section .loyalty-background-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
      border-radius: 8px;
    }

    .loyalty-tier-section .loyalty-heading {
      position: relative;
      z-index: 2;
      text-align: center;
      font-size: 31px;
      font-weight: 700;
      letter-spacing:1.6px;
    }

    /* Desktop Layout */
    .loyalty-tier-section .loyalty-tiers-container {
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 20px;
        flex-wrap: nowrap;
        max-width: 1000px;
        margin: 0 auto;
        top: 3rem;
        width: 100%;
    }

    .loyalty-tier-section .loyalty-tier {
      border-radius: 8px;
        padding: 30px 20px;
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        position: relative;
        padding-bottom: 5rem;
        padding-top:2rem;
    }

    .loyalty-tier-section .tier-header {
      margin-bottom: 25px;
      padding-bottom: 20px;
    }

    .loyalty-tier-section .tier-info h3 {
      font-size: 30px;
      margin: 0 0 20px;
      font-weight: 500;
        text-transform: capitalize;
    }

    .loyalty-tier-section .tier-price {
      font-weight: 500;
      font-size: 18px;
    }

    .loyalty-tier-section .tier-subtitle {
      font-size: 16px;
      margin-top: 12px;
      font-weight: 400;
      font-style: italic;

    }
    .loyalty-tier-section .tier-1 .tier-benefits {
        /* margin-top: 5rem; */
    }
    .loyalty-tier-section .tier-benefits {
      margin-top: 10px;
      flex-grow: 1;
    }

    .loyalty-tier-section .tier-benefits p {
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 400;
      position: relative;
      padding-left: 30px;
      display:flex;
      align-items:center;
    }

    .loyalty-tier-section .tier-benefits p:last-child {
      margin-bottom: 0;
    }

    .loyalty-tier-section .tier-benefits p::before {
      content: "";
      display: inline-block;
      background-size: contain;
      background-repeat: no-repeat;
      width: 14px;
      height: 13px;
      position: absolute;
      left: 0;
    }
   

/*   Loyalty Rewards Points Sections - End  */
.custom-collection .collection .collection__content{
  gap:0;
}
 .Multi-blocks-wrapper .slider--tablet{
          margin-inline-end: 0 !important;
    padding-inline-end: 0 !important;
     }
     .grab-to-scroll .flickity-enabled{
      position:absolute !important;

     }
 @media screen and (min-width: 768px) {
    /* Footer wrapper - Start */
     .footer-wrapper .footer {
         grid-template-columns: 1fr 1fr;
    }
     .footer-wrapper .footer__left, .footer-wrapper .footer__right {
         border-inline-start: 0;
         border-inline-end: 0;
         border-block: 0;
    }
    /* Footer wrapper - End */
    /* sticky box */
     .product-sticky-form {
         width: 470px;
        /* box-shadow: 0px 2px 4px rgba(152, 162, 179, 0.16), 0px 4px 10px rgba(152, 162, 179, 0.06);
         border-radius: 8px;
         */
    }
     .product-card__media .badges{
         grid-auto-flow: column;
    }
    /* Product Listing Page */
     .template-collection .comparison-table__row.thead{
         margin-left: 20rem;
         max-width: 1400px;
         padding-bottom: 40px;
    }
    /* End Product Listing Page */
    /* Image With Text Section */
     .about-us .rich-text .rte.subtext-md{
         margin-top: 45px;
    }
    /* End Image With Text Section */
    /* Multi-Block - Start */
     /* .Multi-blocks-wrapper .page-width {
         padding: 0;
    } */
    /* Multi-Block - End */
    /*PLP Page Promo Collection*/
     .product-card__content .promo-box .button:hover{
         background:#DCDAD9;
         color: #494542;
    }
     .product-card__content .promo-box .button:hover svg path {
         stroke: #494542;
    }
    /*PLP Page Promo Collection*/
    .cc-heading{
            height: 3rem;
        align-content: center;
        margin-bottom: 5.5rem;
  }
  .Multi-blocks-wrapper .media-card--overlap .media-card__text span.heading-inner, .Multi-blocks-wrapper .media-card--overlap .media-card__link .description_text{
    height:0;
  }
  .Multi-blocks-wrapper .media-card--overlap:hover .media-card__text span.heading-inner, .Multi-blocks-wrapper .media-card--overlap:hover .media-card__link .description_text{
     height:max-content;
  }
  .Multi-blocks-wrapper .media-card--overlap:hover .cc-heading{
    margin-bottom: 0;
     height: 0;
  }
}
 @media (max-width: 1460px) and (min-width: 768px) {
    /* Your styles here */
     .blog-post-collage .article-card .article-card__title{
         font-size: 13px;
    }
}
@media (max-width: 1600px) and (min-width: 1024px){
  .Multi-blocks-wrapper .card-grid {
        --slider-item-width: 23vw;
    --slider-grid: auto / auto-flow var(--slider-item-width);
    grid: var(--slider-grid);
  }
   .Multi-blocks-wrapper .slider--tablet {
        overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    padding-inline: var(--slider-padding);
    margin-inline: calc(var(--slider-padding) * -1);
    scroll-padding-inline: var(--slider-padding);
    padding-block-end: var(--card-shadow-vertical-offset);
  }
}
@media (min-width: 769px) and (max-width: 1258px) {
     /*  Harmon Aware Section - Start */
        .balance-section .balance-overlay{
          padding: 2rem 2rem;
        }
     /*  Harmon Aware Section - End */
     .multicolumn.with-4.card-grid--4  {
        --card-grid-per-row: 4;
    }
      }
@media (max-width: 900px) {
     /*  Harmon Aware Section - Start */
        .balance-section .balance-block{
           flex: 0 0 calc(50% - 15px);
        }
     /*  Harmon Aware Section - End */
}
 @media screen and (max-width: 1023px) {
     .custom-product-info-wrapper .product__thumbnails.with-dots .product__thumbnail:before {
         color: #7A9B90;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         padding: 5px;
         gap: 5px;
         width: 8px;
         height: 8px;
         background: #7A9B90;
         border-radius: 50px;
    }
     .product__thumbnails.with-dots .product__thumbnail[aria-current=true]:before{
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         padding: 3px;
         gap: 5px;
         width: 8px;
         height: 8px;
         border: 3px solid #7A9B90;
         border-radius: 50px;
         background: #ffffff;
         box-shadow: none;
    }
      /*  How It Work Section Loyalty Page - Start  */
      .main-how-it-works .slider-card {
        min-width: calc(50% - 16px);
      }
    /*  How It Work Section Loyalty Page - End  */
}
 @media only screen and (max-width: 768px) {
    /* Hero Banner - Start */
      .desktop-image , desktop-video {
    display: none;
  }

  .mobile-image , mobile-video {
    display: block;
  }
     .hero-section .slideshow-word {
         gap: 200px;
    }
     .hero-section .slideshow-logo {
         max-width: 130px;
    }
     .slideshow-word h2 split-words span animate-element {
         font-size: 30px;
         line-height: 120%;
         letter-spacing: 3px;
    }
     .slideshow-word h2 split-words em span animate-element {
         font-size: 38px;
         letter-spacing: 0px;
    }
     .video-hero .banner__title{
         font-size: 29px;
    }
    .blog-post-collage.section:before{
             background: #fff !important;
    }
    /* Hero Banner - End */
    /* About us page image with text section */
     .about-us .flickity-viewport .logo__media , .logo__media img{
          height: 160px;
          border-radius: 9px;
     }
    /* End About us page image with text section */
    /* Annuncement Bar - Start */
        .topbar.page-width {
            padding-inline: 15px;
        }
        .announcement-bar .fader {
            padding-inline: 5px;
        }
    /* Annuncement Bar - End */
    /* Splitting Banner - Start */
        .splitting-banner .reveal-banner__scroller .banner__box--large {
            padding-top: 40px;
        }
        .splitting-banner .reveal-banner__scroller .banner__box--large .splitting-wrapper .highlighted-text {
            font-family: 'Figtree' !important;
            font-size: 25px;
            letter-spacing: 1px;
        }
        .splitting-banner .block-wrapper {
          display: unset;
        }
        .splitting-banner .block-wrapper .block-container {
          width: 100%;
        }
        .splitting-banner .block-wrapper .block-container .block-text {
            font-size: 15px;
        }
        .splitting-banner .block-wrapper .block-container .block-image {
            height: 48px;
            width: 48px;
        }
        .custom-index .splitting-banner .blocks-btn-wrapper {
            gap: 30px;
        }
        /* .splitting-banner .banner__box .leading-none {
            line-height: 0.7;
        } */
        .splitting-banner .reveal-banner__tracker {
            height: calc(35lvh - 20%);
        }
        .splitting-banner .reveal-banner__scroller {
            height: 35lvh;
        }
    /* Splitting Banner - End */
    /* Collection list - Start */
        .collection-list .media-card__content {
            padding: 12px 8px;
        }
        .collection-list .media-card__content .media-card__text .heading {
            font-size: 18px;
            letter-spacing: 1px;
            font-family: Figtree !important;
        }
        .collection-list .media-card__content .shop_now-btn-wrapper .mega-menu__link .shop_now-btn{
            font-size: 14px;
        }
        .custom-collection .collection-list .media-card__link .media--portrait img{
          aspect-ratio: 5 / 4;
        }
    /* Collection list - End */
    /* Scrolling text - Start */
        .scrolling-text-section .page-width {
            max-width: 90%;
            padding-block: 12px;
            border-radius: 4px;
        }
        .scrolling-text-section .scrolling-text__item.with-text {
            font-size: 12px;
        }
        .scrolling-text .marquee {
            gap: calc(40px / 2);
        }
    /* Scrolling text - End */
    /* Portfolio - Start */
        .portfolio-section .portfolio .profile.card .profile__content .heading {
            font-size: 25px;
        }
        .portfolio-section .profile__content_details[open] {
            justify-content: flex-start;
            gap: 30px;
        }
        .portfolio-section .profile__button {
            height: 30px;
            width: 30px;
        }
        .portfolio-section .profile__button .icon-plus-2 {
            height: 11px;
            width: 11px;
        }
        .portfolio-section .portfolio_content_description {
            font-size: 18px;
        }
        .portfolio-section .portfolio_shop_now-btn-wrapper .portfolio_shop_now-btn {
            font-size: 16px;
            max-width: 60%;
        }
    /* Portfolio - End */
    /* Multi-Block - Start */
        /* .Multi-blocks-wrapper .media-card--overlap:hover .media-card__text {
            gap: 0px !important;
        }
        */
        .about-us .Multi-blocks-wrapper .subtext-md p{
            font-size: 16px;
        }
        .Multi-blocks-wrapper .media-card--overlap:hover .media-card__text {
            gap: var(--sp-0d5);
        }
        /* .Multi-blocks-wrapper .page-width {
            padding-inline-start: 0;
        } */
        .Multi-blocks-wrapper .description {
            font-size: 16px;
            max-width: 100%;
            line-height: 120%;
        }
        .Multi-blocks-wrapper .media-card--overlap .media-card__link .media:not(.loading):after {
            content: "";
            transition: all .7s ease;
            background-color: rgb(var(--color-overlay) / 0.3);
        }
        .Multi-blocks-wrapper .media-card--overlap .media-card__link .description_text {
            font-size: 16px;
        }
        .Multi-blocks-wrapper .media-card--overlap .media-card__link .shop_now-btn-wrapper .shop_now-btn {
            font-size: 16px;
        }
    /* Remove hover effects on mobile */
     .Multi-blocks-wrapper .media-card--overlap:hover .media-card__link .media img {
         transform: scale(1);
    }
     .Multi-blocks-wrapper .media-card--overlap:hover .media-card__text span.heading {
         display: block;
         opacity: 1;
         visibility: visible;
    }
     .Multi-blocks-wrapper .media-card--overlap:hover .media-card__text span.heading-inner {
         opacity: 0;
         visibility: hidden;
    }
     .Multi-blocks-wrapper .media-card--overlap:hover .media-card__link .description_text {
         opacity: 0;
         visibility: hidden;
    }
     .Multi-blocks-wrapper .media-card--overlap:hover .media-card__link .shop_now-btn-wrapper {
         opacity: 0;
         visibility: hidden;
    }
     .Multi-blocks-wrapper .media-card--overlap:hover .media-card__link .multi_block__button {
         opacity: 1;
         visibility: visible;
    }
    /* Active state when clicked */
     .Multi-blocks-wrapper .media-card--overlap.active .media-card__link .media img {
         transform: scale(1.2);
         transition: all 1s ease;
    }
     .Multi-blocks-wrapper .media-card--overlap.active .media-card__link .media:not(.loading):after {
         content: "";
         transition: all 0.7s ease;
    }
     .Multi-blocks-wrapper .media-card--overlap.active .media-card__text span.heading {
         display: none;
         opacity: 0;
         visibility: hidden;
    }
     .Multi-blocks-wrapper .media-card--overlap.active .media-card__text span.heading-inner {
         display: block;
         opacity: 1;
         visibility: visible;
         transition: all 0.7s ease;
    }
     .Multi-blocks-wrapper .media-card--overlap.active .media-card__link .description_text {
         display: block;
         opacity: 1;
         visibility: visible;
         transition: all 0.7s ease;
    }
     .Multi-blocks-wrapper .media-card--overlap.active .media-card__text {
         gap: 20px;
    }
     .Multi-blocks-wrapper .media-card--overlap.active .media-card__link .shop_now-btn-wrapper {
         display: block;
         opacity: 1;
         visibility: visible;
         transition: all 0.7s ease;
    }
     .Multi-blocks-wrapper .media-card--overlap.active .media-card__link .multi_block__button {
         opacity: 0;
         visibility: hidden;
         transition: all 0.3s ease;
    }

     /* .Multi-blocks-wrapper .media-card--overlap:hover .media-card__text {
          padding: 0;
     } */
    /* Multi-Block - End */
    /* Insta Feed - Start */
     .shop-the-feed-wrapper .media-card__button {
         display: none;
    }
     .shop-the-feed-wrapper .media-card__content .horizontal-product__media {
         height: 75px !important;
         width: 55px !important;
    }
     .shop-the-feed-wrapper .title-wrapper .heading.title-sm {
         font-size: 25px;
         font-family: Figtree !important;
    }
    /* Insta Feed - End */
    /* Blog post collage - Start */
     .blog-post-collage .title-wrapper .heading.title-sm {
         font-size: 25px;
         font-family: Figtree !important;
         letter-spacing: 1px;
    }
    .blog-post-collage .content-overlay-true .article-card .article-card__media {
      border-radius: 20px;
    }
     .blog-post-collage .content-overlay-true .article-card:not(.first-card) .article-card__media {
         aspect-ratio: 1;
         width:100%;
    }
     .blog-post-collage .content-overlay-true .article-card:not(.first-card) .article-card__content {
         right: auto;
         bottom: 0;
         left: 0;
         max-width: 100%;
         padding-inline: 20px;
         padding-block: 20px;
         height: auto;
    }
     .blog-post-collage .content-overlay-true .article-card:not(.first-card) .article-card__media .media img {
         aspect-ratio: 1;
    }
     .blog-post-collage .article-card.first-card .article-card__link {
          aspect-ratio: 358 / 480 !important;
     }
     .blog-post-collage .article-card.first-card .article-card__title {
         font-size: 25px !important;
         font-family: Figtree !important;
    }
     .blog-post-collage .article-card .article-card__title {
         font-size: 18px !important;
    }
     .blog-post-collage .article-card .main_blog_title {
         left: 20px !important;
         top: 20px !important;
         border-radius: 0;
    }
     .blog-post-collage .article-card .article-card__content {
         gap: 40px !important;
    }
     .blog-post-collage .content-overlay-true {
         gap: 20px;
    }
     .blog-post-collage .article-card.first-card .article-card__image {
         aspect-ratio: 2 / 3 !important;
    }
    /* Blog post collage - End */
    
    /* PLP page */
     .grab-to-scroll .title-wrapper {
         gap: 20px;
         margin-block-end: 0;
    }
     .template-collection .card-grid{
         gap:8px;
    }
     .template-collection .grid .heading.title-md{
         font-size: 25px;
    }
     .product-card__content .promo-box .promo-content p{
         font-size: 16px;
    }
     .product-card__content .promo-box .button{
         font-size: 16px;
         padding: 8px 30px;
         font-weight: 700;
    }
     .facet-sticky{
         padding: 0 !important;
         inset-block-end: 0 !important;
    }
    /* .facet-form .details.select-sort-by .field {
         display: flex;
         align-items: center;
         gap:14px;
         justify-content: center;
         border-radius: 80px;
         text-align: center;
         border: 1px solid #C4D2DE;
         color: #3b3836;
    }
     .facet-form .shorting-option .select{
         padding:0;
         background: unset;
    }
     .facet-form .shorting-title .label.is-floating{
         position: unset;
         margin:0;
    }
     */
     .facet-drawer .drawer__inner .drawer__content .drawer__scrollable .facet-form .facet-sorting{
         width: 100%;
    }
     .facet-drawer .drawer__inner .drawer__content .drawer__scrollable .facet-form .facet-sorting .sort-wrapper{
         width: 100% !important;
         max-width: 100%;
    }
    /* .facet-drawer .drawer__inner .drawer__content .drawer__scrollable .facet-form .facet-sorting .sort-wrapper .button .sort-close{
         background: none;
    }
     */
    /* .facet-drawer .drawer__inner .drawer__content .drawer__scrollable .facet-form .facet-sorting .sort-wrapper .button {
         padding: 8px 98px;
    }
     */
     .drawer__scrollable .sort-close {
         background: none;
    }
     .drawer__scrollable .btn-text .sort-header {
         gap: 10px;
    }
     .drawer__sticky .button{
         font-size: 16px;
         letter-spacing: 2px;
         font-weight: 700;
         padding: 8px 40px;
         line-height: 100%;
         height: 40px;
    }
     .drawer__scrollable .btn-text {
         width: max-content;
         gap: 8px;
    }
     .drawer__scrollable .facet-sorting .button{
         gap:14px;
    }
     .facet-sticky .facet-sticky-btn-wrapper{
         padding: 10px;
         background:#ffffff;
    }
     .template-collection .multicolumn{
         max-width: 100%;
    }
     .usp-inline{
         font-size:12px;
    }
     .template-collection span.comparison-table__column{
         font-size: 16px;
    }
     .template-collection .comparison-table__column .col-span-full p,li{
         font-size:14px;
    }

     .template-collection .collection .promo-usp-inline ul{
         flex-wrap: wrap;
         row-gap: 0;
    }
    /* End PLP page */
    /* Footer Corner Radius */
     .footer-group .section--next-rounded, .footer-group .section--next-rounded:before {
         border-end-end-radius: 40px;
         border-end-start-radius: 40px;
    }
     .shopify-section-group-footer-group {
         background: #7a9b90;
    }
     .Multi-blocks-wrapper, .Multi-blocks-wrapper:before {
         border-start-end-radius: 80px !important;
         border-start-start-radius: 80px !important;
    }
    /* Footer Corner Radius */
    /* product page css */
     .custom-product-info-wrapper .product__info .quantity {
         padding: 8.5px 6.5px !important;
         min-height: 20px;
    }
    /* product Series Section */
     .quick-add .button{
         padding: 0;
         border-radius: 4px;
    }
     .custom-product-info-wrapper .product__info .product__title{
         margin-top: 20px !important;
    }
     .custom-product-info-wrapper .product__info .product-form__submit{
         padding: 8px 25px;
    }
     .cc-complementary-products.complementary-products .horizontal-products.flickity .horizontal-product{
         align-items: start;
    }
     .custom-product-info-wrapper .product__info .product__title {
         margin-top: 20px;
    }
     .custom-product-info-wrapper .product__info .usp-inline {
         gap: 2px;
    }
     .product-sticky-form__variant .sticky-product-title {
         font-size: 18px !important;
         border-bottom: 1px solid #DCDAD9;
         padding-bottom: 8px;
    }
     .product-sticky-form__variant .usp-inline{
         display:none;
    }
     .product-sticky-form {
         box-shadow: 0px 2px 4px rgba(152, 162, 179, 0.16), 0px 4px 10px rgba(152, 162, 179, 0.06);
         border-radius: 8px;
         bottom:0;
    }
     .product-card__media .grid{
         display: flex;
         flex-wrap: wrap;
    }
     .product-card__media .custom-badge img{
         width: 15px !important;
         height: 15px !important;
    }
     .custom-product-info-wrapper .product__info .custom-badge{
         padding: 2px 5px !important;
         font-size: 12px !important;
    }
     .cc-know-this-product .portfolio .slide{
         order: 1;
    }
     .product-card__content .product-card__title{
         font-size: 14px;
    }
     .product-card__content .product-card__top a {
         font-size: 12px;
    }
     .product-card__bottom .swatches li:hover{
         border: none ;
    }
    /* End product Series Section */
    /* Product Listing Page */
     .template-collection .grid .heading.title-sm {
         font-size: 25px;
    }
     .template-collection .grid .description p {
         font-size: 16px;
    }
    /* End Product Listing Page */
    /* Product Listing Page */
     .template-collection .media-card__content .media-card__text .heading {
         font-size: 25px;
    }
     .template-collection .media-card__text .leading-none.reversed-link{
         font-size: 16px;
    }
     .template-collection .media-card__text .leading-none.reversed-link svg{
         height: 16px;
         width: 16px;
    }
     .template-collection .comparison-table__head{
         display: flex;
         overflow: scroll;
         border: none;
         flex-direction: column;
         gap: 10px;
         padding-inline: 0;
         padding-block-end: 0;
    }
     .template-collection .comparison-table__row{
         border-top: 1px solid #CFD1D2;
         border-bottom: 1px solid #CFD1D2;
         grid-template-columns: repeat(var(--values-columns-count), minmax(170px, 1fr));
         padding-inline: 0;
    }
     .template-collection .comparison-table__row.thead{
          border:none;
          padding-bottom: 0;
          /* padding-inline: 0; */
    }
    .comparison-table__head .comparison-table__column {
         inset-inline-start: 0;
    }
    .template-collection .comparison-table__column.text-sm.rte {
          inset-inline-start: 0;
          padding-block: 8px;
    }
     .template-collection .comparison-table__column form{
         gap:0;
    }
     .template-collection .horizontal-product__details .block a{
         font-size:14px;
    }
     .template-collection .horizontal-product__details .block {
         height: 45px;
    }
     .template-collection .comparison-table__row .button {
         padding: 12px 12px;
         gap: 24px;
    }
    /* End Product Listing Page */
    /* Search Drawer - Start */
     #SearchDrawer .suggestion_content_heading {
         font-size: 16px;
    }
     #SearchDrawer .search__recommendation .reversed-link.font-medium {
         font-size: 16px;
    }
     #SearchDrawer .suggested_content_wrapper .media-card .media img {
         aspect-ratio: 9 / 10;
    }
     #SearchDrawer .media-card__text {
         line-height: 100%;
    }
     #SearchDrawer .search-drawer__link,  #SearchDrawer .suggested_collection-item__usp {
         display: none;
    }
    #SearchDrawer .suggested_content_wrapper .media-card--standard .media {
          border-radius: 5px;
    }
    #SearchDrawer .button--close.drawer__close {
          opacity: 1;
          pointer-events: auto;
          position: relative;
          inset-block-start: 0;
          inset-inline-end: 0;
          border: 1px solid #CCCFCE;
     }
     #SearchDrawer .media-card__content {
         padding: 0 !important;
         position: relative;
         padding-block-start: 5px !important;
    }
     #SearchDrawer .media-card__text .heading {
         font-size: 12px;
         color: #3B3836;
         font-weight: 700;
         letter-spacing: 1px;
    }
    /* Search Drawer - End */
    /*  Harmon Aware Section - Start */
    .balance-section .balance-section {
          padding: 40px 20px;
     }

        .balance-section .balance-slider {
          gap: 20px;
        }

        .balance-section .balance-block {
          flex: 0 0 80%;
        }

        .balance-section .balance-overlay{
          padding: 2rem;
        }

        .balance-section .balance-title {
          font-size: 14px;
        }

        .balance-section .balance-description{
          font-size: 12px;
          display: none !important;
        }
        .balance-section .balance-block:hover img {
        scale: unset;
      }
      .balance-section .balance-block.active:hover img {
        scale: 1.2;

      }
        .balance-section .balance-block.active .balance-description{
           display: block !important;
        }

        .balance-section .balance-block.active .balance-description {
          display: none;
        }

        .balance-section .balance-plus {
          margin-top: 25px;
          width: 28px;
          height: 28px;
          background: none;
        }
    /*  Harmon Aware Section - End */

    /*  Restore Balance Section - Start  */
     .bskin-hero-section .bskin-hero-section {
      padding: 15px 15px !important;
    }


    .bskin-hero-section .bskin-hero-section__line {
      font-size: 32px;
      gap: 8px;
    }

    .bskin-hero-section .bskin-hero-section__pill {
      padding: 6px 20px;
      font-size: 32px;
    }
    /*  Restore Balance Section - End  */
    /*  Real Stories Sections - Start  */
     .transformations-section--main .nav-arrow{
       width: 20px;
       height: 20px;
     }
     .transformations-section--main{
     padding:0 0;
     }
     .transformations-section--main .image-label{
          bottom: 0;
          left: 22%;
               font-size: 12px;
     }
     .transformations-section--main .shop-button {
          width: 100%;
          display: flex;
          text-align: center;
          justify-content: center;
     }
     .transformations-section--main .right-image{
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     }

     .transformations-section--main .left-image{
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
     }

     .transformations-section--main .transformations-grid {
     display: none;
     }
     .transformations-section--main .transformations-section {
     padding-bottom: 20px !important;
     }

     .transformations-section--main .transformations-scroll {
     display: block;
     overflow-x: auto;
     overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
     scrollbar-width: none;
     -ms-overflow-style: none;
     padding: 0 0px 20px;
     }

     .transformations-section--main .transformations-scroll::-webkit-scrollbar {
     display: none;
     }

     .transformations-section--main .transformations-scroll-inner {
     display: flex;
     gap: 20px;
     padding-bottom: 10px;
     }

     .transformations-section--main .transformation-card {
     flex: 0 0 100%;
     min-width: 100%;
     max-width: 100%;
     }
     .transformations-section--main .result-badge{
     font-size: 14px;
     }

     .transformations-section--main .card-content{
     padding: 24px 0;
     }


     .transformations-section--main .card-details {
          margin-block-end: 40px;
     }
    /*  Real Stories Sections - End  */
    /*  Join Community Sections - Start  */
     .join-community-section .rewards-benefits-section {
     height: 800px;
        background-repeat: no-repeat;
        position: relative;
        width: 100%;
          min-height: auto;
              background-position: 8% 75%;
        }

    .join-community-section .rewards-benefits-section .rewards-overlay {
            height: auto;
            position: absolute;
            transform: none;
            top: auto;
            bottom: 0;
            left: 0;
            padding: 20px;
            width: 100%;
            max-width: 100%;
        }

        .join-community-section .rewards-benefits-section .rewards-container {
          justify-content: center;
          min-height: auto;
          align-items: flex-start;
        }

        .join-community-section .rewards-benefits-section .rewards-content {
          max-width: 100%;
          width: 100%;
          padding: 25px 20px;
        }

        .join-community-section .rewards-benefits-section .rewards-title {
          font-size: 25px;
              font-family: 'Figtree' !important;
          margin-bottom: 12px;
        }

        .join-community-section .rewards-benefits-section .rewards-container p {
          font-size: 12px;
          margin-bottom: 10px;
          line-height: 1.5;
        }

        .join-community-section .rewards-benefits-section .rewards-description {
          font-size: 12px;
        }

        .join-community-section .rewards-benefits-section .accordion-wrapper {
          margin-top: 20px;
          margin-bottom: 0;
        }

        .join-community-section .rewards-benefits-section .accordion-header {
          font-size: 16px;
          padding: 0px 0;
        }

        .join-community-section .rewards-benefits-section .accordion-icon {
          width: 10px;
          height: 6px;
        }
    /*  Join Community Sections - End  */
    /*   Commitment Sections - Start  */
    .commitment-section .commitment-container {
        border-radius: 20px;
        max-height: none;
      }
      .commitment-section .commitment-header .description{
            font-size: 16px;

      line-height: 20px;
      }

      .commitment-section .commitment-bg-image {
        height: 100%;
        object-fit: cover;
        {% comment %} min-height: 495px; {% endcomment %}
      }

      .commitment-section .commitment-content {
        padding: 20px;

      }

      .commitment-section .commitment-title {
        font-size: 25px;
        margin-bottom: 4rem;
      }

      .commitment-section .commitment-card-title {
        font-size: 14px;
      }

      .commitment-section .commitment-card-text {
        font-size: 12px;
                line-height: 15px;
      }

      .commitment-section .commitment-card-link {
        font-size: 14px;
                letter-spacing: 1.6px;
      }

      .commitment-section .commitment-description {
        font-size: 16px;
        margin-bottom: 1.5rem;
        line-height: 112%;
      }

      .commitment-section .commitment-cards-wrapper {
        margin-left: -8%;
        margin-right: -8%;
        padding-left: 8%;
        padding-right: 8%;
      }

      .commitment-section .commitment-cards {
        display: flex;
        grid-template-columns: none;
        gap: 1rem;
        width: max-content;
      }

      .commitment-section .commitment-card {
        padding: 1.25rem;
        min-width: 280px;
        max-width: 280px;
        flex-shrink: 0;
      }
    /*   Commitment Sections - End  */

    /*  Testomonial With Slider - Start */
    .testimonial-section .testimonial-header {
      align-items: flex-start;
      gap: 10px;
      margin-block-end: 0;
    }

    .testimonial-section .testimonial-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 8px;
  }
    .testimonial-section .before-after-wrapper {
      flex-direction: row;
      gap: 2px;
    }

    .testimonial-section .image-container {
      aspect-ratio: 3/4;
    }
    .testimonial-section .testimonial-card{
      flex: 0 0 75%;
      scroll-snap-align: start;
      padding: 20px 0;
    }
    /*  Testomonial With Slider - End */
    /*  How It Work Section Loyalty Page - Start  */
        
        .main-how-it-works .rewards-section{
            padding: 60px 0px 60px !important;
        }
        .main-how-it-works .rewards-title {
            font-size: 25px;
            margin-bottom: 40px;
            /* padding: 0px 20px; */
        }

        .main-how-it-works .step-image {
        height: 120px;
        margin-bottom: 20px;
        }

        .main-how-it-works .step-image img {
        max-height: 120px;
        }


        /* Convert grid to slider on mobile for 2+ cards */
        .main-how-it-works .rewards-steps[data-card-count="2"] .grid-wrapper,
        .main-how-it-works .rewards-steps[data-card-count="3"] .grid-wrapper,
        .main-how-it-works .rewards-steps[data-card-count="4"] .grid-wrapper {
        display: flex;
        flex-direction: column;
        gap: 32px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        }

        .main-how-it-works .rewards-steps[data-card-count="2"] .grid-wrapper::-webkit-scrollbar,
        .main-how-it-works .rewards-steps[data-card-count="3"] .grid-wrapper::-webkit-scrollbar,
        .main-how-it-works .rewards-steps[data-card-count="4"] .grid-wrapper::-webkit-scrollbar {
        display: none;
        }

        .main-how-it-works .rewards-steps[data-card-count="2"] .rewards-step,
        .main-how-it-works .rewards-steps[data-card-count="3"] .rewards-step,
        .main-how-it-works .rewards-steps[data-card-count="4"] .rewards-step {
        min-width: 70%;
        flex-shrink: 0;
        opacity: 0.35;
        }
        .page-loyalty-program .main-how-it-works .rewards-steps[data-card-count="2"] .rewards-step,
        .page-loyalty-program .main-how-it-works .rewards-steps[data-card-count="3"] .rewards-step,
        .page-loyalty-program .main-how-it-works .rewards-steps[data-card-count="4"] .rewards-step {
          opacity: 1;
          width: 100%;
        }

        .main-how-it-works .rewards-steps[data-card-count="2"] .rewards-step.active,
        .main-how-it-works .rewards-steps[data-card-count="3"] .rewards-step.active,
        .main-how-it-works .rewards-steps[data-card-count="4"] .rewards-step.active {
        opacity: 1;
        }

        .page-loyalty-program .main-how-it-works .rewards-steps[data-card-count="2"] .rewards-step .step-content,
        .page-loyalty-program .main-how-it-works .rewards-steps[data-card-count="3"] .rewards-step .step-content,
        .page-loyalty-program .main-how-it-works .rewards-steps[data-card-count="4"] .rewards-step .step-content {
        border-top-width: 3px;
        border-top-color: #7A9B90;
        }

        /* Single card on mobile - no slider needed */
        .main-how-it-works .rewards-steps[data-card-count="1"] .grid-wrapper {
        display: block;
        }

        .main-how-it-works .slider-card {
        min-width: 70%;
        }
    /*  How It Work Section Loyalty Page - End  */

    /*  Loyalty Rewards Benefits Section - Start  */
       .main-reward-and-benefit .rewards-benefits-section {
      height: 800px;
      background-repeat: no-repeat;
      position: relative;
      width: 100%;
      min-height: auto;
        }


        .main-reward-and-benefit .rewards-benefits-section .rewards-container {
        justify-content: center;
        min-height: auto;
        align-items: flex-start;
        }

        .main-reward-and-benefit .rewards-benefits-section .rewards-content {
        max-width: 100%;
        width: 100%;
        padding: 25px 20px;
        }

        .main-reward-and-benefit .rewards-benefits-section .rewards-title {
        font-size: 25px;
        margin-bottom: 12px;
        letter-spacing:0px;
        font-family: 'Figtree' !important;
        }

        .main-reward-and-benefit .rewards-benefits-section .rewards-container p {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.5;
        }

        .main-reward-and-benefit .rewards-benefits-section .rewards-description {
        font-size: 12px;
        }

        .main-reward-and-benefit .rewards-benefits-section .accordion-wrapper {
        margin-top: 20px;
        }
        .main-reward-and-benefit .rewards-benefits-section .accordion-inner p {
        font-size: 14px !important;
        }
        .main-reward-and-benefit .rewards-benefits-section .accordion-header {
        font-size: 14px;
        padding: 14px 0;
        }

        .main-reward-and-benefit .rewards-benefits-section .accordion-icon {
        width: 16px;
        height: 10px;
        }
    /*  Loyalty Rewards Benefits Section - End  */

    /*   Loyalty Rewards Points Sections - Start  */
          .loyalty-tier-section .loyalty-section {
          padding: 40px 15px;
          min-height: auto;
        }
        .loyalty-tier-section .loyalty-tiers-container{
            top: 1rem;
        }
      .loyalty-tier-section .tier-1 .tier-benefits {
          margin-top: 0rem;
      }
        .loyalty-tier-section .loyalty-heading {
          font-size: 31px;
          margin-bottom: 30px;
        }

        .loyalty-tier-section .loyalty-tiers-container {
          flex-direction: column;
          align-items: center;
          max-width: 100%;
        }

        .loyalty-tier-section .loyalty-tier {
          max-width: 100%;
          width: 100%;
          padding: 25px 20px;
          border-radius: 8px;

        }

        .loyalty-tier-section .tier-header {
          margin-bottom: 20px;
          padding-bottom: 15px;
        }

        .loyalty-tier-section .tier-info h3 {
          font-size: 30px;
          margin: 0 0 10px;
        }

        .loyalty-tier-section .tier-price {
          font-size: 18px;
          margin: 0 0 10px;
        }

        .loyalty-tier-section .tier-subtitle {
          font-size: 16px;
        }

        .loyalty-tier-section .tier-benefits p {
          font-size: 16px;
          margin-bottom: 12px;
        }
    /*   Loyalty Rewards Points Sections - End  */

    /* pdp */
    .pro-usage-guide .product-usage-guide .content-block{
      aspect-ratio: unset !important;
      height: auto;
    }

}

 @media (min-width: 769px) {
    /* product Series Section */
     .quick-add form,.quick-add{
         width: 100%;
         padding: 0 12px;
    }
     .quick-add .button{
         width:100%;
         border-radius: 4px;
    }
     .template-collection .comparison-table__row .button .add-to-cart-inner-text{
         display: flex;
         gap: 5px;
    }
    /* End product Series Section */
    /*  Commitment Section - Start  */
     .commitment-section .commitment-cards {
        grid-template-columns: repeat(3, 1fr);
        max-width: 1200px;
      }
    /*  Commitment Section - End  */
    
    /*  Testomonial With Slider - Start */
    .testimonial-section .image-container img{
            object-fit: cover;
          }

          .testimonial-section .before-after-wrapper {
      flex-direction: row;
      min-width: 280px;
    }
    .testimonial-section .testimonial-content {
      width: 300px;
      margin: 0 auto;
    }
    /*  Testomonial With Slider - End */

    .main-reward-and-benefit .rewards-benefits-section .rewards-container{
       min-height: 800px;
    }
    .join-community-section .rewards-benefits-section .rewards-container{
      min-height: 650px;
    }
    .main-how-it-works .slider-card{
       /* width: 33%; */
       width: calc(33% + 25px);
    }
     .main-how-it-works .slider-card .step-content {
    width:95%
  }
}

 @media screen and (min-width: 1024px) {
    /* product page - start */
     .custom-product-info-wrapper .xl\:flex-row {
         flex-direction: row;
    }
     .custom-product-info-wrapper .product__thumbnails--left {
         order: -1;
    }
     .custom-product-info-wrapper .product__thumbnails--left .product__thumbnails-list {
         flex-direction: column;
         grid-auto-flow: row;
         max-height: 600px;
         overflow-y: auto;
         overflow-x: hidden;
    }
     .custom-product-info-wrapper .product__thumbnails--left {
         width: max-content;
         flex-shrink: 0;
    }
     .custom-product-info-wrapper .product__media-container{
         gap:20px;
    }
     .custom-product-info-wrapper .product__thumbnails--left ~ .relative {
         flex: 1;
    }
     .custom-product-info-wrapper .product__thumbnails--left .product__thumbnails-list {
         display: grid;
         grid-template-columns: 1fr;
         gap: 13px;
    }
    /* product page - end */
      /*  Commitment Section - Start  */
       .commitment-section .commitment-cards {
        grid-template-columns: 372px 372px 372px;
      }
      /*  Commitment Section - End  */

      /*  images-with-text Loyalty Page - Start  */
       .page-loyalty-program .cc-loyalty-image-with-text .image-with-text .rich-text>*+*:not(.spacing-section){
        margin-top: 22px;
        }
        .page-loyalty-program .cc-loyalty-image-with-text .image-with-text__image-second {
            width: 50%;
        }
      /*  images-with-text Loyalty Page - End  */
}
 @media screen and (min-width: 1280px) {
       /*  Commitment Section - Start  */
      .commitment-section .commitment-header .title-wrapper .description {
          max-width: 40rem;
      }
      /*  Commitment Section - End  */
 }
  @media screen and (min-width: 1536px) {
    /*  images-with-text Loyalty Page - start  */
      .page-loyalty-program .cc-loyalty-image-with-text .image-with-text__item.lg\:grow-0+.image-with-text__item .rich-text {
        padding-inline-start: 6%;
      }
     /*  images-with-text Loyalty Page - End  */ 
    
     .Multi-blocks-wrapper .card-grid{
          grid-template-columns: repeat(5, 1fr);
     }
    }
 @media screen and (min-width: 1440px) {
     .custom-product-info-wrapper product-info{
         padding-right: 97px;
    }
    /*  Testomonial With Slider - Start */
    .testimonial-section .testimonial-card {
      display: flex;
      align-items: center;
      gap: 20px;
      flex:0 0 auto;
    }
    /*  Testomonial With Slider - End */
}
 @media screen and (max-width: 767px) {
  /* .product-grid .product-card__content{
    justify-content: end;
  } */
      /*  images-with-text Loyalty Page - start  */
          .page-loyalty-program .cc-loyalty-image-with-text .image-with-text{
          gap:60px !important;
          }
        .page-loyalty-program .cc-loyalty-image-with-text .image-with-text__item .subtext-lg{
          margin-top: 20px;
        }
        .page-loyalty-program .cc-loyalty-image-with-text .image-with-text__item .subtext-lg p{
        font-size: 20px;
        }
        .page-loyalty-program .cc-loyalty-image-with-text .image-with-text__item .heading{
          margin-top: 12px;
        }
    /*  images-with-text Loyalty Page - End  */
    /* Footer wrapper - Start */
     .footer-wrapper .footer__newsletter .text-xl {
         font-size: 25px;
         max-width: 100%;
         padding-block: 0px;
         letter-spacing: 1px;
    }
     .footer-wrapper .self-submit-button {
         width: 65px;
    }
     .footer-wrapper .footer__logo a {
         display: block;
         width: 200px;
         height: 40px;
    }
     .footer-wrapper .footer__logo img {
         max-width: 100%;
         max-height: 100%;
    }
     .footer-wrapper .footer__accordions details {
         flex: 0 0 auto;
         border: none;
         padding: 0;
    }
     .footer-wrapper .details .details__summary {
         padding-block: 10px;
    }
     .footer-wrapper .footer__accordions {
         flex-direction: column;
         gap: 8px;
    }
     .footer-wrapper .footer__left, .footer-wrapper .footer__right {
         padding-block-start: 0;
         border: none;
    }
     .footer-copyright .credits {
         order: 1;
    }
    .template-index .section--next-rounded:before{
      background:#fff;
    }
    /* Footer wrapper - End */
    
      .template-collection .collection .promo-usp-inline ul{
      gap: 0;
    }
    .promo-usp-inline ul{
      list-style-position: inside !important;
    }
    .promo-usp-inline ul li{
      margin-right: 10px;
    }
    .page-width.main-loyalty-register{
      background-color: #f4eee0 !important;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .loyalty-tier-section .loyalty-background-image{
      min-height: 950px;
      height: 800px !important;
    }
    .template-collection .collection .promo-usp-inline ul{
      list-style: none;
      flex-direction: column;
    }
  }
  @media (max-width: 660px){
       .loyalty-tier-section .loyalty-background-image{
         min-height: 930px;
    }
  }
 @media screen and (max-width: 500px) {
  /*  images-with-text Loyalty Page - start  */
    .page-loyalty-program .cc-loyalty-image-with-text .image-with-text__image-second {
      inset-block-start: 84%;
    }
    .page-loyalty-program .cc-loyalty-image-with-text .image-with-text__image-second {
      width: 45%;
    }
    .page-loyalty-program .cc-loyalty-image-with-text .image-with-text__image-second+.image-with-text__image-first {
      width: 92%;
    }
  /*  images-with-text Loyalty Page - End  */
    .loyalty-tier-section .loyalty-background-image{
      min-height: 990px;
    }
  }
@media screen and (max-width: 500px) {
    /*  Testomonial With Slider - Start */
      .main-how-it-works .step-content{
        max-width: 350px;
        padding-left: 7px;
      }
    /*  Testomonial With Slider - End */
    /* pdp */
    .product-match-result-1 .match-item{
      flex-direction: column !important;
    }
}
   @media (max-width: 480px) {
     /*  Restore Balance Section - Start  */
    .bskin-hero-section .bskin-hero-section__line {
      font-size: 28px;
    }

    .bskin-hero-section .bskin-hero-section__pill {
      font-size: 28px;
          border-radius: 18px;
    }
     /*  Restore Balance Section - Start  */
     .loyalty-tier-section .loyalty-background-image{
      min-height: 1050px;
      height: 700px !important;
    }
   }
   @media (max-width: 400px){
    .loyalty-tier-section .loyalty-background-image{
      min-height: 1000px;
    }
   }

.shop-the-feed .horizontal-product__media .media{
  height: 100%;
}
.shop-the-feed-wrapper .product-card__media .media img{
  height: 100%;
}

 @media (min-width: 1024px) and (max-width: 1300px){
    .Multi-blocks-wrapper .media-card--overlap:hover .media-card__text{
      gap: 15px;
      padding: 10px;
  }
  .Multi-blocks-wrapper .media-card--overlap .media-card__link .description_text {
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 1px;
  }
 }


.blog-collage .article-card__link {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}


.blog-collage .article-card__link lazy-image,
.blog-collage .article-card__link picture {
  display: block;
  width: 100%;
  height: 100%;
}

.blog-collage .article-card__link img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block;
}

.blog-collage .article-card__media,
.blog-collage .article-card {
  height: 100%;
}

/* Registration Form */
.password-field {
  position: relative;
}

.password-field input {
  padding-right: 50px;
}

.toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: 0;
  cursor: pointer;
}
.toggle-password .hidden{
  display: none;
}