:root {
  --c-body: #333333;
  --c-body-color: #F8FAF0;
  --c-black: #000000;
  --c-white: #ffffff;
  --c-primary: #006236;
  --c-primary2: #057F42;
  --c-secondary: #B8D355;
  --c-secondary2: #C1E041;
  --c-dark-green: #004221;
  --c-dark-green2: #06331B;
  --c-pink: #F4BDBA;
  --c-light-green: #52C197;
  --c-sky: #43A6DD;
  --c-sky-light: #9FD5D4;
  --c-wine: #D6533B;
  --c-purple: #C2A8D1;
  --c-bg-light:#ECF1D5;
  --c-bg-light2:#F4F6E6;
  --c-bg-light3: #E4EAB2;
  --c-dark-gray: #666666;
  --c-gray: #F3F2F1;
  --c-blue: #2B469E;
  --c-orange: #F4AC0C;
  --c-vivid-orange: #F96216;
}

html,
body {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 500;
  background-color: var(--c-body-color);
}

html body {
  line-height: 1.2;
  color: var(--c-black);
  font-size: 16px;
  font-weight: 500;
  --round-imgh: 15px;
}
@media screen and (min-width: 576px) {
  html body {
    --round-imgh: 25px;
  }
}
@media screen and (min-width: 768px) {
  html body {
    --round-imgh: 30px;
  }
}
@media screen and (min-width: 992px) {
  html body {
    --round-imgh: 40px;
  }
}
@media screen and (min-width: 1200px) {
  html body {
    --round-imgh: 60px;
  }
}

body.overlay {
  position: relative;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
body.overlay::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}

* {
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*::after, *::before {
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0px;
  margin: 0px;
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 0.8;
}
@media screen and (min-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 0.8;
  }
}
@media screen and (max-width: 1199.5px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br {
    display: none;
  }
}
h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
  font-family: "Obviously Narrow", sans-serif;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  display: inline;
}

h4,
h5,
h6 {
  line-height: 0.9;
}

p {
  font-size: 16px;
  font-weight: 420;
}
@media screen and (min-width: 1200px) {
  p {
    font-size: 18px;
  }
}
p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1199.5px) {
  p br {
    display: none;
  }
}

.paragraph--type--matcha-coffee .matcha-coffee-content h3, .paragraph--type--bg-image-with-caption .bg-image-caption h3, .paragraph--type--mix-matcha .mix-matcha-left-content h2, h1 {
  font-size: 3.5rem;
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-coffee .matcha-coffee-content h3, .paragraph--type--bg-image-with-caption .bg-image-caption h3, .paragraph--type--mix-matcha .mix-matcha-left-content h2, h1 {
    font-size: 4.0625rem;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--matcha-coffee .matcha-coffee-content h3, .paragraph--type--bg-image-with-caption .bg-image-caption h3, .paragraph--type--mix-matcha .mix-matcha-left-content h2, h1 {
    font-size: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--matcha-coffee .matcha-coffee-content h3, .paragraph--type--bg-image-with-caption .bg-image-caption h3, .paragraph--type--mix-matcha .mix-matcha-left-content h2, h1 {
    font-size: 6.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--matcha-coffee .matcha-coffee-content h3, .paragraph--type--bg-image-with-caption .bg-image-caption h3, .paragraph--type--mix-matcha .mix-matcha-left-content h2, h1 {
    font-size: 7.5rem;
  }
}
@media screen and (min-width: 1800px) {
  .paragraph--type--matcha-coffee .matcha-coffee-content h3, .paragraph--type--bg-image-with-caption .bg-image-caption h3, .paragraph--type--mix-matcha .mix-matcha-left-content h2, h1 {
    font-size: 8.75rem;
  }
}

.blog-full-content .blog-right-content h1, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption h2,
.mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption h2, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption h2,
.header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption h2, h2 {
  font-size: 2.5rem;
}
@media screen and (min-width: 768px) {
  .blog-full-content .blog-right-content h1, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption h2,
  .mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption h2, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption h2,
  .header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption h2, h2 {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .blog-full-content .blog-right-content h1, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption h2,
  .mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption h2, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption h2,
  .header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption h2, h2 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1400px) {
  .blog-full-content .blog-right-content h1, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption h2,
  .mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption h2, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption h2,
  .header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption h2, h2 {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .blog-full-content .blog-right-content h1, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption h2,
  .mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption h2, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption h2,
  .header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption h2, h2 {
    font-size: 5rem;
  }
}

.paragraph--type--home-cta .cta-left .content h2 {
  font-size: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .paragraph--type--home-cta .cta-left .content h2 {
    font-size: 2.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--home-cta .cta-left .content h2 {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--home-cta .cta-left .content h2 {
    font-size: 5rem;
  }
}

.page-id-30 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2, .page-id-31 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
.page-id-30 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
.page-id-31 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
.page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
.page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
.page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
.page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
.page-id-30 .node--type-recipe .blog-banner-content .blog-banner-title h2,
.page-id-31 .node--type-recipe .blog-banner-content .blog-banner-title h2,
.page-id-30 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
.page-id-31 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
.page-id-30 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
.page-id-31 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
.page-id-30 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2,
.page-id-31 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2, .paragraph--type--meet-the-founders .meet-founder-title h2, .paragraph--type--home-banner .home-banner-caption h2 {
  font-size: 3.5rem;
}
@media screen and (min-width: 768px) {
  .page-id-30 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2, .page-id-31 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
  .page-id-30 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .page-id-31 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .page-id-30 .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .page-id-31 .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .page-id-30 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .page-id-31 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .page-id-30 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .page-id-31 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .page-id-30 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2,
  .page-id-31 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2, .paragraph--type--meet-the-founders .meet-founder-title h2, .paragraph--type--home-banner .home-banner-caption h2 {
    font-size: 4.0625rem;
  }
}
@media screen and (min-width: 992px) {
  .page-id-30 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2, .page-id-31 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
  .page-id-30 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .page-id-31 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .page-id-30 .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .page-id-31 .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .page-id-30 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .page-id-31 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .page-id-30 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .page-id-31 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .page-id-30 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2,
  .page-id-31 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2, .paragraph--type--meet-the-founders .meet-founder-title h2, .paragraph--type--home-banner .home-banner-caption h2 {
    font-size: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-30 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2, .page-id-31 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
  .page-id-30 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .page-id-31 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .page-id-30 .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .page-id-31 .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .page-id-30 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .page-id-31 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .page-id-30 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .page-id-31 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .page-id-30 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2,
  .page-id-31 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2, .paragraph--type--meet-the-founders .meet-founder-title h2, .paragraph--type--home-banner .home-banner-caption h2 {
    font-size: 6.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .page-id-30 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2, .page-id-31 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
  .page-id-30 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .page-id-31 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .page-id-30 .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .page-id-31 .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .page-id-30 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .page-id-31 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .page-id-30 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .page-id-31 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .page-id-30 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2,
  .page-id-31 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2, .paragraph--type--meet-the-founders .meet-founder-title h2, .paragraph--type--home-banner .home-banner-caption h2 {
    font-size: 7.5rem;
  }
}
@media screen and (min-width: 1800px) {
  .page-id-30 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2, .page-id-31 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
  .page-id-30 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .page-id-31 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .page-id-30 .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .page-id-31 .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .page-id-30 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .page-id-31 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .page-id-30 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .page-id-31 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .page-id-30 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2,
  .page-id-31 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2, .paragraph--type--meet-the-founders .meet-founder-title h2, .paragraph--type--home-banner .home-banner-caption h2 {
    font-size: 8.75rem;
  }
}

.recipe-content-sec .recipe-left-right .recipe-method h2, .paragraph--type--recipe-cta .bg-image .recipe-content h2, .paragraph--type--benefits-of-product .benefit-left-content h2, .paragraph--type--why-ossu-s-matcha .left-title h2, .paragraph--type--journey-through-time .journey-title h2, .paragraph--type--basic-banner .basic-banner-content h2, .paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview .all-blog-content h4, .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
.paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
.paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
.paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
.node--type-recipe .blog-banner-content .blog-banner-title h2,
.node--type-recipe .blog-banner-content .recipe-banner-text h2,
.node--type-recipe .recipe-banner-sec .blog-banner-title h2,
.node--type-recipe .recipe-banner-sec .recipe-banner-text h2, .paragraph--type--contact-info .contact-info h1, .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content h2, .menu-bg-image .menu-item-content h2 {
  font-size: 2.875rem;
}
@media screen and (min-width: 768px) {
  .recipe-content-sec .recipe-left-right .recipe-method h2, .paragraph--type--recipe-cta .bg-image .recipe-content h2, .paragraph--type--benefits-of-product .benefit-left-content h2, .paragraph--type--why-ossu-s-matcha .left-title h2, .paragraph--type--journey-through-time .journey-title h2, .paragraph--type--basic-banner .basic-banner-content h2, .paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview .all-blog-content h4, .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
  .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .node--type-recipe .recipe-banner-sec .recipe-banner-text h2, .paragraph--type--contact-info .contact-info h1, .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content h2, .menu-bg-image .menu-item-content h2 {
    font-size: 3.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .recipe-content-sec .recipe-left-right .recipe-method h2, .paragraph--type--recipe-cta .bg-image .recipe-content h2, .paragraph--type--benefits-of-product .benefit-left-content h2, .paragraph--type--why-ossu-s-matcha .left-title h2, .paragraph--type--journey-through-time .journey-title h2, .paragraph--type--basic-banner .basic-banner-content h2, .paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview .all-blog-content h4, .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
  .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .node--type-recipe .recipe-banner-sec .recipe-banner-text h2, .paragraph--type--contact-info .contact-info h1, .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content h2, .menu-bg-image .menu-item-content h2 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1400px) {
  .recipe-content-sec .recipe-left-right .recipe-method h2, .paragraph--type--recipe-cta .bg-image .recipe-content h2, .paragraph--type--benefits-of-product .benefit-left-content h2, .paragraph--type--why-ossu-s-matcha .left-title h2, .paragraph--type--journey-through-time .journey-title h2, .paragraph--type--basic-banner .basic-banner-content h2, .paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview .all-blog-content h4, .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
  .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .node--type-recipe .recipe-banner-sec .recipe-banner-text h2, .paragraph--type--contact-info .contact-info h1, .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content h2, .menu-bg-image .menu-item-content h2 {
    font-size: 5rem;
  }
}
@media screen and (min-width: 1600px) {
  .recipe-content-sec .recipe-left-right .recipe-method h2, .paragraph--type--recipe-cta .bg-image .recipe-content h2, .paragraph--type--benefits-of-product .benefit-left-content h2, .paragraph--type--why-ossu-s-matcha .left-title h2, .paragraph--type--journey-through-time .journey-title h2, .paragraph--type--basic-banner .basic-banner-content h2, .paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview .all-blog-content h4, .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
  .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .node--type-recipe .recipe-banner-sec .recipe-banner-text h2, .paragraph--type--contact-info .contact-info h1, .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content h2, .menu-bg-image .menu-item-content h2 {
    font-size: 6.25rem;
  }
}

.paragraph--type--matcha-experience h2 {
  font-size: 3rem;
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-experience h2 {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--matcha-experience h2 {
    font-size: 4.6875rem;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--matcha-experience h2 {
    font-size: 5.3125rem;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--matcha-experience h2 {
    font-size: 6.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--matcha-experience h2 {
    font-size: 7.5rem;
  }
}

.checkout-login legend h5, .product-full .product-right-content h1, .product-full .mobile-title h1, .paragraph--type--symphony-of-flavors .flavours-content h2, .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h1,
.paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h1,
.paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h1,
.paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h1,
.node--type-recipe .blog-banner-content .blog-banner-title h1,
.node--type-recipe .blog-banner-content .recipe-banner-text h1,
.node--type-recipe .recipe-banner-sec .blog-banner-title h1,
.node--type-recipe .recipe-banner-sec .recipe-banner-text h1, .paragraph--type--testimonial .title h2, .paragraph--type--matcha-accessories .matcha-accessories-caption h2, .paragraph--type--matcha-benefits .matcha-benefits h2, .paragraph--type--shop-matcha .shop-matcha-caption h2, h3 {
  font-size: 2.5rem;
}
@media screen and (min-width: 992px) {
  .checkout-login legend h5, .product-full .product-right-content h1, .product-full .mobile-title h1, .paragraph--type--symphony-of-flavors .flavours-content h2, .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h1,
  .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h1,
  .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h1,
  .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h1,
  .node--type-recipe .blog-banner-content .blog-banner-title h1,
  .node--type-recipe .blog-banner-content .recipe-banner-text h1,
  .node--type-recipe .recipe-banner-sec .blog-banner-title h1,
  .node--type-recipe .recipe-banner-sec .recipe-banner-text h1, .paragraph--type--testimonial .title h2, .paragraph--type--matcha-accessories .matcha-accessories-caption h2, .paragraph--type--matcha-benefits .matcha-benefits h2, .paragraph--type--shop-matcha .shop-matcha-caption h2, h3 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1400px) {
  .checkout-login legend h5, .product-full .product-right-content h1, .product-full .mobile-title h1, .paragraph--type--symphony-of-flavors .flavours-content h2, .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h1,
  .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h1,
  .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h1,
  .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h1,
  .node--type-recipe .blog-banner-content .blog-banner-title h1,
  .node--type-recipe .blog-banner-content .recipe-banner-text h1,
  .node--type-recipe .recipe-banner-sec .blog-banner-title h1,
  .node--type-recipe .recipe-banner-sec .recipe-banner-text h1, .paragraph--type--testimonial .title h2, .paragraph--type--matcha-accessories .matcha-accessories-caption h2, .paragraph--type--matcha-benefits .matcha-benefits h2, .paragraph--type--shop-matcha .shop-matcha-caption h2, h3 {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .checkout-login legend h5, .product-full .product-right-content h1, .product-full .mobile-title h1, .paragraph--type--symphony-of-flavors .flavours-content h2, .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h1,
  .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h1,
  .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h1,
  .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h1,
  .node--type-recipe .blog-banner-content .blog-banner-title h1,
  .node--type-recipe .blog-banner-content .recipe-banner-text h1,
  .node--type-recipe .recipe-banner-sec .blog-banner-title h1,
  .node--type-recipe .recipe-banner-sec .recipe-banner-text h1, .paragraph--type--testimonial .title h2, .paragraph--type--matcha-accessories .matcha-accessories-caption h2, .paragraph--type--matcha-benefits .matcha-benefits h2, .paragraph--type--shop-matcha .shop-matcha-caption h2, h3 {
    font-size: 4.375rem;
  }
}

.paragraph--type--bg-image-with-caption .bg-image-caption h2, .paragraph--type--prepare-matcha .prepare-matcha-content h3 {
  font-size: 30px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption h2, .paragraph--type--prepare-matcha .prepare-matcha-content h3 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption h2, .paragraph--type--prepare-matcha .prepare-matcha-content h3 {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption h2, .paragraph--type--prepare-matcha .prepare-matcha-content h3 {
    font-size: 4rem;
  }
}

.paragraph--type--store-items .store-content .mix-matcha-left-content h2, .paragraph--type--store-items .inner-wrapper .sample-pack .background-dark_green .product-content-wrapper h4, .checkout-review-sec h3, .layout-region-checkout-secondary h3, .checkout-sec form h3, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer h3, .cart-title h2 {
  font-size: 26px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--store-items .store-content .mix-matcha-left-content h2, .paragraph--type--store-items .inner-wrapper .sample-pack .background-dark_green .product-content-wrapper h4, .checkout-review-sec h3, .layout-region-checkout-secondary h3, .checkout-sec form h3, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer h3, .cart-title h2 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--store-items .store-content .mix-matcha-left-content h2, .paragraph--type--store-items .inner-wrapper .sample-pack .background-dark_green .product-content-wrapper h4, .checkout-review-sec h3, .layout-region-checkout-secondary h3, .checkout-sec form h3, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer h3, .cart-title h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .store-content .mix-matcha-left-content h2, .paragraph--type--store-items .inner-wrapper .sample-pack .background-dark_green .product-content-wrapper h4, .checkout-review-sec h3, .layout-region-checkout-secondary h3, .checkout-sec form h3, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer h3, .cart-title h2 {
    font-size: 3.25rem;
  }
}

footer .footer-social-items h5, .paragraph--type--store-items .matcha-accessories .inner-wrapper .product-variation-price .field__item, .paragraph--type--store-items .inner-wrapper .views-field-price__number, .paragraph--type--store-items .sticky-store-items .title a, .paragraph--type--store-items .store-items-outer .store-overview-top-item .title a, .checkout-review-sec h5, .layout-region-checkout-secondary .view-footer .field--name-total-price .order-total-line.order-total-line__total span, .checkout-sec form .layout-checkout-form .layout-region-checkout-main legend, .paragraph--type--mix-matcha-products .mix-matcha-all-products .views-field-price__number, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .cart-total-amount .cart-total-amount p, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-remove, .paragraph--type--big-title-with-text-items .big-title h5, .paragraph--type--why-ossu-s-matcha .left-title h4, .paragraph--type--bg-image-with-caption .bg-image-caption h4, .paragraph--type--prepare-matcha .matcha-steps .title h5, .paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-caption p, .paragraph--type--matcha-accessories .matcha-accessories-caption h4, .paragraph--type--home-cta .cta-left .content h4, .paragraph--type--matcha-benefits .matcha-benefits .benefit-inner-caption h5, .paragraph--type--matcha-benefits .matcha-benefits h4, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption p,
.mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption p, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption p,
.header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption p {
  font-size: 22px;
}
@media screen and (min-width: 768px) {
  footer .footer-social-items h5, .paragraph--type--store-items .matcha-accessories .inner-wrapper .product-variation-price .field__item, .paragraph--type--store-items .inner-wrapper .views-field-price__number, .paragraph--type--store-items .sticky-store-items .title a, .paragraph--type--store-items .store-items-outer .store-overview-top-item .title a, .checkout-review-sec h5, .layout-region-checkout-secondary .view-footer .field--name-total-price .order-total-line.order-total-line__total span, .checkout-sec form .layout-checkout-form .layout-region-checkout-main legend, .paragraph--type--mix-matcha-products .mix-matcha-all-products .views-field-price__number, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .cart-total-amount .cart-total-amount p, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-remove, .paragraph--type--big-title-with-text-items .big-title h5, .paragraph--type--why-ossu-s-matcha .left-title h4, .paragraph--type--bg-image-with-caption .bg-image-caption h4, .paragraph--type--prepare-matcha .matcha-steps .title h5, .paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-caption p, .paragraph--type--matcha-accessories .matcha-accessories-caption h4, .paragraph--type--home-cta .cta-left .content h4, .paragraph--type--matcha-benefits .matcha-benefits .benefit-inner-caption h5, .paragraph--type--matcha-benefits .matcha-benefits h4, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption p,
  .mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption p, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption p,
  .header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption p {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  footer .footer-social-items h5, .paragraph--type--store-items .matcha-accessories .inner-wrapper .product-variation-price .field__item, .paragraph--type--store-items .inner-wrapper .views-field-price__number, .paragraph--type--store-items .sticky-store-items .title a, .paragraph--type--store-items .store-items-outer .store-overview-top-item .title a, .checkout-review-sec h5, .layout-region-checkout-secondary .view-footer .field--name-total-price .order-total-line.order-total-line__total span, .checkout-sec form .layout-checkout-form .layout-region-checkout-main legend, .paragraph--type--mix-matcha-products .mix-matcha-all-products .views-field-price__number, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .cart-total-amount .cart-total-amount p, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-remove, .paragraph--type--big-title-with-text-items .big-title h5, .paragraph--type--why-ossu-s-matcha .left-title h4, .paragraph--type--bg-image-with-caption .bg-image-caption h4, .paragraph--type--prepare-matcha .matcha-steps .title h5, .paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-caption p, .paragraph--type--matcha-accessories .matcha-accessories-caption h4, .paragraph--type--home-cta .cta-left .content h4, .paragraph--type--matcha-benefits .matcha-benefits .benefit-inner-caption h5, .paragraph--type--matcha-benefits .matcha-benefits h4, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption p,
  .mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption p, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption p,
  .header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption p {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 1600px) {
  footer .footer-social-items h5, .paragraph--type--store-items .matcha-accessories .inner-wrapper .product-variation-price .field__item, .paragraph--type--store-items .inner-wrapper .views-field-price__number, .paragraph--type--store-items .sticky-store-items .title a, .paragraph--type--store-items .store-items-outer .store-overview-top-item .title a, .checkout-review-sec h5, .layout-region-checkout-secondary .view-footer .field--name-total-price .order-total-line.order-total-line__total span, .checkout-sec form .layout-checkout-form .layout-region-checkout-main legend, .paragraph--type--mix-matcha-products .mix-matcha-all-products .views-field-price__number, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .cart-total-amount .cart-total-amount p, .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-remove, .paragraph--type--big-title-with-text-items .big-title h5, .paragraph--type--why-ossu-s-matcha .left-title h4, .paragraph--type--bg-image-with-caption .bg-image-caption h4, .paragraph--type--prepare-matcha .matcha-steps .title h5, .paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-caption p, .paragraph--type--matcha-accessories .matcha-accessories-caption h4, .paragraph--type--home-cta .cta-left .content h4, .paragraph--type--matcha-benefits .matcha-benefits .benefit-inner-caption h5, .paragraph--type--matcha-benefits .matcha-benefits h4, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption p,
  .mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption p, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption p,
  .header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption p {
    font-size: 1.75rem;
  }
}

.privacy-title-text h3, .paragraph--type--store-items .matcha-accessories .matcha-accessories-caption h4, .paragraph--type--store-items .store-items-outer h4, .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption h4,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content h4,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption h4,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content h4, .paragraph--type--recipes-slider .recipes-slides-text h5, .paragraph--type--all-recipes .recipe-overview .recipe-overview-caption h4, .paragraph--type--benefits-of-product .benefit-left-content h5, .paragraph--type--mix-matcha-products .mix-matcha-products-caption h4, .paragraph--type--big-title-with-text-items .title-text h4, .paragraph--type--other-matcha-recipes .matcha-recipes-title h5, .paragraph--type--journey-through-time .journey-content .image-title-text .title-text h4, .paragraph--type--all-blogs .all-blogs-overview .all-blog-content h4, .blog-full-content .blog-right-content h4, .paragraph--type--contact-info .form-actions .button, .paragraph--type--testimonial .title h4, .paragraph--type--prepare-matcha .matcha-steps h4, .paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-caption h4, .paragraph--type--mix-matcha .mix-matcha-left-content h4, .paragraph--type--shop-matcha .shop-matcha-items h4, .paragraph--type--shop-matcha .shop-matcha-caption h4, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption h5,
.mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption h5, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption h5,
.header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption h5, .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content p, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content p, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content p, .menu-bg-image .menu-item-content p, .webform-confirmation-modal .ui-widget-header .ui-dialog-title, .home-signup .left-content h4 {
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .privacy-title-text h3, .paragraph--type--store-items .matcha-accessories .matcha-accessories-caption h4, .paragraph--type--store-items .store-items-outer h4, .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption h4,
  .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content h4,
  .paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption h4,
  .paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content h4, .paragraph--type--recipes-slider .recipes-slides-text h5, .paragraph--type--all-recipes .recipe-overview .recipe-overview-caption h4, .paragraph--type--benefits-of-product .benefit-left-content h5, .paragraph--type--mix-matcha-products .mix-matcha-products-caption h4, .paragraph--type--big-title-with-text-items .title-text h4, .paragraph--type--other-matcha-recipes .matcha-recipes-title h5, .paragraph--type--journey-through-time .journey-content .image-title-text .title-text h4, .paragraph--type--all-blogs .all-blogs-overview .all-blog-content h4, .blog-full-content .blog-right-content h4, .paragraph--type--contact-info .form-actions .button, .paragraph--type--testimonial .title h4, .paragraph--type--prepare-matcha .matcha-steps h4, .paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-caption h4, .paragraph--type--mix-matcha .mix-matcha-left-content h4, .paragraph--type--shop-matcha .shop-matcha-items h4, .paragraph--type--shop-matcha .shop-matcha-caption h4, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption h5,
  .mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption h5, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption h5,
  .header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption h5, .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content p, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content p, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content p, .menu-bg-image .menu-item-content p, .webform-confirmation-modal .ui-widget-header .ui-dialog-title, .home-signup .left-content h4 {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 1200px) {
  .privacy-title-text h3, .paragraph--type--store-items .matcha-accessories .matcha-accessories-caption h4, .paragraph--type--store-items .store-items-outer h4, .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption h4,
  .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content h4,
  .paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption h4,
  .paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content h4, .paragraph--type--recipes-slider .recipes-slides-text h5, .paragraph--type--all-recipes .recipe-overview .recipe-overview-caption h4, .paragraph--type--benefits-of-product .benefit-left-content h5, .paragraph--type--mix-matcha-products .mix-matcha-products-caption h4, .paragraph--type--big-title-with-text-items .title-text h4, .paragraph--type--other-matcha-recipes .matcha-recipes-title h5, .paragraph--type--journey-through-time .journey-content .image-title-text .title-text h4, .paragraph--type--all-blogs .all-blogs-overview .all-blog-content h4, .blog-full-content .blog-right-content h4, .paragraph--type--contact-info .form-actions .button, .paragraph--type--testimonial .title h4, .paragraph--type--prepare-matcha .matcha-steps h4, .paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-caption h4, .paragraph--type--mix-matcha .mix-matcha-left-content h4, .paragraph--type--shop-matcha .shop-matcha-items h4, .paragraph--type--shop-matcha .shop-matcha-caption h4, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption h5,
  .mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption h5, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption h5,
  .header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption h5, .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content p, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content p, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content p, .menu-bg-image .menu-item-content p, .webform-confirmation-modal .ui-widget-header .ui-dialog-title, .home-signup .left-content h4 {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1600px) {
  .privacy-title-text h3, .paragraph--type--store-items .matcha-accessories .matcha-accessories-caption h4, .paragraph--type--store-items .store-items-outer h4, .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption h4,
  .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content h4,
  .paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption h4,
  .paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content h4, .paragraph--type--recipes-slider .recipes-slides-text h5, .paragraph--type--all-recipes .recipe-overview .recipe-overview-caption h4, .paragraph--type--benefits-of-product .benefit-left-content h5, .paragraph--type--mix-matcha-products .mix-matcha-products-caption h4, .paragraph--type--big-title-with-text-items .title-text h4, .paragraph--type--other-matcha-recipes .matcha-recipes-title h5, .paragraph--type--journey-through-time .journey-content .image-title-text .title-text h4, .paragraph--type--all-blogs .all-blogs-overview .all-blog-content h4, .blog-full-content .blog-right-content h4, .paragraph--type--contact-info .form-actions .button, .paragraph--type--testimonial .title h4, .paragraph--type--prepare-matcha .matcha-steps h4, .paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-caption h4, .paragraph--type--mix-matcha .mix-matcha-left-content h4, .paragraph--type--shop-matcha .shop-matcha-items h4, .paragraph--type--shop-matcha .shop-matcha-caption h4, .mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption h5,
  .mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption h5, .header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption h5,
  .header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption h5, .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content p, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content p, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content p, .menu-bg-image .menu-item-content p, .webform-confirmation-modal .ui-widget-header .ui-dialog-title, .home-signup .left-content h4 {
    font-size: 2.1875rem;
  }
}

.user-account-content .account-content h3, .paragraph--type--store-items .store-content .flavoured-left-content h2,
.paragraph--type--store-items .store-content .traditional-left-content h2,
.paragraph--type--store-items .store-content .mix-matcha-left-content h2, .product-full .price-quantity .price .field__item, .product-left-content .product-packaged-image .field--name-field-product-tag-line h2, .cart-form form .field--name-total-price .order-total-line.order-total-line__total, .cart-form form .product-actions-with-close-btn .product-total-price, .paragraph--type--inspiration-behind-ossu .image-title-text .image::before, h4 {
  font-size: 26px;
}
@media screen and (min-width: 768px) {
  .user-account-content .account-content h3, .paragraph--type--store-items .store-content .flavoured-left-content h2,
  .paragraph--type--store-items .store-content .traditional-left-content h2,
  .paragraph--type--store-items .store-content .mix-matcha-left-content h2, .product-full .price-quantity .price .field__item, .product-left-content .product-packaged-image .field--name-field-product-tag-line h2, .cart-form form .field--name-total-price .order-total-line.order-total-line__total, .cart-form form .product-actions-with-close-btn .product-total-price, .paragraph--type--inspiration-behind-ossu .image-title-text .image::before, h4 {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .user-account-content .account-content h3, .paragraph--type--store-items .store-content .flavoured-left-content h2,
  .paragraph--type--store-items .store-content .traditional-left-content h2,
  .paragraph--type--store-items .store-content .mix-matcha-left-content h2, .product-full .price-quantity .price .field__item, .product-left-content .product-packaged-image .field--name-field-product-tag-line h2, .cart-form form .field--name-total-price .order-total-line.order-total-line__total, .cart-form form .product-actions-with-close-btn .product-total-price, .paragraph--type--inspiration-behind-ossu .image-title-text .image::before, h4 {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .user-account-content .account-content h3, .paragraph--type--store-items .store-content .flavoured-left-content h2,
  .paragraph--type--store-items .store-content .traditional-left-content h2,
  .paragraph--type--store-items .store-content .mix-matcha-left-content h2, .product-full .price-quantity .price .field__item, .product-left-content .product-packaged-image .field--name-field-product-tag-line h2, .cart-form form .field--name-total-price .order-total-line.order-total-line__total, .cart-form form .product-actions-with-close-btn .product-total-price, .paragraph--type--inspiration-behind-ossu .image-title-text .image::before, h4 {
    font-size: 2.625rem;
  }
}

.ui-corner-all .ui-dialog-titlebar .ui-dialog-title, .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .read-more a,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .read-more a,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .read-more a,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .read-more a, .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption p,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content p,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption p,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content p, .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .prep-time,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .prep-time,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .prep-time,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .prep-time, .paragraph--type--all-recipes .recipe-overview .recipe-overview-caption .read-more a, .paragraph--type--all-recipes .recipe-overview .recipe-overview-caption p, .paragraph--type--all-recipes .recipe-overview .recipe-overview-caption .prep-time, .webform-confirmation-modal .ui-dialog-content, h5 {
  font-size: 1.25rem;
}

.paragraph--type--prepare-matcha .prepare-matcha-content .prepare-items h4 {
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--prepare-matcha .prepare-matcha-content .prepare-items h4 {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--prepare-matcha .prepare-matcha-content .prepare-items h4 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--prepare-matcha .prepare-matcha-content .prepare-items h4 {
    font-size: 1.625rem;
  }
}

footer .footer-form h5, footer .footer-item h5 {
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  footer .footer-form h5, footer .footer-item h5 {
    font-size: 1.1875rem;
  }
}
@media screen and (min-width: 1200px) {
  footer .footer-form h5, footer .footer-item h5 {
    font-size: 1.3125rem;
  }
}
@media screen and (min-width: 1600px) {
  footer .footer-form h5, footer .footer-item h5 {
    font-size: 1.25rem;
  }
}

h6 {
  font-size: 1rem;
}

.paragraph--type--store-items, .checkout-login, .checkout-sec, .paragraph--type--recipes-slider .recipe-slide-items, .paragraph--type--symphony-of-flavors .field--name-field-image, .paragraph--type--matcha-coffee, .paragraph--type--other-matcha-recipes .matcha-recipes-content .image-title-text, .paragraph--type--all-blogs, .blog-full-content .blog-right-content .blog-content-caption, .paragraph--type--matcha-accessories .accessories-items {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--store-items, .checkout-login, .checkout-sec, .paragraph--type--recipes-slider .recipe-slide-items, .paragraph--type--symphony-of-flavors .field--name-field-image, .paragraph--type--matcha-coffee, .paragraph--type--other-matcha-recipes .matcha-recipes-content .image-title-text, .paragraph--type--all-blogs, .blog-full-content .blog-right-content .blog-content-caption, .paragraph--type--matcha-accessories .accessories-items {
    padding-top: 56px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--store-items, .checkout-login, .checkout-sec, .paragraph--type--recipes-slider .recipe-slide-items, .paragraph--type--symphony-of-flavors .field--name-field-image, .paragraph--type--matcha-coffee, .paragraph--type--other-matcha-recipes .matcha-recipes-content .image-title-text, .paragraph--type--all-blogs, .blog-full-content .blog-right-content .blog-content-caption, .paragraph--type--matcha-accessories .accessories-items {
    padding-top: 64px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items, .checkout-login, .checkout-sec, .paragraph--type--recipes-slider .recipe-slide-items, .paragraph--type--symphony-of-flavors .field--name-field-image, .paragraph--type--matcha-coffee, .paragraph--type--other-matcha-recipes .matcha-recipes-content .image-title-text, .paragraph--type--all-blogs, .blog-full-content .blog-right-content .blog-content-caption, .paragraph--type--matcha-accessories .accessories-items {
    padding-top: 80px;
  }
}

.checkout-login, .checkout-review-sec, .checkout-sec, .paragraph--type--mix-matcha-products, .paragraph--type--matcha-coffee .matcha-coffee-content .matcha-coffee-text, .paragraph--type--all-blogs .rest-blogs .view-all-news .view-content > .views-row, .paragraph--type--shop-matcha .shop-matcha-caption {
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .checkout-login, .checkout-review-sec, .checkout-sec, .paragraph--type--mix-matcha-products, .paragraph--type--matcha-coffee .matcha-coffee-content .matcha-coffee-text, .paragraph--type--all-blogs .rest-blogs .view-all-news .view-content > .views-row, .paragraph--type--shop-matcha .shop-matcha-caption {
    padding-bottom: 56px;
  }
}
@media screen and (min-width: 992px) {
  .checkout-login, .checkout-review-sec, .checkout-sec, .paragraph--type--mix-matcha-products, .paragraph--type--matcha-coffee .matcha-coffee-content .matcha-coffee-text, .paragraph--type--all-blogs .rest-blogs .view-all-news .view-content > .views-row, .paragraph--type--shop-matcha .shop-matcha-caption {
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 1400px) {
  .checkout-login, .checkout-review-sec, .checkout-sec, .paragraph--type--mix-matcha-products, .paragraph--type--matcha-coffee .matcha-coffee-content .matcha-coffee-text, .paragraph--type--all-blogs .rest-blogs .view-all-news .view-content > .views-row, .paragraph--type--shop-matcha .shop-matcha-caption {
    padding-bottom: 80px;
  }
}

.paragraph--type--prepare-matcha .link, .paragraph--type--prepare-matcha .prepare-matcha-content .prepare-items {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--prepare-matcha .link, .paragraph--type--prepare-matcha .prepare-matcha-content .prepare-items {
    padding-top: 40px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--prepare-matcha .link, .paragraph--type--prepare-matcha .prepare-matcha-content .prepare-items {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--prepare-matcha .link, .paragraph--type--prepare-matcha .prepare-matcha-content .prepare-items {
    padding-top: 60px;
  }
}

.footer-bottom, .privacy-title-text, .paragraph--type--store-items .sticky-store-items, .checkout-review-sec, .paragraph--type--benefits-of-product, .product-full, .paragraph--type--mix-matcha-products, .cart-title, .paragraph--type--faqs, .paragraph--type--inspiration-behind-ossu .image-title-text, .paragraph--type--meet-the-founders, .paragraph--type--bg-image-with-caption {
  padding-top: 52px;
}
@media screen and (min-width: 768px) {
  .footer-bottom, .privacy-title-text, .paragraph--type--store-items .sticky-store-items, .checkout-review-sec, .paragraph--type--benefits-of-product, .product-full, .paragraph--type--mix-matcha-products, .cart-title, .paragraph--type--faqs, .paragraph--type--inspiration-behind-ossu .image-title-text, .paragraph--type--meet-the-founders, .paragraph--type--bg-image-with-caption {
    padding-top: 68px;
  }
}
@media screen and (min-width: 1200px) {
  .footer-bottom, .privacy-title-text, .paragraph--type--store-items .sticky-store-items, .checkout-review-sec, .paragraph--type--benefits-of-product, .product-full, .paragraph--type--mix-matcha-products, .cart-title, .paragraph--type--faqs, .paragraph--type--inspiration-behind-ossu .image-title-text, .paragraph--type--meet-the-founders, .paragraph--type--bg-image-with-caption {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1400px) {
  .footer-bottom, .privacy-title-text, .paragraph--type--store-items .sticky-store-items, .checkout-review-sec, .paragraph--type--benefits-of-product, .product-full, .paragraph--type--mix-matcha-products, .cart-title, .paragraph--type--faqs, .paragraph--type--inspiration-behind-ossu .image-title-text, .paragraph--type--meet-the-founders, .paragraph--type--bg-image-with-caption {
    padding-top: 100px;
  }
}

.privacy-title-text, .paragraph--type--store-items .matcha-accessories .matcha-accessories-caption, .paragraph--type--store-items .store-content .mixmatcha-matcha, .checkout-review-sec, .paragraph--type--all-recipes, .paragraph--type--benefits-of-product, .paragraph--type--mix-matcha-products .mix-matcha-products-caption, .cart-form, .cart-empty-page, .paragraph--type--bg-image-with-caption, .paragraph--type--matcha-benefits .matcha-benefits h2 {
  padding-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .privacy-title-text, .paragraph--type--store-items .matcha-accessories .matcha-accessories-caption, .paragraph--type--store-items .store-content .mixmatcha-matcha, .checkout-review-sec, .paragraph--type--all-recipes, .paragraph--type--benefits-of-product, .paragraph--type--mix-matcha-products .mix-matcha-products-caption, .cart-form, .cart-empty-page, .paragraph--type--bg-image-with-caption, .paragraph--type--matcha-benefits .matcha-benefits h2 {
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 992px) {
  .privacy-title-text, .paragraph--type--store-items .matcha-accessories .matcha-accessories-caption, .paragraph--type--store-items .store-content .mixmatcha-matcha, .checkout-review-sec, .paragraph--type--all-recipes, .paragraph--type--benefits-of-product, .paragraph--type--mix-matcha-products .mix-matcha-products-caption, .cart-form, .cart-empty-page, .paragraph--type--bg-image-with-caption, .paragraph--type--matcha-benefits .matcha-benefits h2 {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1400px) {
  .privacy-title-text, .paragraph--type--store-items .matcha-accessories .matcha-accessories-caption, .paragraph--type--store-items .store-content .mixmatcha-matcha, .checkout-review-sec, .paragraph--type--all-recipes, .paragraph--type--benefits-of-product, .paragraph--type--mix-matcha-products .mix-matcha-products-caption, .cart-form, .cart-empty-page, .paragraph--type--bg-image-with-caption, .paragraph--type--matcha-benefits .matcha-benefits h2 {
    padding-bottom: 100px;
  }
}

.paragraph--type--recipes-slider, .paragraph--type--matcha-experience .experience-bottom, .checkout-complete, .paragraph--type--matcha-coffee, .paragraph--type--big-title-with-text-items, .paragraph--type--other-matcha-recipes, .all-faq-content .view-content > .views-row:not(:last-child), .paragraph--type--faqs, .paragraph--type--inspiration-behind-ossu, .paragraph--type--full-image, .paragraph--type--meet-the-founders .meet-the-founder-bottom-img, .paragraph--type--meet-the-founders .founder-items .field--name-field-founder-items > div:not(:last-child), .paragraph--type--contact-info, .paragraph--type--testimonial {
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--recipes-slider, .paragraph--type--matcha-experience .experience-bottom, .checkout-complete, .paragraph--type--matcha-coffee, .paragraph--type--big-title-with-text-items, .paragraph--type--other-matcha-recipes, .all-faq-content .view-content > .views-row:not(:last-child), .paragraph--type--faqs, .paragraph--type--inspiration-behind-ossu, .paragraph--type--full-image, .paragraph--type--meet-the-founders .meet-the-founder-bottom-img, .paragraph--type--meet-the-founders .founder-items .field--name-field-founder-items > div:not(:last-child), .paragraph--type--contact-info, .paragraph--type--testimonial {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--recipes-slider, .paragraph--type--matcha-experience .experience-bottom, .checkout-complete, .paragraph--type--matcha-coffee, .paragraph--type--big-title-with-text-items, .paragraph--type--other-matcha-recipes, .all-faq-content .view-content > .views-row:not(:last-child), .paragraph--type--faqs, .paragraph--type--inspiration-behind-ossu, .paragraph--type--full-image, .paragraph--type--meet-the-founders .meet-the-founder-bottom-img, .paragraph--type--meet-the-founders .founder-items .field--name-field-founder-items > div:not(:last-child), .paragraph--type--contact-info, .paragraph--type--testimonial {
    padding-bottom: 120px;
  }
}

.recipe-content-sec, .paragraph--type--recipes-slider, .paragraph--type--beyond-the-cup, .paragraph--type--matcha-experience .experience-bottom, .paragraph--type--matcha-experience, .paragraph--type--big-title-with-text-items, .paragraph--type--other-matcha-recipes, .paragraph--type--journey-through-time, .paragraph--type--basic-banner, .blog-full-content .blog-full-image, .blog-full-content, .paragraph--type--inspiration-behind-ossu, .paragraph--type--full-image, .paragraph--type--meet-the-founders .meet-the-founder-bottom-img, .paragraph--type--contact-info, .paragraph--type--testimonial {
  padding-top: 80px;
}
@media screen and (min-width: 768px) {
  .recipe-content-sec, .paragraph--type--recipes-slider, .paragraph--type--beyond-the-cup, .paragraph--type--matcha-experience .experience-bottom, .paragraph--type--matcha-experience, .paragraph--type--big-title-with-text-items, .paragraph--type--other-matcha-recipes, .paragraph--type--journey-through-time, .paragraph--type--basic-banner, .blog-full-content .blog-full-image, .blog-full-content, .paragraph--type--inspiration-behind-ossu, .paragraph--type--full-image, .paragraph--type--meet-the-founders .meet-the-founder-bottom-img, .paragraph--type--contact-info, .paragraph--type--testimonial {
    padding-top: 100px;
  }
}
@media screen and (min-width: 1400px) {
  .recipe-content-sec, .paragraph--type--recipes-slider, .paragraph--type--beyond-the-cup, .paragraph--type--matcha-experience .experience-bottom, .paragraph--type--matcha-experience, .paragraph--type--big-title-with-text-items, .paragraph--type--other-matcha-recipes, .paragraph--type--journey-through-time, .paragraph--type--basic-banner, .blog-full-content .blog-full-image, .blog-full-content, .paragraph--type--inspiration-behind-ossu, .paragraph--type--full-image, .paragraph--type--meet-the-founders .meet-the-founder-bottom-img, .paragraph--type--contact-info, .paragraph--type--testimonial {
    padding-top: 120px;
  }
}

.paragraph--type--symphony-of-flavors, .paragraph--type--journey-through-time .journey-content .image-title-text {
  padding-top: 80px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--symphony-of-flavors, .paragraph--type--journey-through-time .journey-content .image-title-text {
    padding-top: 110px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--symphony-of-flavors, .paragraph--type--journey-through-time .journey-content .image-title-text {
    padding-top: 140px;
  }
}

.paragraph--type--symphony-of-flavors {
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--symphony-of-flavors {
    padding-bottom: 110px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--symphony-of-flavors {
    padding-bottom: 140px;
  }
}

.paragraph--type--join-the-family {
  padding-top: 80px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--join-the-family {
    padding-top: 140px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--join-the-family {
    padding-top: 160px;
  }
}

.paragraph--type--join-the-family {
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--join-the-family {
    padding-bottom: 140px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--join-the-family {
    padding-bottom: 120px;
  }
}

.paragraph--type--matcha-coffee .matcha-coffee-disclaimer {
  padding-top: 100px;
}
@media screen and (min-width: 992px) {
  .paragraph--type--matcha-coffee .matcha-coffee-disclaimer {
    padding-top: 160px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--matcha-coffee .matcha-coffee-disclaimer {
    padding-top: 200px;
  }
}

.product-full, .paragraph--type--beyond-the-cup, .paragraph--type--journey-through-time {
  padding-bottom: 100px;
}
@media screen and (min-width: 992px) {
  .product-full, .paragraph--type--beyond-the-cup, .paragraph--type--journey-through-time {
    padding-bottom: 160px;
  }
}
@media screen and (min-width: 1400px) {
  .product-full, .paragraph--type--beyond-the-cup, .paragraph--type--journey-through-time {
    padding-bottom: 200px;
  }
}

.paragraph--type--store-items .matcha-accessories, .paragraph--type--matcha-accessories, .paragraph--type--shop-matcha {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--store-items .matcha-accessories, .paragraph--type--matcha-accessories, .paragraph--type--shop-matcha {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--store-items .matcha-accessories, .paragraph--type--matcha-accessories, .paragraph--type--shop-matcha {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--store-items .matcha-accessories, .paragraph--type--matcha-accessories, .paragraph--type--shop-matcha {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items .matcha-accessories, .paragraph--type--matcha-accessories, .paragraph--type--shop-matcha {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.paragraph--type--prepare-matcha, .paragraph--type--matcha-benefits {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--prepare-matcha, .paragraph--type--matcha-benefits {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--prepare-matcha, .paragraph--type--matcha-benefits {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--prepare-matcha, .paragraph--type--matcha-benefits {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--prepare-matcha, .paragraph--type--matcha-benefits {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.region {
  padding: 0;
}

@media screen and (min-width: 360px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 576px) {
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media screen and (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    max-width: 1440px;
  }
}
@media screen and (min-width: 1800px) {
  .container {
    max-width: 1540px;
  }
}

@media screen and (min-width: 1200px) {
  .paragraph--type--journey-through-time .container {
    max-width: 1080px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--journey-through-time .container {
    max-width: 1100px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--journey-through-time .container {
    max-width: 1200px;
  }
}
@media screen and (min-width: 1800px) {
  .paragraph--type--journey-through-time .container {
    max-width: 1300px;
  }
}

@media screen and (min-width: 1200px) {
  .container-medium {
    max-width: 1080px;
  }
}
@media screen and (min-width: 1400px) {
  .container-medium {
    max-width: 1100px;
  }
}
@media screen and (min-width: 1600px) {
  .container-medium {
    max-width: 1200px;
  }
}
@media screen and (min-width: 1800px) {
  .container-medium {
    max-width: 1300px;
  }
}

.main-content {
  margin-top: 63px;
}
@media screen and (min-width: 992px) {
  .main-content {
    margin-top: 81px;
  }
}
.main-content .container {
  -webkit-transform: scale(96%);
          transform: scale(96%);
}
@media screen and (min-width: 1200px) {
  .main-content .container {
    -webkit-transform: scale(90%);
            transform: scale(90%);
  }
}
@media screen and (min-width: 1400px) {
  .main-content .container {
    -webkit-transform: scale(90%);
            transform: scale(90%);
  }
}

.home-signup .row {
  margin: 0;
}
.home-signup .row > div {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-signup .left-content {
  padding: 70px 16px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: center;
  background-color: #F9F9F9;
}
.home-signup .left-content h4 {
  text-transform: uppercase;
  margin-bottom: 12px;
}
.home-signup .left-content p {
  font-size: 12px;
  max-width: 70%;
  margin: 0 auto;
}
@media screen and (max-width: 767.5px) {
  .home-signup .col-md-6:nth-child(2) {
    display: none;
  }
}
.home-signup form {
  margin-top: 25px;
}
.home-signup form .form-control {
  border-radius: 6px;
  border: 1px solid var(--c-black);
  padding: 12px 18px;
  width: 100%;
  height: auto;
}
.home-signup form .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.home-signup form .form-item,
.home-signup form .form-actions {
  padding: 0;
  margin: 0;
}
.home-signup form .button {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  width: 100%;
  margin: 10px 0 0;
}
@media screen and (min-width: 1400px) {
  .home-signup form .button {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .home-signup form .button {
    font-size: 35px;
  }
}
.home-signup form .button:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.home-signup .spb-popup-main-wrapper {
  width: 100% !important;
  border: none;
  position: fixed;
  right: 0;
  width: 100%;
  bottom: 0;
  background-color: #F9F9F9;
  z-index: 9;
  margin-left: auto;
  max-width: 680px;
  top: unset;
  padding: 0;
}
@media screen and (max-width: 767.5px) {
  .home-signup .spb-popup-main-wrapper {
    max-width: 300px;
    right: 20px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.home-signup .spb-controls {
  left: 12px;
  top: 12px;
  right: unset;
  overflow: hidden;
}
.home-signup .spb-controls button.spb_close {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--c-black);
  border-radius: 8px;
  cursor: pointer;
  color: var(--c-black);
  font-size: 22px;
  line-height: 0.8;
  font-weight: 220;
  padding-top: 7px;
  background-color: transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.home-signup .spb-controls button.spb_close:hover {
  background-color: var(--c-black);
  color: var(--c-white);
}

.recipe-content-sec::before, .paragraph--type--store-items::before, .paragraph--type--benefits-of-product::before, .paragraph--type--join-the-family::before, .paragraph--type--mix-matcha-products::before, .paragraph--type--matcha-coffee::before, .paragraph--type--big-title-with-text-items.background-green::before, .paragraph--type--other-matcha-recipes::before, .blog-full-content::before, .paragraph--type--contact-info::before, .paragraph--type--mix-matcha::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: calc(100% - 20px);
  -webkit-mask-image: url("/themes/custom/ossu/images/top-abs.svg");
          mask-image: url("/themes/custom/ossu/images/top-abs.svg");
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: top;
          mask-position: top;
  z-index: 1;
  background-color: inherit;
  height: 35px;
}
@media screen and (min-width: 576px) {
  .recipe-content-sec::before, .paragraph--type--store-items::before, .paragraph--type--benefits-of-product::before, .paragraph--type--join-the-family::before, .paragraph--type--mix-matcha-products::before, .paragraph--type--matcha-coffee::before, .paragraph--type--big-title-with-text-items.background-green::before, .paragraph--type--other-matcha-recipes::before, .blog-full-content::before, .paragraph--type--contact-info::before, .paragraph--type--mix-matcha::before {
    height: 45px;
  }
}
@media screen and (min-width: 768px) {
  .recipe-content-sec::before, .paragraph--type--store-items::before, .paragraph--type--benefits-of-product::before, .paragraph--type--join-the-family::before, .paragraph--type--mix-matcha-products::before, .paragraph--type--matcha-coffee::before, .paragraph--type--big-title-with-text-items.background-green::before, .paragraph--type--other-matcha-recipes::before, .blog-full-content::before, .paragraph--type--contact-info::before, .paragraph--type--mix-matcha::before {
    height: 50px;
  }
}
@media screen and (min-width: 992px) {
  .recipe-content-sec::before, .paragraph--type--store-items::before, .paragraph--type--benefits-of-product::before, .paragraph--type--join-the-family::before, .paragraph--type--mix-matcha-products::before, .paragraph--type--matcha-coffee::before, .paragraph--type--big-title-with-text-items.background-green::before, .paragraph--type--other-matcha-recipes::before, .blog-full-content::before, .paragraph--type--contact-info::before, .paragraph--type--mix-matcha::before {
    height: 60px;
  }
}
@media screen and (min-width: 1400px) {
  .recipe-content-sec::before, .paragraph--type--store-items::before, .paragraph--type--benefits-of-product::before, .paragraph--type--join-the-family::before, .paragraph--type--mix-matcha-products::before, .paragraph--type--matcha-coffee::before, .paragraph--type--big-title-with-text-items.background-green::before, .paragraph--type--other-matcha-recipes::before, .blog-full-content::before, .paragraph--type--contact-info::before, .paragraph--type--mix-matcha::before {
    height: 70px;
  }
}
@media screen and (min-width: 1400px) {
  .recipe-content-sec::before, .paragraph--type--store-items::before, .paragraph--type--benefits-of-product::before, .paragraph--type--join-the-family::before, .paragraph--type--mix-matcha-products::before, .paragraph--type--matcha-coffee::before, .paragraph--type--big-title-with-text-items.background-green::before, .paragraph--type--other-matcha-recipes::before, .blog-full-content::before, .paragraph--type--contact-info::before, .paragraph--type--mix-matcha::before {
    height: 80px;
  }
}

#block-ossu-homesignup,
#block-ossu-cartpagepopup {
  display: none;
}

/* webform-confirmation-modal css start */
.webform-confirmation-modal {
  background-color: var(--c-primary);
  color: var(--c-body-color);
  border: none !important;
}
.webform-confirmation-modal .ui-widget-header {
  background-color: var(--c-dark-green);
  border: none;
  padding: 10px 30px;
  position: relative;
}
.webform-confirmation-modal .ui-widget-header .ui-dialog-title {
  font-weight: 600;
  color: var(--c-white);
  font-family: "Obviously Narrow", sans-serif;
}
.webform-confirmation-modal .ui-dialog-titlebar-close {
  font-size: 20px;
  color: var(--c-white);
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  background-color: var(--c-secondary);
  margin: 0;
  border-radius: 0px;
}
.webform-confirmation-modal .ui-dialog-titlebar-close:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.webform-confirmation-modal .ui-dialog-content {
  color: var(--c-body-color);
  padding: 10px 30px 50px;
}

.form-type-checkbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-type-checkbox .form-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  accent-color: var(--c-primary);
  border-color: var(--c-primary);
  margin-bottom: 4px;
}
.form-type-checkbox .form-checkbox:checked {
  accent-color: var(--c-primary);
  background-color: var(--c-primary);
}
.form-type-checkbox .form-checkbox:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ceremonial-outer-wrapper .product-left-content .product-image-pmf .product-image {
  display: unset;
  position: relative;
  overflow: hidden;
}

.ceremonial-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-slide {
  height: auto;
}

.ceremonial-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-controller .swiper-pagination {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  bottom: 10px;
  top: unset;
}

.ceremonial-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-controller .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: var(--c-black);
}

.ceremonial-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-controller .swiper-pagination span {
  width: 10px;
  height: 10px;
  background-color: #D9D9D9;
  aspect-ratio: 1/1;
  position: relative;
  opacity: 1;
}

.ceremonial-outer-wrapper .product-left-content .product-image-pmf .product-image .mixmatchaSwiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  padding-bottom: 40px;
}

.ceremonial-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-controller .swiper-pagination span.swiper-pagination-bullet-active::after {
  opacity: 1;
}

.ceremonial-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-controller .swiper-pagination span::after {
  content: "";
  position: absolute;
  left: 49%;
  top: 50%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--c-black);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}

#traditional-matcha,
#mix-and-matcha {
  scroll-margin-top: 240px;
}

#flavoured-matcha {
  scroll-margin-top: 120px;
}

.menu-bg-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-bg-image .field--name-field-image {
  width: 100%;
  margin-right: -100%;
}
.menu-bg-image .field--name-field-image img {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("../images/mix-matcha-menu-bg.png") !important;
          mask-image: url("../images/mix-matcha-menu-bg.png") !important;
}
.menu-bg-image .menu-item-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  padding: 0 20px;
  position: relative;
  z-index: 2;
  color: var(--c-body-color);
}
@media screen and (min-width: 1200px) {
  .menu-bg-image .menu-item-content {
    color: var(--c-primary);
    padding: 20px 50px 0;
  }
}
@media screen and (min-width: 1400px) {
  .menu-bg-image .menu-item-content {
    padding: 20px 80px 0;
  }
}
@media screen and (min-width: 1600px) {
  .menu-bg-image .menu-item-content {
    padding: 20px 100px 0;
  }
}
@media screen and (max-width: 991.5px) {
  .menu-bg-image .menu-item-content h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991.5px) {
  .menu-bg-image .menu-item-content p {
    font-size: 15px;
  }
}
.menu-bg-image .menu-item-content .link {
  padding-top: 20px;
}
@media screen and (max-width: 991.5px) {
  .menu-bg-image .menu-item-content .link {
    display: none;
  }
}
.menu-bg-image .menu-item-content .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  --bg-color: var(--c-white);
  --textcolor: var(--c-primary);
}
@media screen and (min-width: 1400px) {
  .menu-bg-image .menu-item-content .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .menu-bg-image .menu-item-content .link a {
    font-size: 35px;
  }
}
.menu-bg-image .menu-item-content .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

.header {
  z-index: 14;
  top: 0;
  left: 0;
  top: 0;
  width: 100%;
  background-color: var(--c-bg-light);
  position: absolute;
}
@media screen and (max-width: 991.5px) {
  .header {
    padding: 12px 0;
  }
}
.role-administrator .header {
  margin-top: 34px;
}
.role-administrator.toolbar-tray-open .header {
  margin-top: 72px;
}
.header-fixed .header {
  position: fixed;
  width: 100%;
  top: 0;
  -webkit-animation: slideDown 1s forwards;
          animation: slideDown 1s forwards;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.header .branding-menu-wrapper > .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .logo {
  max-width: 160px;
}
.header .logo img {
  width: 100%;
}
.header .logo svg path {
  fill: var(--c-primary);
}
.path-frontpage .header .logo svg path, .content-type-work .header .logo svg path, .path-user .header .logo svg path {
  fill: var(--c-white);
}
.menu-open .header .logo svg path {
  fill: var(--c-white);
}
.is-sticky .header .logo svg path {
  fill: var(--c-primary);
}
.header .menus-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .menus-wrapper .btn {
  margin-left: 56px;
}
@media screen and (min-width: 1200px) {
  .header .menus-wrapper .btn {
    margin-left: 66px;
  }
}
@media screen and (min-width: 1400px) {
  .header .menus-wrapper .btn {
    margin-left: 76px;
  }
}
.header .menus-wrapper .btn,
.header .menus-wrapper .user {
  font-size: 26px;
  padding: 0;
  margin-top: 5px;
  position: relative;
}
.header .menus-wrapper .btn svg,
.header .menus-wrapper .user svg {
  font-size: 1em;
  color: var(--c-black);
}
.header .menus-wrapper .btn svg path,
.header .menus-wrapper .user svg path {
  fill: var(--c-black);
}
.header .menus-wrapper .btn i,
.header .menus-wrapper .user i {
  font-size: 1em;
}
.header .menus-wrapper .btn .qty,
.header .menus-wrapper .user .qty {
  font-size: 13px;
  line-height: 1.8em;
  width: 1.8em;
  background-color: #078230;
  color: var(--c-white);
  position: absolute;
  right: -1.2em;
  top: -0.75em;
  display: block;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
}
.header .menus-wrapper .user {
  margin-left: 30px;
}
@media screen and (max-width: 991.5px) {
  .header .menu {
    display: none;
  }
}
.header .menu nav > ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  list-style: none;
  gap: 40px;
}
@media screen and (min-width: 1200px) {
  .header .menu nav > ul {
    gap: 50px;
  }
}
@media screen and (min-width: 1400px) {
  .header .menu nav > ul {
    gap: 76px;
  }
}
.header .menu nav > ul > li {
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  position: unset;
}
.header .menu nav > ul > li span:empty {
  display: none;
}
.header .menu nav > ul > li > a, .header .menu nav > ul > li > span {
  text-decoration: none;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  font-size: 18px;
  display: inline-block;
  padding: 0;
  position: relative;
  color: var(--c-black);
  font-weight: 900;
  text-transform: uppercase;
  font-family: "Obviously Narrow", sans-serif;
  line-height: 78px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 992px) {
  .header .menu nav > ul > li > a, .header .menu nav > ul > li > span {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .header .menu nav > ul > li > a, .header .menu nav > ul > li > span {
    font-size: 24px;
  }
}
@media screen and (min-width: 1400px) {
  .header .menu nav > ul > li > a, .header .menu nav > ul > li > span {
    font-size: 28px;
  }
}
.header .menu nav > ul > li > a.is-active::before, .header .menu nav > ul > li > span.is-active::before {
  background-color: var(--c-black);
}
.header .menu nav > ul > li > a::before, .header .menu nav > ul > li > span::before {
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 10px;
  margin-bottom: 4px;
  aspect-ratio: 1/1;
  margin-right: 12px;
  border-radius: 3px;
  background-color: transparent;
}
.header .menu nav > ul > li > a:hover, .header .menu nav > ul > li > span:hover {
  color: var(--c-primary);
}
.header .menu nav > ul > li > .shop-menu, .header .menu nav > ul > li > .about-menu, .header .menu nav > ul > li > .matcha-menu {
  position: absolute;
  left: 50%;
  width: 100%;
  top: 100%;
  -webkit-transform: translate(-50%, 5%);
          transform: translate(-50%, 5%);
  opacity: 0;
  visibility: hidden;
  margin: 0 auto;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  pointer-events: none;
  background-color: #F7F9ED;
}
@media screen and (min-width: 1600px) {
  .header .menu nav > ul > li > .shop-menu, .header .menu nav > ul > li > .about-menu, .header .menu nav > ul > li > .matcha-menu {
    background-image: linear-gradient(90deg, #004221 calc(50% - 800px), var(--c-body-color) calc(50% - 800px));
  }
}
.header .menu nav > ul > li > .shop-menu .container, .header .menu nav > ul > li > .about-menu .container, .header .menu nav > ul > li > .matcha-menu .container {
  padding: 0;
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: 450px;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media screen and (min-width: 1600px) {
  .header .menu nav > ul > li > .shop-menu .container, .header .menu nav > ul > li > .about-menu .container, .header .menu nav > ul > li > .matcha-menu .container {
    height: 550px;
    max-width: 1920px;
  }
}
.header .menu nav > ul > li > .shop-menu .container::before, .header .menu nav > ul > li > .about-menu .container::before, .header .menu nav > ul > li > .matcha-menu .container::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  left: 0;
  width: 35%;
  height: 100%;
  background-image: url("/themes/custom/ossu/images/menu-bg.svg");
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}
.header .menu nav > ul > li > .shop-menu .paragraph--type--menu-item,
.header .menu nav > ul > li > .shop-menu .paragraph--type--shop-menu-item, .header .menu nav > ul > li > .about-menu .paragraph--type--menu-item,
.header .menu nav > ul > li > .about-menu .paragraph--type--shop-menu-item, .header .menu nav > ul > li > .matcha-menu .paragraph--type--menu-item,
.header .menu nav > ul > li > .matcha-menu .paragraph--type--shop-menu-item {
  text-align: center;
  color: var(--c-black);
}
.header .menu nav > ul > li > .shop-menu .paragraph--type--menu-item .field--name-field-small-title,
.header .menu nav > ul > li > .shop-menu .paragraph--type--shop-menu-item .field--name-field-small-title, .header .menu nav > ul > li > .about-menu .paragraph--type--menu-item .field--name-field-small-title,
.header .menu nav > ul > li > .about-menu .paragraph--type--shop-menu-item .field--name-field-small-title, .header .menu nav > ul > li > .matcha-menu .paragraph--type--menu-item .field--name-field-small-title,
.header .menu nav > ul > li > .matcha-menu .paragraph--type--shop-menu-item .field--name-field-small-title {
  font-size: 16px;
  margin-top: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--c-black);
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .header .menu nav > ul > li > .shop-menu .paragraph--type--menu-item .field--name-field-small-title,
  .header .menu nav > ul > li > .shop-menu .paragraph--type--shop-menu-item .field--name-field-small-title, .header .menu nav > ul > li > .about-menu .paragraph--type--menu-item .field--name-field-small-title,
  .header .menu nav > ul > li > .about-menu .paragraph--type--shop-menu-item .field--name-field-small-title, .header .menu nav > ul > li > .matcha-menu .paragraph--type--menu-item .field--name-field-small-title,
  .header .menu nav > ul > li > .matcha-menu .paragraph--type--shop-menu-item .field--name-field-small-title {
    font-size: 22px;
  }
}
@media screen and (min-width: 1400px) {
  .header .menu nav > ul > li > .shop-menu .paragraph--type--menu-item .field--name-field-small-title,
  .header .menu nav > ul > li > .shop-menu .paragraph--type--shop-menu-item .field--name-field-small-title, .header .menu nav > ul > li > .about-menu .paragraph--type--menu-item .field--name-field-small-title,
  .header .menu nav > ul > li > .about-menu .paragraph--type--shop-menu-item .field--name-field-small-title, .header .menu nav > ul > li > .matcha-menu .paragraph--type--menu-item .field--name-field-small-title,
  .header .menu nav > ul > li > .matcha-menu .paragraph--type--shop-menu-item .field--name-field-small-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .header .menu nav > ul > li > .shop-menu .paragraph--type--menu-item .field--name-field-small-title,
  .header .menu nav > ul > li > .shop-menu .paragraph--type--shop-menu-item .field--name-field-small-title, .header .menu nav > ul > li > .about-menu .paragraph--type--menu-item .field--name-field-small-title,
  .header .menu nav > ul > li > .about-menu .paragraph--type--shop-menu-item .field--name-field-small-title, .header .menu nav > ul > li > .matcha-menu .paragraph--type--menu-item .field--name-field-small-title,
  .header .menu nav > ul > li > .matcha-menu .paragraph--type--shop-menu-item .field--name-field-small-title {
    font-size: 28px;
  }
}
.header .menu nav > ul > li > .shop-menu .paragraph--type--menu-item .field--name-field-price,
.header .menu nav > ul > li > .shop-menu .paragraph--type--shop-menu-item .field--name-field-price, .header .menu nav > ul > li > .about-menu .paragraph--type--menu-item .field--name-field-price,
.header .menu nav > ul > li > .about-menu .paragraph--type--shop-menu-item .field--name-field-price, .header .menu nav > ul > li > .matcha-menu .paragraph--type--menu-item .field--name-field-price,
.header .menu nav > ul > li > .matcha-menu .paragraph--type--shop-menu-item .field--name-field-price {
  margin-top: 6px;
  font-weight: 400;
}
@media screen and (min-width: 992px) {
  .header .menu nav > ul > li > .shop-menu .paragraph--type--menu-item .field--name-field-price,
  .header .menu nav > ul > li > .shop-menu .paragraph--type--shop-menu-item .field--name-field-price, .header .menu nav > ul > li > .about-menu .paragraph--type--menu-item .field--name-field-price,
  .header .menu nav > ul > li > .about-menu .paragraph--type--shop-menu-item .field--name-field-price, .header .menu nav > ul > li > .matcha-menu .paragraph--type--menu-item .field--name-field-price,
  .header .menu nav > ul > li > .matcha-menu .paragraph--type--shop-menu-item .field--name-field-price {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .header .menu nav > ul > li > .shop-menu .paragraph--type--menu-item .field--name-field-price,
  .header .menu nav > ul > li > .shop-menu .paragraph--type--shop-menu-item .field--name-field-price, .header .menu nav > ul > li > .about-menu .paragraph--type--menu-item .field--name-field-price,
  .header .menu nav > ul > li > .about-menu .paragraph--type--shop-menu-item .field--name-field-price, .header .menu nav > ul > li > .matcha-menu .paragraph--type--menu-item .field--name-field-price,
  .header .menu nav > ul > li > .matcha-menu .paragraph--type--shop-menu-item .field--name-field-price {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .header .menu nav > ul > li > .shop-menu .paragraph--type--menu-item .field--name-field-price,
  .header .menu nav > ul > li > .shop-menu .paragraph--type--shop-menu-item .field--name-field-price, .header .menu nav > ul > li > .about-menu .paragraph--type--menu-item .field--name-field-price,
  .header .menu nav > ul > li > .about-menu .paragraph--type--shop-menu-item .field--name-field-price, .header .menu nav > ul > li > .matcha-menu .paragraph--type--menu-item .field--name-field-price,
  .header .menu nav > ul > li > .matcha-menu .paragraph--type--shop-menu-item .field--name-field-price {
    font-size: 30px;
  }
}
.header .menu nav > ul > li > .shop-menu .field--name-field-image img, .header .menu nav > ul > li > .about-menu .field--name-field-image img, .header .menu nav > ul > li > .matcha-menu .field--name-field-image img {
  -webkit-mask-image: url("../images/gold-grade.png");
          mask-image: url("../images/gold-grade.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  width: 100%;
  height: 100%;
}
.header .menu nav > ul > li > .shop-menu .menu-bg-image, .header .menu nav > ul > li > .about-menu .menu-bg-image, .header .menu nav > ul > li > .matcha-menu .menu-bg-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .menu nav > ul > li > .shop-menu .menu-bg-image .field--name-field-image, .header .menu nav > ul > li > .about-menu .menu-bg-image .field--name-field-image, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .field--name-field-image {
  width: 100%;
  margin-right: -100%;
}
.header .menu nav > ul > li > .shop-menu .menu-bg-image .field--name-field-image img, .header .menu nav > ul > li > .about-menu .menu-bg-image .field--name-field-image img, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .field--name-field-image img {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("../images/mix-matcha-menu-bg.png") !important;
          mask-image: url("../images/mix-matcha-menu-bg.png") !important;
}
.header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  padding: 0 20px;
  position: relative;
  z-index: 2;
  color: var(--c-body-color);
}
@media screen and (min-width: 1200px) {
  .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content {
    color: var(--c-primary);
    padding: 20px 50px 0;
  }
}
@media screen and (min-width: 1400px) {
  .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content {
    padding: 20px 80px 0;
  }
}
@media screen and (min-width: 1600px) {
  .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content {
    padding: 20px 100px 0;
  }
}
@media screen and (max-width: 991.5px) {
  .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content h2, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991.5px) {
  .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content p, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content p, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content p {
    font-size: 15px;
  }
}
.header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content .link, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content .link, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content .link {
  padding-top: 20px;
}
@media screen and (max-width: 991.5px) {
  .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content .link, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content .link, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content .link {
    display: none;
  }
}
.header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content .link a, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content .link a, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  --bg-color: var(--c-white);
  --textcolor: var(--c-primary);
}
@media screen and (min-width: 1400px) {
  .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content .link a, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content .link a, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content .link a, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content .link a, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content .link a {
    font-size: 35px;
  }
}
.header .menu nav > ul > li > .shop-menu .menu-bg-image .menu-item-content .link a:hover, .header .menu nav > ul > li > .about-menu .menu-bg-image .menu-item-content .link a:hover, .header .menu nav > ul > li > .matcha-menu .menu-bg-image .menu-item-content .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.header .menu nav > ul > li > .shop-menu .paragraph--type--menu-item-image, .header .menu nav > ul > li > .about-menu .paragraph--type--menu-item-image, .header .menu nav > ul > li > .matcha-menu .paragraph--type--menu-item-image {
  color: var(--c-black);
}
.header .menu nav > ul > li .shop-header-menu .inner-menu-title {
  color: var(--c-white);
  text-align: center;
  width: 35%;
  padding: 0 2% 12px;
}
@media screen and (min-width: 1200px) {
  .header .menu nav > ul > li .shop-header-menu .inner-menu-title {
    padding: 0 4% 12px;
  }
}
.header .menu nav > ul > li .shop-header-menu .inner-menu-title h4 {
  font-weight: 900;
  color: var(--c-bg-light);
  padding: 10px 20px 4px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  font-size: 26px;
}
@media screen and (min-width: 1200px) {
  .header .menu nav > ul > li .shop-header-menu .inner-menu-title h4 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1400px) {
  .header .menu nav > ul > li .shop-header-menu .inner-menu-title h4 {
    font-size: 36px;
  }
}
@media screen and (min-width: 1600px) {
  .header .menu nav > ul > li .shop-header-menu .inner-menu-title h4 {
    font-size: 40px;
  }
}
.header .menu nav > ul > li .shop-header-menu .inner-menu-title h4 a {
  color: inherit;
  text-decoration: none;
}
.header .menu nav > ul > li .shop-header-menu .inner-menu-title h4:hover {
  border-color: var(--c-bg-light);
}
.header .menu nav > ul > li .shop-header-menu .inner-menu-title.active h4 {
  border-color: var(--c-bg-light);
}
.header .menu nav > ul > li .shop-header-menu .inner-menu-content {
  position: absolute;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  right: 0;
  width: 65%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  padding: 0 2%;
}
@media screen and (min-width: 1200px) {
  .header .menu nav > ul > li .shop-header-menu .inner-menu-content {
    padding: 0 5%;
  }
}
.header .menu nav > ul > li .shop-header-menu .inner-menu-content a {
  color: var(--c-black);
}
.header .menu nav > ul > li .shop-header-menu .inner-menu-title:hoverh4 ~ .inner-menu-content {
  opacity: 1;
  visibility: visible;
}
.header .menu nav > ul > li .shop-header-menu .menu-hover-item.is-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.header .menu nav > ul > li .shop-header-menu .menu-hover-item.is-img .default-image {
  width: 100%;
  margin-right: -100%;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.header .menu nav > ul > li .shop-header-menu .menu-hover-item.is-img .hover-image {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.header .menu nav > ul > li .shop-header-menu .menu-hover-item.is-img:hover .default-image {
  opacity: 0;
  visibility: hidden;
}
.header .menu nav > ul > li .shop-header-menu .menu-hover-item.is-img:hover .hover-image {
  opacity: 1;
  visibility: visible;
}
.header .menu nav > ul > li a {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .header .menu nav > ul > li .matcha-menu .paragraph--type--menu-item .field--name-field-image img {
    height: 176px;
    -o-object-fit: cover;
       object-fit: cover;
    width: auto;
  }
}
.header .menu nav > ul > li .about-menu .inner-menu-title,
.header .menu nav > ul > li .matcha-menu .inner-menu-title {
  color: var(--c-white);
  text-align: center;
  width: 35%;
  padding: 0 2% 12px;
}
@media screen and (min-width: 1200px) {
  .header .menu nav > ul > li .about-menu .inner-menu-title,
  .header .menu nav > ul > li .matcha-menu .inner-menu-title {
    padding: 0 4% 12px;
  }
}
.header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption,
.header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption {
  color: var(--c-bg-light);
}
.header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption h5,
.header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption h5 {
  color: var(--c-secondary2);
  margin-bottom: 12px;
}
.header .menu nav > ul > li .about-menu .inner-menu-title .menu-caption p,
.header .menu nav > ul > li .matcha-menu .inner-menu-title .menu-caption p {
  text-transform: uppercase;
  font-weight: 800;
  font-family: "Obviously Narrow", sans-serif;
  margin-bottom: 12px;
}
.header .menu nav > ul > li .about-menu .inner-menu-content,
.header .menu nav > ul > li .matcha-menu .inner-menu-content {
  position: absolute;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  right: 0;
  width: 65%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 2%;
}
@media screen and (min-width: 1200px) {
  .header .menu nav > ul > li .about-menu .inner-menu-content,
  .header .menu nav > ul > li .matcha-menu .inner-menu-content {
    padding: 0 5%;
  }
}
.header .menu nav > ul > li:hover > .shop-menu, .header .menu nav > ul > li:hover > .about-menu, .header .menu nav > ul > li:hover > .matcha-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  pointer-events: auto;
}
.header .menu nav > ul > li .inner-menu-content.active {
  opacity: 1;
  visibility: visible;
}
.header .menu-toggle-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-transform: capitalize;
  cursor: pointer;
  color: var(--c-primary);
}
@media screen and (min-width: 992px) {
  .header .menu-toggle-name {
    display: none;
  }
}
.path-frontpage .header .menu-toggle-name, .content-type-work .header .menu-toggle-name, .path-user .header .menu-toggle-name {
  color: var(--c-white);
}
.menu-open .header .menu-toggle-name {
  color: var(--c-white);
}
.is-sticky .header .menu-toggle-name {
  color: var(--c-primary);
}

/* toggle css mboile */
.menu-toggle {
  width: 28px;
  height: 30px;
  position: relative;
  cursor: pointer;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (min-width: 992px) {
  .menu-toggle {
    display: none;
  }
}
.menu-toggle span {
  width: 100%;
  border-bottom: 4px solid var(--c-black);
  position: absolute;
  top: 50%;
  border-radius: 10px;
}
.menu-toggle span:nth-child(1) {
  margin-top: -10px;
  -webkit-transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
}
.menu-open .menu-toggle span:nth-child(1) {
  -webkit-transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.menu-toggle span:nth-child(2) {
  -webkit-transition-delay: 0.32s;
          transition-delay: 0.32s;
}
.menu-open .menu-toggle span:nth-child(2) {
  opacity: 0;
}
.menu-toggle span:nth-child(3) {
  margin-top: 10px;
  -webkit-transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
}
.menu-open .menu-toggle span:nth-child(3) {
  -webkit-transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--c-dark-green);
  z-index: 12;
  padding-top: 120px;
  width: 100%;
  overflow: hidden;
  height: 100vh;
}
@media screen and (min-width: 992px) {
  .mobile-menu {
    display: none !important;
  }
}

.mobile-menu-wrapper {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  height: calc(100% - 38px);
}
.role-administrator .mobile-menu-wrapper {
  padding-top: 124px;
}
.mobile-menu-wrapper .mobile-menu-inti {
  padding-bottom: 30px;
}
.mobile-menu-wrapper .region-menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}
.mobile-menu-wrapper .menu-hover-item.is-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.mobile-menu-wrapper .menu-hover-item.is-img .default-image {
  width: 100%;
  margin-right: -100%;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.mobile-menu-wrapper .menu-hover-item.is-img .hover-image {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.mobile-menu-wrapper .menu-hover-item.is-img:hover .default-image {
  opacity: 0;
  visibility: hidden;
}
.mobile-menu-wrapper .menu-hover-item.is-img:hover .hover-image {
  opacity: 1;
  visibility: visible;
}
.mobile-menu-wrapper nav.menu--main {
  overflow-x: hidden;
}
.mobile-menu-wrapper nav.menu--main > ul {
  margin: 0;
  list-style: none;
}
.mobile-menu-wrapper nav.menu--main > ul > li {
  padding: 16px 0;
  position: relative;
}
.mobile-menu-wrapper nav.menu--main > ul > li:not(:last-child) {
  border-bottom: 1px solid var(--c-white);
}
.mobile-menu-wrapper nav.menu--main > ul > li > a, .mobile-menu-wrapper nav.menu--main > ul > li > span {
  text-decoration: none;
  color: var(--c-bg-light);
  text-transform: uppercase;
  font-size: 30px;
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 800;
}
.mobile-menu-wrapper nav.menu--main > ul > li.dropdown span {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background-image: url("../images/menu-arrow.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  cursor: pointer;
  top: 36px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.mobile-menu-wrapper nav.menu--main > ul > li.dropdown.active span {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.mobile-menu-wrapper nav.menu--main > ul > li.dropdown > div {
  display: none;
  width: 100%;
}
.mobile-menu-wrapper nav.menu--main > ul > li .shop-menu .inner-menu-title h4 {
  color: var(--c-bg-light);
  padding: 16px 0;
  position: relative;
  cursor: pointer;
}
.mobile-menu-wrapper nav.menu--main > ul > li .shop-menu .inner-menu-title h4::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background-image: url("../images/menu-arrow.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  cursor: pointer;
  top: 28px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.mobile-menu-wrapper nav.menu--main > ul > li .shop-menu .inner-menu-title h4 a {
  color: inherit;
  text-decoration: none;
}
.mobile-menu-wrapper nav.menu--main > ul > li .shop-menu .inner-menu-title h4.active::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.mobile-menu-wrapper nav.menu--main > ul > li .shop-menu .inner-menu-content {
  display: none;
  padding: 20px 0;
}
.mobile-menu-wrapper nav.menu--main > ul > li .shop-menu .inner-menu-content .field--name-field-menu-items {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mobile-menu-wrapper nav.menu--main > ul > li .shop-menu .inner-menu-content .field--name-field-menu-items > .col {
  width: 50%;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  margin-bottom: 26px;
}
.mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title,
.mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title {
  color: var(--c-white);
  text-align: center;
  padding: 40px 0;
}
.mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption,
.mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption {
  color: var(--c-bg-light);
}
.mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption h5,
.mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption h5 {
  color: var(--c-secondary2);
  margin-bottom: 12px;
}
.mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-title .menu-caption p,
.mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-title .menu-caption p {
  text-transform: uppercase;
  font-weight: 800;
  font-family: "Obviously Narrow", sans-serif;
  margin-bottom: 12px;
}
.mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-content,
.mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-content {
  padding: 20px 0;
}
.mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-content .field--name-field-menu-items,
.mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-content .field--name-field-menu-items {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mobile-menu-wrapper nav.menu--main > ul > li .about-menu .inner-menu-content .field--name-field-menu-items > .col,
.mobile-menu-wrapper nav.menu--main > ul > li .matcha-menu .inner-menu-content .field--name-field-menu-items > .col {
  width: 50%;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  margin-bottom: 26px;
}
.mobile-menu-wrapper nav.menu--main > ul > li .inner-menu-content a {
  text-decoration: none;
  display: inline-block;
}
.mobile-menu-wrapper nav.menu--main > ul > li .inner-menu-content .field--name-field-small-title {
  color: var(--c-bg-light);
  text-transform: uppercase;
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 800;
  font-size: 20px;
  margin-top: 16px;
  text-align: center;
}
.mobile-menu-wrapper nav.menu--main > ul > li .inner-menu-content .field--name-field-price {
  margin-top: 6px;
  font-weight: 400;
  font-size: 16px;
  color: var(--c-white);
  text-align: center;
  font-family: "Obviously Narrow", sans-serif;
}
@media screen and (min-width: 1200px) {
  .mobile-menu-wrapper nav.menu--main > ul > li .inner-menu-content .field--name-field-price {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .mobile-menu-wrapper nav.menu--main > ul > li .inner-menu-content .field--name-field-price {
    font-size: 30px;
  }
}

.contextual-region {
  position: unset;
}

@-webkit-keyframes slideDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.paragraph--type--home-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--home-banner .home-banner-image {
  width: 100%;
  margin-right: -100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 850px;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--home-banner .home-banner-image {
    height: calc(100vh - 100px);
  }
}
.paragraph--type--home-banner .home-banner-image > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.paragraph--type--home-banner .home-banner-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left right;
     object-position: left right;
}
@media screen and (min-width: 576px) {
  .paragraph--type--home-banner .home-banner-image img {
    width: 100%;
  }
}
.paragraph--type--home-banner .caption-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--home-banner .caption-wrapper .container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--home-banner .home-banner-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--home-banner .home-banner-caption {
    padding-top: 80px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--home-banner .home-banner-caption {
    width: 50%;
  }
}
.paragraph--type--home-banner .home-banner-caption h2 {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 900;
}
.paragraph--type--home-banner .home-banner-caption p {
  font-weight: 500;
  font-family: "Obviously Narrow", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--home-banner .home-banner-caption p {
    font-size: 18px;
  }
}
.paragraph--type--home-banner .home-banner-caption .link {
  padding-top: 50px;
}
.paragraph--type--home-banner .home-banner-caption .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--home-banner .home-banner-caption .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--home-banner .home-banner-caption .link a {
    font-size: 35px;
  }
}
.paragraph--type--home-banner .home-banner-caption .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

/* text-loop css start */
.text-loop {
  background-color: var(--c-black);
  color: var(--c-bg-light);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  padding: 10px 12px 6px;
}
.text-loop .loop-title {
  width: 100%;
  height: 100%;
}
.text-loop .loop-title .field--name-field-text-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.text-loop .loop-title .field--name-field-text-items > .field__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.text-loop .loop-title .field--name-field-text-items .paragraph--type--text-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--c-bg-light);
}
.text-loop .loop-title .field--name-field-text-items .paragraph--type--text-icon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: var(--c-bg-light);
}
.text-loop .loop-title .field--name-field-text-items .paragraph--type--text-icon .field--name-field-loop-text {
  display: inline-block;
  font-weight: 800;
  text-transform: uppercase;
  font-family: "Obviously Narrow", sans-serif;
  padding: 0 30px;
  white-space: nowrap;
  color: var(--c-bg-light);
  font-size: 20px;
}
@media screen and (min-width: 992px) {
  .text-loop .loop-title .field--name-field-text-items .paragraph--type--text-icon .field--name-field-loop-text {
    font-size: 24px;
  }
}
@media screen and (min-width: 1400px) {
  .text-loop .loop-title .field--name-field-text-items .paragraph--type--text-icon .field--name-field-loop-text {
    font-size: 28px;
  }
}
.text-loop .loop-title .field--name-field-text-items .field--name-field-icon {
  min-width: 2.5em;
}
.text-loop .loop-title .field--name-field-text-items .field--name-field-icon img {
  width: 100%;
}
.text-loop .tickerwrapper {
  position: relative;
  top: 0px;
  left: 0%;
  width: 99.9%;
  cursor: pointer;
}
.text-loop ul.list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  color: var(--c-white);
}
.text-loop ul.list a {
  color: currentColor;
}
.text-loop ul.list.cloned {
  position: absolute;
  top: 0px;
  left: 0px;
}
.text-loop ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* paragraph--type--shop-matcha css start */
.paragraph--type--shop-matcha {
  background-color: var(--c-bg-light2);
}
.paragraph--type--shop-matcha .shop-matcha-caption {
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
}
@media screen and (min-width: 1600px) {
  .paragraph--type--shop-matcha .shop-matcha-caption {
    max-width: 900px;
  }
}
.paragraph--type--shop-matcha .shop-matcha-caption h2 {
  margin-top: 30px;
}
.paragraph--type--shop-matcha .row {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (min-width: 768px) {
  .paragraph--type--shop-matcha .row > div {
    width: 46%;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--shop-matcha .row > div {
    width: 42%;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--shop-matcha .row > div {
    width: 40%;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--shop-matcha .row > div {
    max-width: 478px;
  }
}
.paragraph--type--shop-matcha .field--name-field-image {
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--shop-matcha .field--name-field-image {
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--shop-matcha .field--name-field-image {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--shop-matcha .field--name-field-image {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--shop-matcha .field--name-field-image {
    padding-bottom: 60px;
  }
}
.paragraph--type--shop-matcha .field--name-field-image img {
  -webkit-mask-image: url("/sites/default/files/2024-07/keep-it-traditional.png");
          mask-image: url("/sites/default/files/2024-07/keep-it-traditional.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 100%;
  -webkit-mask-position: center;
          mask-position: center;
  max-height: 560px;
}
.paragraph--type--shop-matcha .shop-matcha-items {
  text-align: center;
  padding-bottom: var(--round-imgh);
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--shop-matcha .shop-matcha-items .row > div:not(:last-child) .matcha-items {
    padding-bottom: 100px;
  }
}
.paragraph--type--shop-matcha .shop-matcha-items p {
  margin: 0 auto;
  padding-top: 20px;
}
@media screen and (min-width: 1200px) {
  .paragraph--type--shop-matcha .shop-matcha-items p {
    max-width: 89%;
  }
}
.paragraph--type--shop-matcha .shop-matcha-items .link {
  padding-top: 30px;
  text-align: center;
}
.paragraph--type--shop-matcha .shop-matcha-items .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  border: 2px solid transparent;
  font-size: 20px;
  color: #F3F6E6;
}
.paragraph--type--shop-matcha .shop-matcha-items .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
@media screen and (min-width: 1400px) {
  .paragraph--type--shop-matcha .shop-matcha-items .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--shop-matcha .shop-matcha-items .link a {
    font-size: 35px;
  }
}
.paragraph--type--shop-matcha .shop-matcha-items .link a:hover {
  border-color: var(--c-black);
  background-color: transparent;
}
.paragraph--type--shop-matcha .shop-matcha-items .link a:hover {
  color: var(--c-black);
}

/* paragraph--type--mix-matcha css start */
.paragraph--type--mix-matcha {
  background-color: var(--c-bg-light3);
  position: relative;
  padding: 74px 0 64px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--mix-matcha {
    padding: 90px 0 80px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--mix-matcha {
    padding: 120px 100px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--mix-matcha {
    padding: 140px 0 120px;
  }
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--mix-matcha .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--mix-matcha .mix-matcha-left-content {
    padding-top: 40px;
  }
}
.paragraph--type--mix-matcha .mix-matcha-left-content h4 {
  font-family: "Obviously Narrow", sans-serif;
  margin-bottom: 30px;
}
.paragraph--type--mix-matcha .mix-matcha-left-content h2 {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 900;
}
.paragraph--type--mix-matcha .mix-matcha-left-content .link {
  padding-top: 30px;
}
.paragraph--type--mix-matcha .mix-matcha-left-content .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--mix-matcha .mix-matcha-left-content .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--mix-matcha .mix-matcha-left-content .link a {
    font-size: 35px;
  }
}
.paragraph--type--mix-matcha .mix-matcha-left-content .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--mix-matcha .mix-matcha-left-content .link a {
    width: 80%;
  }
}
.paragraph--type--mix-matcha .mix-matcha-image-stamp {
  position: relative;
}
@media screen and (min-width: 768px) {
  .paragraph--type--mix-matcha .mix-matcha-image-stamp {
    padding-left: 15%;
  }
}
.paragraph--type--mix-matcha .mix-matcha-image-stamp .stamp-image {
  position: absolute;
  -webkit-transform: translate(-25%, -25%);
          transform: translate(-25%, -25%);
  max-width: 100px;
  top: 0;
  right: 0%;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .paragraph--type--mix-matcha .mix-matcha-image-stamp .stamp-image {
    left: 15%;
    max-width: 150px;
  }
}
.paragraph--type--mix-matcha .mix-matcha-image-stamp .mix-matcha-image img {
  width: 100%;
  -webkit-mask-image: url("/sites/default/files/2024-07/mix-match.png");
          mask-image: url("/sites/default/files/2024-07/mix-match.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

/* paragraph--type--matcha-benefits css start */
.paragraph--type--matcha-benefits {
  background-image: url("/themes/custom/ossu/images/bg-dot.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: var(--c-primary);
}
.paragraph--type--matcha-benefits .matcha-benefits h4 {
  text-align: center;
  color: var(--c-secondary2);
  padding-bottom: 20px;
}
.paragraph--type--matcha-benefits .matcha-benefits h2 {
  text-align: center;
  color: var(--c-bg-light);
  padding-top: 12px;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .paragraph--type--matcha-benefits .matcha-benefits h2 {
    max-width: 75%;
  }
}
.paragraph--type--matcha-benefits .matcha-benefits .benefit-inner-image img {
  width: 100%;
}
.paragraph--type--matcha-benefits .matcha-benefits .benefit-inner-caption {
  padding-right: 10%;
}
.paragraph--type--matcha-benefits .matcha-benefits .benefit-inner-caption h5 {
  color: var(--c-bg-light);
  line-height: 1;
}
@media screen and (min-width: 992px) {
  .paragraph--type--matcha-benefits .matcha-benefits .benefit-inner-caption h5 {
    font-size: 1.5rem;
  }
}
.paragraph--type--matcha-benefits .matcha-benefits .benefit-inner-caption h5 span {
  color: var(--c-secondary2);
}
.paragraph--type--matcha-benefits .matcha-benefits .benefit-inner-caption p {
  color: #F3F6E6;
  padding-top: 16px;
  font-weight: 450;
  font-size: 14px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--matcha-benefits .matcha-benefits .benefit-inner-caption p {
    font-size: 15px;
  }
}
.paragraph--type--matcha-benefits .matcha-benefits .benefit-items {
  padding-top: 40px;
  border-top: 1px solid var(--c-secondary);
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-benefits .matcha-benefits .benefit-items {
    border-bottom: 1px solid var(--c-secondary);
  }
}
.paragraph--type--matcha-benefits .matcha-benefits .benefit-items .field__item .benefit-item-inner {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--c-secondary);
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-benefits .matcha-benefits .benefit-items .field__item .benefit-item-inner {
    margin-bottom: 40px;
    padding: 0;
    border: none;
  }
}
.paragraph--type--matcha-benefits .matcha-benefits .benefit-items .field__item .benefit-item-inner .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.paragraph--type--matcha-benefits .matcha-benefits .benefit-items .field__item:not(:last-child) .benefit-item-inner::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 0;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  .paragraph--type--matcha-benefits .matcha-benefits .benefit-items .field__item:not(:last-child) .benefit-item-inner::after {
    border-right: 1px solid var(--c-secondary);
  }
}
@media screen and (max-width: 1199.5px) {
  .paragraph--type--matcha-benefits .matcha-benefits .benefit-items .field__item:nth-child(odd) .benefit-item-inner::after {
    border-right: 1px solid var(--c-secondary);
  }
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--matcha-benefits .matcha-benefits .benefit-items .field__item:nth-child(odd) .benefit-item-inner::after {
    display: none;
  }
}
.paragraph--type--matcha-benefits .matcha-benefits .link {
  text-align: center;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-benefits .matcha-benefits .link {
    padding-top: 60px;
  }
}
.paragraph--type--matcha-benefits .matcha-benefits .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  border: none;
  background-color: var(--c-secondary2);
  color: var(--c-primary);
}
@media screen and (min-width: 1400px) {
  .paragraph--type--matcha-benefits .matcha-benefits .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--matcha-benefits .matcha-benefits .link a {
    font-size: 35px;
  }
}
.paragraph--type--matcha-benefits .matcha-benefits .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

/* paragraph--type--home-cta css start */
.paragraph--type--home-cta {
  position: relative;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--home-cta .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.paragraph--type--home-cta .cta-left {
  position: relative;
  color: var(--c-body-color);
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--c-primary);
  padding: 80px 0;
}
@media screen and (min-width: 768px) {
  .paragraph--type--home-cta .cta-left {
    padding: 120px 0;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--home-cta .cta-left {
    padding: 140px 0;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--home-cta .cta-left {
    padding: 160px 0;
  }
}
.paragraph--type--home-cta .cta-left .content-with-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding: 0 5%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--home-cta .cta-left .content-with-img {
    padding: 0 12%;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--home-cta .cta-left .content-with-img {
    padding: 0 15%;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--home-cta .cta-left .content-with-img {
    max-width: 600px;
    padding: 0;
  }
}
.paragraph--type--home-cta .cta-left .content-with-img > img {
  width: 100%;
  margin-right: -100%;
}
.paragraph--type--home-cta .cta-left .content {
  width: 100%;
}
.paragraph--type--home-cta .cta-left .content h4 {
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--home-cta .cta-left .content h4 {
    margin-bottom: 30px;
  }
}
.paragraph--type--home-cta .cta-left .content h2 {
  display: inline-block;
  text-transform: uppercase;
  color: var(--c-bg-light2);
}
.paragraph--type--home-cta .cta-left .content h2 img {
  padding: 0 12px;
  margin-top: -2%;
  width: 1.4em;
}
@media screen and (min-width: 768px) {
  .paragraph--type--home-cta .cta-left .content h2 img {
    width: 1.3em;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--home-cta .cta-left .content h2 img {
    width: 1.2em;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--home-cta .cta-left .content h2 img {
    width: 1.2em;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--home-cta .cta-left .content h2 img {
    width: 1em;
  }
}
.paragraph--type--home-cta .cta-left .content h2 span {
  display: inline-block;
  color: var(--c-secondary2);
}
.paragraph--type--home-cta .cta-left .social-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 40px;
}
.paragraph--type--home-cta .cta-left .social-item h5 {
  text-transform: uppercase;
  font-weight: 900;
  margin-right: 50px;
}
.paragraph--type--home-cta .cta-left .social-item ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.paragraph--type--home-cta .cta-left .social-item ul li {
  list-style: none;
}
.paragraph--type--home-cta .cta-left .social-item ul li:not(:last-child) {
  margin-right: 12px;
}
.paragraph--type--home-cta .cta-left .social-item ul li a {
  display: block;
  color: var(--c-body-color);
  width: 100%;
  max-width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  -webkit-mask-image: url("/sites/default/files/2025-01/home-cta-image.webp");
          mask-image: url("/sites/default/files/2025-01/home-cta-image.webp");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  min-width: 40px;
  height: 36px;
  background-color: var(--c-black);
}
.paragraph--type--home-cta .cta-left .social-item ul li a svg {
  width: 15px;
  -o-object-fit: contain;
     object-fit: contain;
}
.paragraph--type--home-cta .cta-left .social-item ul li a:hover {
  background-color: var(--c-secondary);
  color: var(--c-white);
}
.paragraph--type--home-cta .outer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--home-cta .cta-right {
  text-align: center;
  width: 100%;
  background-color: var(--c-sky-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .paragraph--type--home-cta .cta-right {
    padding: 0 7%;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--home-cta .cta-right {
    padding: 0 8%;
  }
}
.paragraph--type--home-cta .cta-right .cta-image {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.paragraph--type--home-cta .cta-right .field--name-field-image img {
  width: 100%;
  height: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
}
@media screen and (min-width: 768px) {
  .paragraph--type--home-cta .cta-right .field--name-field-image img {
    -webkit-mask-image: url("/sites/default/files/2024-07/home-cta-image.png");
            mask-image: url("/sites/default/files/2024-07/home-cta-image.png");
  }
}
.paragraph--type--home-cta .stamp-image {
  position: absolute;
  z-index: 2;
  max-width: 140px;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  left: 50%;
  bottom: 0%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--home-cta .stamp-image {
    left: 0%;
    bottom: unset;
    top: 50%;
    -webkit-transform: translate(-50%, -60%);
            transform: translate(-50%, -60%);
    max-width: 100px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--home-cta .stamp-image {
    max-width: 140px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--home-cta .stamp-image {
    max-width: 180px;
  }
}
@media screen and (min-width: 1800px) {
  .paragraph--type--home-cta .stamp-image {
    max-width: 180px;
  }
}
.paragraph--type--home-cta .stamp-image img {
  width: 100%;
}

/* paragraph--type--matcha-accessories css start */
.paragraph--type--matcha-accessories {
  background-color: var(--c-bg-light2);
}
@media screen and (min-width: 992px) {
  .paragraph--type--matcha-accessories .matcha-accessories {
    max-width: 90%;
    margin: 0 auto;
  }
}
.paragraph--type--matcha-accessories .accessory-image img {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/sites/default/files/2024-07/bamboo-whisk.png");
          mask-image: url("/sites/default/files/2024-07/bamboo-whisk.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
}
.paragraph--type--matcha-accessories .matcha-accessories-caption h4,
.paragraph--type--matcha-accessories .matcha-accessories-caption h2 {
  text-align: center;
}
.paragraph--type--matcha-accessories .matcha-accessories-caption h4 br,
.paragraph--type--matcha-accessories .matcha-accessories-caption h2 br {
  display: unset;
}
.paragraph--type--matcha-accessories .matcha-accessories-caption h4 {
  padding-bottom: 30px;
}
@media screen and (min-width: 1600px) {
  .paragraph--type--matcha-accessories .matcha-accessories-caption h4 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-accessories .accessories-items .row > div {
    padding: 0 16px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--matcha-accessories .accessories-items .row > div {
    padding: 0 22px;
  }
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--matcha-accessories .accessories-items .accessory-inner {
    margin-bottom: 50px;
  }
}
.paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-image {
  padding-bottom: 26px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-image {
    padding-bottom: 60px;
  }
}
.paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-caption {
  text-align: center;
}
.paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-caption p {
  font-weight: 400;
  margin-top: 12px;
}
.paragraph--type--matcha-accessories .accessories-items .accessory-inner .accessory-caption .link {
  padding-top: 0;
}
.paragraph--type--matcha-accessories .link {
  padding-top: 16px;
}
.paragraph--type--matcha-accessories .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--matcha-accessories .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--matcha-accessories .link a {
    font-size: 35px;
  }
}
.paragraph--type--matcha-accessories .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
@media screen and (max-width: 575.5px) {
  .paragraph--type--matcha-accessories .link a {
    width: 80%;
  }
}

/* paragraph--type--matcha-steps  css start */
.paragraph--type--matcha-steps .step-image img {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/sites/default/files/2024-07/step-2.png");
          mask-image: url("/sites/default/files/2024-07/step-2.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
}

.paragraph--type--prepare-matcha {
  background-color: #F3F6E6;
  color: var(--c-black);
  /* Traditional matcha  color*/
}
.paragraph--type--prepare-matcha.background-green {
  background-color: var(--c-primary2);
  color: var(--c-bg-light);
}
.paragraph--type--prepare-matcha.background-turmeric {
  background-color: #FDC0A1;
  color: var(--c-black);
}
.paragraph--type--prepare-matcha.background-perppermint {
  background-color: #C4E2DD;
  color: var(--c-black);
}
.paragraph--type--prepare-matcha.background-lemon {
  background-color: #F2EBA3;
  color: var(--c-black);
}
.paragraph--type--prepare-matcha.background-purple {
  background-color: #D2C2DF;
  color: var(--c-black);
}
.paragraph--type--prepare-matcha.background-light-blue {
  background-color: #A4B5DD;
  color: var(--c-black);
}
.paragraph--type--prepare-matcha.background-pink {
  background-color: #F4BDBA;
  color: var(--c-black);
}
.paragraph--type--prepare-matcha.background-plantinum {
  background-color: #E6EAB0;
  color: var(--c-black);
}
.paragraph--type--prepare-matcha.background-neon {
  background-color: #BFD859;
  color: var(--c-black);
}
.paragraph--type--prepare-matcha .prepare-matcha-content h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-weight: 600;
  margin-bottom: 30px;
}
.path-frontpage .paragraph--type--prepare-matcha .prepare-matcha-content h4 {
  color: var(--c-secondary2);
}
.paragraph--type--prepare-matcha .prepare-matcha-content h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.path-frontpage .paragraph--type--prepare-matcha .prepare-matcha-content .prepare-items h4 {
  color: var(--c-black);
}
@media screen and (max-width: 991.5px) {
  .paragraph--type--prepare-matcha .matcha-steps {
    margin-bottom: 50px;
  }
}
.paragraph--type--prepare-matcha .matcha-steps .step-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.paragraph--type--prepare-matcha .matcha-steps h4 {
  font-weight: 700;
  text-transform: uppercase;
  font-weight: 900;
  margin: 0;
}
.paragraph--type--prepare-matcha .matcha-steps .title h5 {
  padding-left: 16px;
  font-weight: 700;
}
.paragraph--type--prepare-matcha .link {
  text-align: center;
}
@media screen and (max-width: 575.5px) {
  .paragraph--type--prepare-matcha .link {
    padding-top: 30px;
  }
}
.paragraph--type--prepare-matcha .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--prepare-matcha .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--prepare-matcha .link a {
    font-size: 35px;
  }
}
.paragraph--type--prepare-matcha .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--prepare-matcha .link a {
    width: 90%;
  }
}

/* paragraph--type--bg-image-with-caption  css start */
.paragraph--type--bg-image-with-caption {
  color: #F4F6E6;
}
.paragraph--type--bg-image-with-caption.background-green {
  background-color: #034222;
  color: #F3F6E6;
}
.paragraph--type--bg-image-with-caption .content-with-img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--bg-image-with-caption .content-with-img-wrapper .bg-image {
  margin-right: -100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-mask-image: url("/sites/default/files/2024-07/bg-image.png");
          mask-image: url("/sites/default/files/2024-07/bg-image.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--bg-image-with-caption .content-with-img-wrapper .bg-image {
    -o-object-fit: 100% 100%;
       object-fit: 100% 100%;
  }
  .path-frontpage .paragraph--type--bg-image-with-caption .content-with-img-wrapper .bg-image {
    -webkit-mask-image: url("../images/mobile-full-img.png");
            mask-image: url("../images/mobile-full-img.png");
  }
}
.paragraph--type--bg-image-with-caption .content-with-img-wrapper .bg-image::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/outline-border.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  z-index: 2;
}
.path-frontpage .paragraph--type--bg-image-with-caption .content-with-img-wrapper .bg-image::before {
  content: "";
}
.page-id-19 .paragraph--type--bg-image-with-caption .content-with-img-wrapper .bg-image {
  padding: 0;
}
.paragraph--type--bg-image-with-caption .content-with-img-wrapper .bg-image img {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/sites/default/files/2024-07/bg-image.png");
          mask-image: url("/sites/default/files/2024-07/bg-image.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--bg-image-with-caption .content-with-img-wrapper .bg-image img {
    -webkit-mask-image: url("../images/mobile-full-img.png");
            mask-image: url("../images/mobile-full-img.png");
  }
}
.page-id-19 .paragraph--type--bg-image-with-caption .content-with-img-wrapper .bg-image img {
  -webkit-mask-image: url("/sites/default/files/2024-07/bg-image.png");
          mask-image: url("/sites/default/files/2024-07/bg-image.png");
}
.paragraph--type--bg-image-with-caption .bg-image-caption {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  z-index: 2;
  padding: 120px 0;
  color: var(--c-body-color);
  max-width: 90%;
}
.page-id-19 .paragraph--type--bg-image-with-caption .bg-image-caption {
  padding: 0;
  max-width: 85%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption {
    max-width: 80%;
    padding: 60px 0;
  }
}
.paragraph--type--bg-image-with-caption .bg-image-caption .icon {
  max-width: 100%;
  margin: 0 auto 30px;
  width: 40px;
}
@media screen and (min-width: 992px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption .icon {
    width: 60px;
  }
}
.paragraph--type--bg-image-with-caption .bg-image-caption h2 {
  line-height: 0.9;
  max-width: 90%;
  margin: 0 auto 26px;
}
@media screen and (min-width: 480px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption h2 {
    max-width: 80%;
  }
}
@media screen and (max-width: 479.5px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption h2 {
    font-size: 50px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption h2 {
    max-width: 90%;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 479.5px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption h4 {
    font-size: 20px;
  }
}
.paragraph--type--bg-image-with-caption .bg-image-caption h3 {
  text-align: left;
  color: #F4F6E6;
}
@media screen and (max-width: 767.5px) {
  .page-id-19 .paragraph--type--bg-image-with-caption .bg-image-caption h3 {
    font-size: 40px;
  }
}
.paragraph--type--bg-image-with-caption .bg-image-caption h3 br {
  display: unset;
}
.paragraph--type--bg-image-with-caption .bg-image-caption .link {
  padding-top: 50px;
}
@media screen and (max-width: 479.5px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption .link {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption .link {
    padding-top: 12px;
  }
}
.paragraph--type--bg-image-with-caption .bg-image-caption .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  border-color: var(--c-black);
  background-color: var(--c-secondary2);
  color: var(--c-primary);
  border: none;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--bg-image-with-caption .bg-image-caption .link a {
    font-size: 35px;
  }
}
.paragraph--type--bg-image-with-caption .bg-image-caption .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.paragraph--type--bg-image-with-caption .bg-image-caption .link a:hover {
  background-color: var(--c-black);
  color: var(--c-bg-light);
}

/* paragraph--type--testimonial css start */
.paragraph--type--testimonial {
  background-color: var(--c-bg-light);
}
.paragraph--type--testimonial .title {
  text-align: center;
  padding-bottom: 80px;
}
.paragraph--type--testimonial .title h4 {
  margin-bottom: 20px;
}
.paragraph--type--testimonial .swiperTestimonial .swiper-slide {
  height: auto;
}
.paragraph--type--testimonial .swiperTestimonial .swiper-slide .node--type-testimonial.background-pink::after {
  background-color: var(--c-pink);
}
.paragraph--type--testimonial .swiperTestimonial .swiper-slide .node--type-testimonial.background-blue::after {
  background-color: var(--c-sky);
}
.paragraph--type--testimonial .swiperTestimonial .swiper-slide .node--type-testimonial.background-orange::after {
  background-color: var(--c-wine);
}
.paragraph--type--testimonial .swiperTestimonial .swiper-slide .node--type-testimonial.background-lavender::after {
  background-color: var(--c-purple);
}
.paragraph--type--testimonial .node--type-testimonial {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 40px;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
}
.paragraph--type--testimonial .node--type-testimonial::before {
  content: "";
  width: 1px;
  margin-right: -1px;
  padding: 0 0 93.4%;
}
@media screen and (min-width: 576px) {
  .paragraph--type--testimonial .node--type-testimonial {
    padding: 26px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--testimonial .node--type-testimonial {
    padding: 40px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--testimonial .node--type-testimonial {
    padding: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--testimonial .node--type-testimonial {
    padding: 26px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--testimonial .node--type-testimonial {
    padding: 36px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--testimonial .node--type-testimonial {
    padding: 45px;
  }
}
.paragraph--type--testimonial .node--type-testimonial::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/themes/custom/ossu/images/card-bg.svg");
          mask-image: url("/themes/custom/ossu/images/card-bg.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: var(--c-pink);
}
.paragraph--type--testimonial .testimonial-card {
  position: relative;
  z-index: 2;
  width: 100%;
}
.paragraph--type--testimonial .testimonial-card p {
  font-weight: 420;
}
@media screen and (min-width: 576px) {
  .paragraph--type--testimonial .testimonial-card p {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--testimonial .testimonial-card p {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--testimonial .testimonial-card p {
    font-size: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--testimonial .testimonial-card p {
    font-size: 13px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--testimonial .testimonial-card p {
    font-size: 15px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--testimonial .testimonial-card p {
    font-size: 16px;
  }
}
.paragraph--type--testimonial .testimonial-card .star-rating {
  padding: 16px 0;
}
@media screen and (min-width: 576px) {
  .paragraph--type--testimonial .testimonial-card .star-rating {
    padding: 12px 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--testimonial .testimonial-card .star-rating {
    padding: 20px 0;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--testimonial .testimonial-card .star-rating {
    padding: 14px 0;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--testimonial .testimonial-card .star-rating {
    padding: 20px 0;
  }
}
.paragraph--type--testimonial .testimonial-card .testimony-name h4 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
}
@media screen and (min-width: 576px) {
  .paragraph--type--testimonial .testimonial-card .testimony-name h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--testimonial .testimonial-card .testimony-name h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--testimonial .testimonial-card .testimony-name h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--testimonial .testimonial-card .testimony-name h4 {
    font-size: 18px;
  }
}
.paragraph--type--testimonial .swiper-control {
  position: relative;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--testimonial .swiper-control {
    padding-top: 40px;
  }
}
.paragraph--type--testimonial .swiper-control .swiper-pagination {
  position: relative;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  margin: 0;
}
.paragraph--type--testimonial .swiper-control .swiper-pagination span {
  opacity: 0.3;
  width: 10px;
  height: 10px;
  background-color: var(--c-primary);
}
.paragraph--type--testimonial .swiper-control .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: var(--c-black);
  opacity: 1;
}
.paragraph--type--testimonial .link {
  text-align: center;
  padding-top: 60px;
}
.paragraph--type--testimonial .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--testimonial .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--testimonial .link a {
    font-size: 35px;
  }
}
.paragraph--type--testimonial .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

.paragraph--type--contact-info {
  background-color: var(--c-dark-green2);
  color: var(--c-white);
  position: relative;
}
.paragraph--type--contact-info .contact-info {
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--contact-info .contact-info {
    max-width: 60%;
  }
}
.paragraph--type--contact-info .contact-info h1 {
  color: #F8FAF0;
  text-align: center;
  padding-bottom: 60px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .paragraph--type--contact-info .contact-info h1 {
    max-width: 70%;
  }
}
.paragraph--type--contact-info label {
  color: #C1E041;
  margin-bottom: 6px;
}
.paragraph--type--contact-info label::after {
  color: #C1E041;
}
.paragraph--type--contact-info .form-control {
  color: #898989;
  border-radius: 13px;
  background-color: #F8FAF0;
  padding: 20px 24px 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #C4C4C4;
}
.paragraph--type--contact-info form > div {
  margin-bottom: 33px;
}
.paragraph--type--contact-info form .row > div {
  margin: 0;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--contact-info form .row > div:not(:last-child) {
    margin-bottom: 33px;
  }
}
.paragraph--type--contact-info .form-actions .button {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  width: 100%;
  color: #F3F6E6;
}
.paragraph--type--contact-info .form-actions .button:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

.user-main-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 12px;
  padding-top: 110px;
  background-color: var(--c-dark-green);
}
.user-main-content .region-content {
  color: var(--c-white);
  max-width: 450px;
  border-radius: 10px;
  position: relative;
  overflow: auto;
  height: 100%;
  margin: 40px auto;
  padding: 60px 30px;
  background-color: var(--c-bg-light);
  position: relative;
}
.user-main-content .description {
  color: var(--c-primary);
  margin-top: 8px;
}
.user-main-content details {
  background-color: transparent;
}
.user-main-content details summary {
  background-color: transparent !important;
}
.user-main-content .tabs-wrapper .nav-tabs {
  border: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  padding-bottom: 30px;
}
.user-main-content .tabs-wrapper .nav-tabs li {
  border: none;
  background-color: transparent;
  padding: 0;
}
.user-main-content .tabs-wrapper .nav-tabs li:not(:last-child) {
  margin: 0 20px 0 0;
}
.user-main-content .tabs-wrapper .nav-tabs li a {
  background-color: transparent;
  color: var(--c-primary);
  font-weight: 600;
  border: none !important;
  border-radius: 0px;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.user-main-content .tabs-wrapper .nav-tabs li a.is-active {
  text-decoration: underline;
}
.user-main-content .tabs-wrapper .nav-tabs li a:hover {
  text-decoration: underline;
}
.user-main-content .tabs-wrapper .nav-tabs li:nth-child(3) {
  position: absolute;
  bottom: 40px;
  right: 30px;
}
.user-main-content form label {
  margin-bottom: 6px;
  text-transform: uppercase;
  color: var(--c-primary);
  font-weight: bold;
}
.user-main-content form.user-login-form .description {
  display: none;
}
.user-main-content form .form-control {
  padding: 14px 20px;
  border-radius: 30px;
  background-color: transparent;
  font-weight: bold;
  color: var(--c-primary);
  border-radius: 30px;
  border: 1px solid var(--c-primary);
}
.user-main-content form .form-control::-webkit-input-placeholder {
  color: var(--c-primary);
  font-weight: bold;
}
.user-main-content form .form-control::-moz-placeholder {
  color: var(--c-primary);
  font-weight: bold;
}
.user-main-content form .form-control:-ms-input-placeholder {
  color: var(--c-primary);
  font-weight: bold;
}
.user-main-content form .form-control::-ms-input-placeholder {
  color: var(--c-primary);
  font-weight: bold;
}
.user-main-content form .form-control::placeholder {
  color: var(--c-primary);
  font-weight: bold;
}
.user-main-content form .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.user-main-content form .button {
  padding: 12px 30px;
  border-radius: 0px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  letter-spacing: 1px;
  border: none;
  margin-top: 30px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-size: 16px;
  color: var(--c-white);
  background-color: var(--c-primary);
}
.user-main-content form .button:hover {
  background-color: var(--c-secondary);
  color: var(--c-white);
}

.paragraph--type--meet-the-founders {
  background-color: var(--c-dark-green2);
  color: #F8FAF0;
}
.paragraph--type--meet-the-founders .meet-founder-title {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--meet-the-founders .meet-founder-title {
    padding-bottom: 50px;
  }
}
.paragraph--type--meet-the-founders .meet-founder-title h2 {
  color: var(--c-bg-light);
}
.paragraph--type--meet-the-founders .meet-founder-title h2 br {
  display: unset;
}
.paragraph--type--meet-the-founders .paragraph--type--image-title-text .image img {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.page-id-7 .paragraph--type--meet-the-founders .paragraph--type--image-title-text .image img {
  -webkit-mask-image: url("/sites/default/files/2024-11/dave.png");
          mask-image: url("/sites/default/files/2024-11/dave.png");
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--meet-the-founders .founder-items .title-text {
    padding-top: 60px;
  }
}
.paragraph--type--meet-the-founders .founder-items .title-text h4 {
  font-family: "Obviously Narrow", sans-serif;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--meet-the-founders .founder-items .title-text h4 {
    padding-bottom: 30px;
  }
}
.paragraph--type--meet-the-founders .founder-items .title-text h4 * {
  font-family: inherit;
}
.paragraph--type--meet-the-founders .founder-items .title-text a.toggle-read {
  margin-top: 20px;
  display: inline-block;
  text-decoration: none;
  color: #F8FAF0;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
@media screen and (min-width: 1600px) {
  .paragraph--type--meet-the-founders .founder-items .title-text a.toggle-read {
    font-size: 20px;
  }
}
.paragraph--type--meet-the-founders .founder-items .title-text a.toggle-read:hover {
  color: var(--c-secondary);
}
@media screen and (min-width: 768px) {
  .paragraph--type--meet-the-founders .field--name-field-founder-items .field__item:nth-child(odd) .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--meet-the-founders .field--name-field-founder-items .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.paragraph--type--meet-the-founders .meet-the-founder-bottom-img img {
  -webkit-mask-image: url("/sites/default/files/2024-11/meet-the-founder.webp");
          mask-image: url("/sites/default/files/2024-11/meet-the-founder.webp");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.paragraph--type--image-title-text .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .paragraph--type--image-title-text .row .col-md-6 {
    width: calc(50% - 16px);
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--image-title-text .row .col-md-6 {
    width: calc(50% - 40px);
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--image-title-text .row .col-md-6 {
    width: calc(50% - 45px);
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--image-title-text .row .col-md-6 {
    width: calc(50% - 50px);
  }
}

.paragraph--type--full-image {
  background-color: var(--c-body-color);
}
@media screen and (max-width: 767.5px) {
  .page-id-21 .paragraph--type--full-image {
    padding-top: 40px;
  }
}
.paragraph--type--full-image.background-green {
  background-color: var(--c-dark-green);
}

.paragraph--type--inspiration-behind-ossu {
  counter-reset: my-awesome-counter;
  background-color: var(--c-bg-light2);
}
.page-id-7 .paragraph--type--inspiration-behind-ossu {
  background-color: var(--c-body-color);
}
.paragraph--type--inspiration-behind-ossu .inspiration-title h3 {
  text-align: center;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--inspiration-behind-ossu .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.paragraph--type--inspiration-behind-ossu .field--name-field-founder-items > .field__item {
  counter-increment: my-awesome-counter;
}
.paragraph--type--inspiration-behind-ossu .field--name-field-founder-items > .field__item:nth-child(odd) .image img {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("/sites/default/files/2024-07/inspiration-1.png");
          mask-image: url("/sites/default/files/2024-07/inspiration-1.png");
}
@media screen and (min-width: 768px) {
  .paragraph--type--inspiration-behind-ossu .field--name-field-founder-items > .field__item:nth-child(even) .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--inspiration-behind-ossu .field--name-field-founder-items > .field__item:nth-child(even) .image::before {
    left: unset;
    right: 0;
    -webkit-transform: translate(25%, -30%);
            transform: translate(25%, -30%);
  }
}
.paragraph--type--inspiration-behind-ossu .field--name-field-founder-items > .field__item:nth-child(even) .image img {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("/sites/default/files/2024-07/inspiration-1.png");
          mask-image: url("/sites/default/files/2024-07/inspiration-1.png");
}
.paragraph--type--inspiration-behind-ossu .title-text {
  padding-top: 40px;
}
@media screen and (min-width: 992px) {
  .paragraph--type--inspiration-behind-ossu .title-text {
    padding-top: 50px;
    max-width: 80%;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--inspiration-behind-ossu .title-text {
    padding-top: 70px;
  }
}
.paragraph--type--inspiration-behind-ossu .title-text h4 {
  text-transform: uppercase;
}
.paragraph--type--inspiration-behind-ossu .title-text p {
  padding-top: 20px;
  font-weight: 450;
}
@media screen and (min-width: 768px) {
  .paragraph--type--inspiration-behind-ossu .title-text p {
    padding-top: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--inspiration-behind-ossu .title-text p {
    padding-top: 40px;
  }
}
.paragraph--type--inspiration-behind-ossu .image-title-text .image {
  position: relative;
}
.paragraph--type--inspiration-behind-ossu .image-title-text .image img {
  width: 100%;
}
.paragraph--type--inspiration-behind-ossu .image-title-text .image::before {
  content: "0" counter(my-awesome-counter);
  color: #F4F6E6;
  border-radius: 20px;
  font-weight: bold;
  width: 100px;
  height: 100px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  top: 0;
  -webkit-mask-image: url("../images/single-bg-mask.png");
          mask-image: url("../images/single-bg-mask.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--c-dark-green);
  -webkit-transform: translate(-25%, -30%);
          transform: translate(-25%, -30%);
  z-index: 2;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--inspiration-behind-ossu .image-title-text .image::before {
    -webkit-transform: translate(-50%, -30%);
            transform: translate(-50%, -30%);
    left: 50%;
    width: 70px;
    height: 70px;
  }
}

/* FAQ css start */
.paragraph--type--faqs h3 {
  color: var(--c-primary2);
  padding-bottom: 50px;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--faqs h3 {
    padding-bottom: 36px;
    font-size: 42px;
  }
}
.paragraph--type--faqs .ui-accordion .ui-accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.paragraph--type--faqs .views-accordion-header.ui-accordion-header-active {
  color: var(--c-white);
  background-color: var(--c-dark-green);
}
.paragraph--type--faqs .ui-accordion-header-icon {
  color: var(--c-secondary);
  padding: 8px;
  border: 1px solid var(--c-secondary);
}
.paragraph--type--faqs .field-content p {
  font-family: "Obviously Narrow", sans-serif;
  font-size: 18px;
  font-weight: 420;
  color: var(--c-primary);
}
@media screen and (min-width: 768px) {
  .paragraph--type--faqs .field-content p {
    font-size: 20px;
  }
}
.paragraph--type--faqs .all-faqs .row > div {
  display: block !important;
}
.paragraph--type--faqs .all-faqs .faq-left-items {
  display: block;
}
@media screen and (min-width: 768px) {
  .paragraph--type--faqs .all-faqs .faq-left-items {
    position: sticky !important;
    z-index: 2;
    top: 130px;
  }
  .role-administrator .paragraph--type--faqs .all-faqs .faq-left-items {
    top: 210px;
  }
}
.paragraph--type--faqs .all-faqs .faq-left-items h4 {
  margin-bottom: 50px;
  color: var(--c-primary2);
}
.paragraph--type--faqs .all-faqs .faq-left-items a {
  text-decoration: none;
  color: var(--c-primary2);
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 420;
  display: block;
  margin-bottom: 30px;
  padding: 0;
  font-size: 18px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.paragraph--type--faqs .all-faqs .faq-left-items a:hover {
  -webkit-transform: translateX(2%);
          transform: translateX(2%);
  color: var(--c-dark-green);
}
.paragraph--type--faqs .all-faqs .faq-left-items a * {
  font-weight: 420;
  font-family: "Obviously Narrow", sans-serif;
}

/*      .blog-detail-outer css start */
.paragraph--type--faqs,
.blog-full-content,
.recipe-content-sec {
  /* left side  */
}
.paragraph--type--faqs .recipe-left-right > .row,
.paragraph--type--faqs .all-faqs > .row,
.paragraph--type--faqs .blog-detail-outer > .row,
.blog-full-content .recipe-left-right > .row,
.blog-full-content .all-faqs > .row,
.blog-full-content .blog-detail-outer > .row,
.recipe-content-sec .recipe-left-right > .row,
.recipe-content-sec .all-faqs > .row,
.recipe-content-sec .blog-detail-outer > .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.paragraph--type--faqs .recipe-left-right > .row > div,
.paragraph--type--faqs .all-faqs > .row > div,
.paragraph--type--faqs .blog-detail-outer > .row > div,
.blog-full-content .recipe-left-right > .row > div,
.blog-full-content .all-faqs > .row > div,
.blog-full-content .blog-detail-outer > .row > div,
.recipe-content-sec .recipe-left-right > .row > div,
.recipe-content-sec .all-faqs > .row > div,
.recipe-content-sec .blog-detail-outer > .row > div {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .paragraph--type--faqs .recipe-left-right > .row > div:nth-child(1),
  .paragraph--type--faqs .all-faqs > .row > div:nth-child(1),
  .paragraph--type--faqs .blog-detail-outer > .row > div:nth-child(1),
  .blog-full-content .recipe-left-right > .row > div:nth-child(1),
  .blog-full-content .all-faqs > .row > div:nth-child(1),
  .blog-full-content .blog-detail-outer > .row > div:nth-child(1),
  .recipe-content-sec .recipe-left-right > .row > div:nth-child(1),
  .recipe-content-sec .all-faqs > .row > div:nth-child(1),
  .recipe-content-sec .blog-detail-outer > .row > div:nth-child(1) {
    width: calc(33.333% - 28px);
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--faqs .recipe-left-right > .row > div:nth-child(1),
  .paragraph--type--faqs .all-faqs > .row > div:nth-child(1),
  .paragraph--type--faqs .blog-detail-outer > .row > div:nth-child(1),
  .blog-full-content .recipe-left-right > .row > div:nth-child(1),
  .blog-full-content .all-faqs > .row > div:nth-child(1),
  .blog-full-content .blog-detail-outer > .row > div:nth-child(1),
  .recipe-content-sec .recipe-left-right > .row > div:nth-child(1),
  .recipe-content-sec .all-faqs > .row > div:nth-child(1),
  .recipe-content-sec .blog-detail-outer > .row > div:nth-child(1) {
    width: calc(33.333% - 48px);
  }
}
.paragraph--type--faqs .recipe-left-right > .row > div:nth-child(1) .views-element-container,
.paragraph--type--faqs .all-faqs > .row > div:nth-child(1) .views-element-container,
.paragraph--type--faqs .blog-detail-outer > .row > div:nth-child(1) .views-element-container,
.blog-full-content .recipe-left-right > .row > div:nth-child(1) .views-element-container,
.blog-full-content .all-faqs > .row > div:nth-child(1) .views-element-container,
.blog-full-content .blog-detail-outer > .row > div:nth-child(1) .views-element-container,
.recipe-content-sec .recipe-left-right > .row > div:nth-child(1) .views-element-container,
.recipe-content-sec .all-faqs > .row > div:nth-child(1) .views-element-container,
.recipe-content-sec .blog-detail-outer > .row > div:nth-child(1) .views-element-container {
  width: 100%;
  position: relative;
}
.paragraph--type--faqs .recipe-left-right > .row > div:nth-child(1) .views-element-container::after,
.paragraph--type--faqs .all-faqs > .row > div:nth-child(1) .views-element-container::after,
.paragraph--type--faqs .blog-detail-outer > .row > div:nth-child(1) .views-element-container::after,
.blog-full-content .recipe-left-right > .row > div:nth-child(1) .views-element-container::after,
.blog-full-content .all-faqs > .row > div:nth-child(1) .views-element-container::after,
.blog-full-content .blog-detail-outer > .row > div:nth-child(1) .views-element-container::after,
.recipe-content-sec .recipe-left-right > .row > div:nth-child(1) .views-element-container::after,
.recipe-content-sec .all-faqs > .row > div:nth-child(1) .views-element-container::after,
.recipe-content-sec .blog-detail-outer > .row > div:nth-child(1) .views-element-container::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .paragraph--type--faqs .recipe-left-right > .row > div:nth-child(1) .views-element-container::after,
  .paragraph--type--faqs .all-faqs > .row > div:nth-child(1) .views-element-container::after,
  .paragraph--type--faqs .blog-detail-outer > .row > div:nth-child(1) .views-element-container::after,
  .blog-full-content .recipe-left-right > .row > div:nth-child(1) .views-element-container::after,
  .blog-full-content .all-faqs > .row > div:nth-child(1) .views-element-container::after,
  .blog-full-content .blog-detail-outer > .row > div:nth-child(1) .views-element-container::after,
  .recipe-content-sec .recipe-left-right > .row > div:nth-child(1) .views-element-container::after,
  .recipe-content-sec .all-faqs > .row > div:nth-child(1) .views-element-container::after,
  .recipe-content-sec .blog-detail-outer > .row > div:nth-child(1) .views-element-container::after {
    border-right: 2px solid var(--c-primary2);
    right: -36px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--faqs .recipe-left-right > .row > div:nth-child(1) .views-element-container::after,
  .paragraph--type--faqs .all-faqs > .row > div:nth-child(1) .views-element-container::after,
  .paragraph--type--faqs .blog-detail-outer > .row > div:nth-child(1) .views-element-container::after,
  .blog-full-content .recipe-left-right > .row > div:nth-child(1) .views-element-container::after,
  .blog-full-content .all-faqs > .row > div:nth-child(1) .views-element-container::after,
  .blog-full-content .blog-detail-outer > .row > div:nth-child(1) .views-element-container::after,
  .recipe-content-sec .recipe-left-right > .row > div:nth-child(1) .views-element-container::after,
  .recipe-content-sec .all-faqs > .row > div:nth-child(1) .views-element-container::after,
  .recipe-content-sec .blog-detail-outer > .row > div:nth-child(1) .views-element-container::after {
    right: -56px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--faqs .recipe-left-right > .row > div:nth-child(2),
  .paragraph--type--faqs .all-faqs > .row > div:nth-child(2),
  .paragraph--type--faqs .blog-detail-outer > .row > div:nth-child(2),
  .blog-full-content .recipe-left-right > .row > div:nth-child(2),
  .blog-full-content .all-faqs > .row > div:nth-child(2),
  .blog-full-content .blog-detail-outer > .row > div:nth-child(2),
  .recipe-content-sec .recipe-left-right > .row > div:nth-child(2),
  .recipe-content-sec .all-faqs > .row > div:nth-child(2),
  .recipe-content-sec .blog-detail-outer > .row > div:nth-child(2) {
    width: calc(66.666% - 28px);
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--faqs .recipe-left-right > .row > div:nth-child(2),
  .paragraph--type--faqs .all-faqs > .row > div:nth-child(2),
  .paragraph--type--faqs .blog-detail-outer > .row > div:nth-child(2),
  .blog-full-content .recipe-left-right > .row > div:nth-child(2),
  .blog-full-content .all-faqs > .row > div:nth-child(2),
  .blog-full-content .blog-detail-outer > .row > div:nth-child(2),
  .recipe-content-sec .recipe-left-right > .row > div:nth-child(2),
  .recipe-content-sec .all-faqs > .row > div:nth-child(2),
  .recipe-content-sec .blog-detail-outer > .row > div:nth-child(2) {
    width: calc(66.666% - 48px);
  }
}
.paragraph--type--faqs .view-all-blogs,
.paragraph--type--faqs .recipe-left,
.paragraph--type--faqs .faq-left-items,
.blog-full-content .view-all-blogs,
.blog-full-content .recipe-left,
.blog-full-content .faq-left-items,
.recipe-content-sec .view-all-blogs,
.recipe-content-sec .recipe-left,
.recipe-content-sec .faq-left-items {
  background-color: var(--c-bg-light);
  border-radius: 27px;
  color: var(--c-primary2);
  width: 100%;
  padding: 40px 30px;
}
@media screen and (min-width: 992px) {
  .paragraph--type--faqs .view-all-blogs,
  .paragraph--type--faqs .recipe-left,
  .paragraph--type--faqs .faq-left-items,
  .blog-full-content .view-all-blogs,
  .blog-full-content .recipe-left,
  .blog-full-content .faq-left-items,
  .recipe-content-sec .view-all-blogs,
  .recipe-content-sec .recipe-left,
  .recipe-content-sec .faq-left-items {
    border-radius: 47px;
    padding: 60px 40px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--faqs .view-all-blogs,
  .paragraph--type--faqs .recipe-left,
  .paragraph--type--faqs .faq-left-items,
  .blog-full-content .view-all-blogs,
  .blog-full-content .recipe-left,
  .blog-full-content .faq-left-items,
  .recipe-content-sec .view-all-blogs,
  .recipe-content-sec .recipe-left,
  .recipe-content-sec .faq-left-items {
    padding: 80px 60px;
  }
}
@media screen and (max-width: 991.5px) {
  .page-id-20 .paragraph--type--faqs .view-all-blogs,
  .page-id-20 .paragraph--type--faqs .recipe-left,
  .page-id-20 .paragraph--type--faqs .faq-left-items,
  .page-id-20 .blog-full-content .view-all-blogs,
  .page-id-20 .blog-full-content .recipe-left,
  .page-id-20 .blog-full-content .faq-left-items,
  .page-id-20 .recipe-content-sec .view-all-blogs,
  .page-id-20 .recipe-content-sec .recipe-left,
  .page-id-20 .recipe-content-sec .faq-left-items {
    display: none;
  }
}
.paragraph--type--faqs .view-all-blogs h4,
.paragraph--type--faqs .recipe-left h4,
.paragraph--type--faqs .faq-left-items h4,
.blog-full-content .view-all-blogs h4,
.blog-full-content .recipe-left h4,
.blog-full-content .faq-left-items h4,
.recipe-content-sec .view-all-blogs h4,
.recipe-content-sec .recipe-left h4,
.recipe-content-sec .faq-left-items h4 {
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 30px;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .paragraph--type--faqs .view-all-blogs h4,
  .paragraph--type--faqs .recipe-left h4,
  .paragraph--type--faqs .faq-left-items h4,
  .blog-full-content .view-all-blogs h4,
  .blog-full-content .recipe-left h4,
  .blog-full-content .faq-left-items h4,
  .recipe-content-sec .view-all-blogs h4,
  .recipe-content-sec .recipe-left h4,
  .recipe-content-sec .faq-left-items h4 {
    font-size: 32px;
  }
}
.paragraph--type--faqs .view-all-blogs .view-content > div,
.paragraph--type--faqs .recipe-left .view-content > div,
.paragraph--type--faqs .faq-left-items .view-content > div,
.blog-full-content .view-all-blogs .view-content > div,
.blog-full-content .recipe-left .view-content > div,
.blog-full-content .faq-left-items .view-content > div,
.recipe-content-sec .view-all-blogs .view-content > div,
.recipe-content-sec .recipe-left .view-content > div,
.recipe-content-sec .faq-left-items .view-content > div {
  margin-bottom: 26px;
}
.paragraph--type--faqs .view-all-blogs .view-content a,
.paragraph--type--faqs .recipe-left .view-content a,
.paragraph--type--faqs .faq-left-items .view-content a,
.blog-full-content .view-all-blogs .view-content a,
.blog-full-content .recipe-left .view-content a,
.blog-full-content .faq-left-items .view-content a,
.recipe-content-sec .view-all-blogs .view-content a,
.recipe-content-sec .recipe-left .view-content a,
.recipe-content-sec .faq-left-items .view-content a {
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: var(--c-primary2);
  text-transform: uppercase;
  font-family: "Obviously", sans-serif;
  font-weight: 410;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  font-size: 16px;
}
@media screen and (min-width: 1600px) {
  .paragraph--type--faqs .view-all-blogs .view-content a,
  .paragraph--type--faqs .recipe-left .view-content a,
  .paragraph--type--faqs .faq-left-items .view-content a,
  .blog-full-content .view-all-blogs .view-content a,
  .blog-full-content .recipe-left .view-content a,
  .blog-full-content .faq-left-items .view-content a,
  .recipe-content-sec .view-all-blogs .view-content a,
  .recipe-content-sec .recipe-left .view-content a,
  .recipe-content-sec .faq-left-items .view-content a {
    font-size: 18px;
  }
}
.paragraph--type--faqs .view-all-blogs .view-content a:hover,
.paragraph--type--faqs .recipe-left .view-content a:hover,
.paragraph--type--faqs .faq-left-items .view-content a:hover,
.blog-full-content .view-all-blogs .view-content a:hover,
.blog-full-content .recipe-left .view-content a:hover,
.blog-full-content .faq-left-items .view-content a:hover,
.recipe-content-sec .view-all-blogs .view-content a:hover,
.recipe-content-sec .recipe-left .view-content a:hover,
.recipe-content-sec .faq-left-items .view-content a:hover {
  color: var(--c-dark-green);
}

/* right side accordion all-faq-content css start */
.all-faq-content {
  width: 100%;
}
.all-faq-content .view-content > .views-row .views-row {
  background-color: var(--c-bg-light);
  margin-bottom: 24px;
  padding: 16px 16px 12px;
  border-radius: 16px;
}
@media screen and (min-width: 768px) {
  .all-faq-content .view-content > .views-row .views-row {
    border-radius: 25px;
    padding: 20px 30px 16px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1600px) {
  .all-faq-content .view-content > .views-row .views-row {
    padding: 24px 36px 20px;
  }
}
.all-faq-content .view-content > .views-row .views-row .views-accordion-header {
  color: var(--c-primary2);
  padding: 0;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  text-transform: uppercase;
  font-family: "Obviously Narrow", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 20px;
  font-weight: 800;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .all-faq-content .view-content > .views-row .views-row .views-accordion-header {
    font-size: 26px;
  }
}
@media screen and (min-width: 1200px) {
  .all-faq-content .view-content > .views-row .views-row .views-accordion-header {
    font-size: 32px;
  }
}
@media screen and (min-width: 1600px) {
  .all-faq-content .view-content > .views-row .views-row .views-accordion-header {
    font-size: 35px;
  }
}
.all-faq-content .view-content > .views-row .views-row .views-accordion-header > * {
  font-size: inherit;
  color: inherit;
}
.all-faq-content .view-content > .views-row .views-row .views-accordion-header .field-content {
  padding-right: 10%;
}
.all-faq-content .view-content > .views-row .views-row .views-accordion-header .ui-accordion-header-icon {
  padding: 0;
  margin: 0;
  position: relative;
  border-radius: 12px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  position: relative;
  background-image: url("/themes/custom/ossu/images/box.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}
@media screen and (min-width: 768px) {
  .all-faq-content .view-content > .views-row .views-row .views-accordion-header .ui-accordion-header-icon {
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 992px) {
  .all-faq-content .view-content > .views-row .views-row .views-accordion-header .ui-accordion-header-icon {
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 1600px) {
  .all-faq-content .view-content > .views-row .views-row .views-accordion-header .ui-accordion-header-icon {
    width: 60px;
    height: 60px;
  }
}
.all-faq-content .view-content > .views-row .views-row .views-accordion-header .ui-accordion-header-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: unset;
  background-image: url("/themes/custom/ossu/images/down-arrow.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  background-size: 16px;
}
@media screen and (min-width: 768px) {
  .all-faq-content .view-content > .views-row .views-row .views-accordion-header .ui-accordion-header-icon::after {
    background-size: 25px;
  }
}
@media screen and (min-width: 1400px) {
  .all-faq-content .view-content > .views-row .views-row .views-accordion-header .ui-accordion-header-icon::after {
    background-size: 28px;
  }
}
.all-faq-content .view-content > .views-row .views-row .views-accordion-header .ui-accordion-header-icon .field-content {
  padding-right: 20px;
}
.all-faq-content .view-content > .views-row .views-row .views-accordion-header.ui-accordion-header-active .ui-accordion-header-icon::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.all-faq-content .view-content > .views-row .views-row .ui-accordion-content {
  padding: 30px 0 0;
  margin: 0;
  border: none;
  color: var(--c-primary2);
  background-color: transparent;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .all-faq-content .view-content > .views-row .views-row .ui-accordion-content {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .all-faq-content .view-content > .views-row .views-row .ui-accordion-content {
    font-size: 20px;
  }
}

.paragraph--type--blog-banner .blog-banner-content,
.paragraph--type--blog-banner .recipe-banner-sec,
.node--type-recipe .blog-banner-content,
.node--type-recipe .recipe-banner-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--c-bg-light);
}
.paragraph--type--blog-banner .blog-banner-content .blog-banner-image,
.paragraph--type--blog-banner .blog-banner-content .recipe-banner-image,
.paragraph--type--blog-banner .recipe-banner-sec .blog-banner-image,
.paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-image,
.node--type-recipe .blog-banner-content .blog-banner-image,
.node--type-recipe .blog-banner-content .recipe-banner-image,
.node--type-recipe .recipe-banner-sec .blog-banner-image,
.node--type-recipe .recipe-banner-sec .recipe-banner-image {
  width: 100%;
  margin-right: -100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--blog-banner .blog-banner-content .blog-banner-image div,
.paragraph--type--blog-banner .blog-banner-content .recipe-banner-image div,
.paragraph--type--blog-banner .recipe-banner-sec .blog-banner-image div,
.paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-image div,
.node--type-recipe .blog-banner-content .blog-banner-image div,
.node--type-recipe .blog-banner-content .recipe-banner-image div,
.node--type-recipe .recipe-banner-sec .blog-banner-image div,
.node--type-recipe .recipe-banner-sec .recipe-banner-image div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.paragraph--type--blog-banner .blog-banner-content .blog-banner-image img,
.paragraph--type--blog-banner .blog-banner-content .recipe-banner-image img,
.paragraph--type--blog-banner .recipe-banner-sec .blog-banner-image img,
.paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-image img,
.node--type-recipe .blog-banner-content .blog-banner-image img,
.node--type-recipe .blog-banner-content .recipe-banner-image img,
.node--type-recipe .recipe-banner-sec .blog-banner-image img,
.node--type-recipe .recipe-banner-sec .recipe-banner-image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.paragraph--type--blog-banner .blog-banner-content .blog-banner-title,
.paragraph--type--blog-banner .blog-banner-content .recipe-banner-text,
.paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title,
.paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text,
.node--type-recipe .blog-banner-content .blog-banner-title,
.node--type-recipe .blog-banner-content .recipe-banner-text,
.node--type-recipe .recipe-banner-sec .blog-banner-title,
.node--type-recipe .recipe-banner-sec .recipe-banner-text {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 100px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
.paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
.paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
.paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
.node--type-recipe .blog-banner-content .blog-banner-title h2,
.node--type-recipe .blog-banner-content .recipe-banner-text h2,
.node--type-recipe .recipe-banner-sec .blog-banner-title h2,
.node--type-recipe .recipe-banner-sec .recipe-banner-text h2 {
  color: var(--c-bg-light);
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
  .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
  .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
  .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
  .node--type-recipe .blog-banner-content .blog-banner-title h2,
  .node--type-recipe .blog-banner-content .recipe-banner-text h2,
  .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
  .node--type-recipe .recipe-banner-sec .recipe-banner-text h2 {
    font-size: 60px;
  }
}
.page-id-30 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2, .page-id-31 .paragraph--type--blog-banner .blog-banner-content .blog-banner-title h2,
.page-id-30 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
.page-id-31 .paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h2,
.page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
.page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h2,
.page-id-30 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
.page-id-31 .paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h2,
.page-id-30 .node--type-recipe .blog-banner-content .blog-banner-title h2,
.page-id-31 .node--type-recipe .blog-banner-content .blog-banner-title h2,
.page-id-30 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
.page-id-31 .node--type-recipe .blog-banner-content .recipe-banner-text h2,
.page-id-30 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
.page-id-31 .node--type-recipe .recipe-banner-sec .blog-banner-title h2,
.page-id-30 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2,
.page-id-31 .node--type-recipe .recipe-banner-sec .recipe-banner-text h2 {
  color: var(--c-black);
}
.paragraph--type--blog-banner .blog-banner-content .blog-banner-title h1,
.paragraph--type--blog-banner .blog-banner-content .recipe-banner-text h1,
.paragraph--type--blog-banner .recipe-banner-sec .blog-banner-title h1,
.paragraph--type--blog-banner .recipe-banner-sec .recipe-banner-text h1,
.node--type-recipe .blog-banner-content .blog-banner-title h1,
.node--type-recipe .blog-banner-content .recipe-banner-text h1,
.node--type-recipe .recipe-banner-sec .blog-banner-title h1,
.node--type-recipe .recipe-banner-sec .recipe-banner-text h1 {
  color: var(--c-bg-light);
}

/* breadcrumb css start */
.node-breadcrumb {
  padding: 0 12px;
  padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .node-breadcrumb {
    padding-bottom: 40px;
    width: calc(33.333% - 30px);
  }
}
.node-breadcrumb .field--name-field-breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 576px) {
  .node-breadcrumb .field--name-field-breadcrumbs {
    padding: 0px 40px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .node-breadcrumb .field--name-field-breadcrumbs {
    padding: 0px 60px;
  }
}
@media screen and (min-width: 768px) {
  .node-breadcrumb .field--name-field-breadcrumbs {
    font-size: 20px;
  }
}
@media screen and (min-width: 1600px) {
  .node-breadcrumb .field--name-field-breadcrumbs {
    font-size: 25px;
  }
}
.node-breadcrumb .field--name-field-breadcrumbs > div:not(:last-child) {
  position: relative;
  padding-right: 24px;
  line-height: 0.9;
}
.node-breadcrumb .field--name-field-breadcrumbs > div:not(:last-child)::after {
  content: "";
  height: 100%;
  position: absolute;
  border-right: 2px solid var(--c-black);
  right: 12px;
  top: -2px;
}
.node-breadcrumb .field--name-field-breadcrumbs > div:last-child a {
  color: var(--c-primary2);
}
.node-breadcrumb .field--name-field-breadcrumbs a {
  color: var(--c-black);
  text-decoration: none;
  font-weight: 400;
}

/* blog-full-content css start */
.blog-full-content {
  position: relative;
  background-color: var(--c-body-color);
}
.blog-full-content .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767.5px) {
  .blog-full-content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.blog-full-content .left-content-blog {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .blog-full-content .left-content-blog {
    position: sticky !important;
    z-index: 2;
    top: 130px;
  }
  .role-administrator .blog-full-content .left-content-blog {
    top: 210px;
  }
  .blog-full-content .left-content-blog .views-element-container {
    height: 100%;
  }
}
@media screen and (max-width: 767.5px) {
  .blog-full-content .left-content-blog {
    margin-top: 50px;
  }
}
.blog-full-content .left-content-blog .view-all-blogs {
  color: var(--c-black);
}
.blog-full-content .left-content-blog .view-all-blogs a {
  color: var(--c-black);
  text-transform: unset;
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 450;
  font-size: 18px;
}
.blog-full-content .blog-right-content {
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .blog-full-content .blog-right-content {
    padding-top: 50px;
  }
}
.blog-full-content .blog-right-content .date p {
  font-weight: 900;
  padding-top: 8px;
}
.blog-full-content .blog-right-content h4 {
  text-transform: uppercase;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .blog-full-content .blog-right-content h4 {
    padding-bottom: 40px;
  }
}
.blog-full-content .blog-right-content h5 {
  margin-bottom: 12px;
}
.blog-full-content .blog-right-content .field--name-field-image {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .blog-full-content .blog-right-content .field--name-field-image {
    padding-top: 60px;
  }
}
.blog-full-content .blog-right-content .field--name-field-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 200px;
  border-radius: 40px;
}
@media screen and (min-width: 768px) {
  .blog-full-content .blog-right-content .field--name-field-image img {
    max-height: 400px;
  }
}
@media screen and (min-width: 1400px) {
  .blog-full-content .blog-right-content .field--name-field-image img {
    border-radius: 50px;
    max-height: 450px;
  }
}
@media screen and (min-width: 1600px) {
  .blog-full-content .blog-right-content .field--name-field-image img {
    max-height: 500px;
  }
}
.blog-full-content .blog-right-content .blog-category {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .blog-full-content .blog-right-content .blog-category {
    padding-bottom: 50px;
  }
}
.blog-full-content .blog-right-content .blog-category .field--name-field-blog-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-full-content .blog-right-content .blog-category .field--name-field-blog-category .field__item:not(:last-child) {
  padding-right: 20px;
}
@media screen and (min-width: 1400px) {
  .blog-full-content .blog-right-content .blog-category .field--name-field-blog-category .field__item:not(:last-child) {
    padding-right: 30px;
  }
}
.blog-full-content .blog-right-content .blog-category a {
  color: var(--c-white);
  background-color: var(--c-primary2);
  padding: 10px 20px 5px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 380;
  text-decoration: none;
  font-size: 20px;
  cursor: pointer;
  pointer-events: none;
}
.blog-full-content .blog-full-image img {
  width: 100%;
}
@media screen and (max-width: 767.5px) {
  .blog-full-content .blog-full-image img {
    height: 80vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/* all-blogs-overview css start here */
.view-filters {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.view-filters form legend {
  display: none;
}
.view-filters form fieldset {
  width: 100%;
  margin: 0px;
}
.view-filters form .form-radios {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin: 60px 0 40px;
}
.view-filters form .form-radios::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media screen and (min-width: 768px) {
  .view-filters form .form-radios {
    margin: 60px 0 90px;
  }
}
.view-filters form .form-radios .form-radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  width: 100%;
  margin: 0;
  border-top: 1px solid var(--c-primary);
  border-bottom: 1px solid var(--c-primary);
  width: 100%;
  position: relative;
  padding: 12px 0;
}
@media screen and (min-width: 768px) {
  .view-filters form .form-radios .form-radios {
    padding: 20px 0;
  }
}
.view-filters form .form-radios .form-radios {
  margin-bottom: 0;
}
.view-filters form .form-radios .form-item:not(:last-child) {
  margin: 0;
}
.view-filters form .form-radios .form-item .form-radio {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.view-filters form .form-radios .form-item .form-radio:checked ~ label {
  background-color: var(--c-secondary);
  color: var(--c-primary2);
}
.view-filters form .form-radios .form-item label {
  color: var(--c-primary2);
  border: 1px solid transparent;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  cursor: pointer;
  font-weight: 900;
  padding: 12px 30px 8px;
  text-transform: uppercase;
  font-size: 22px;
  white-space: nowrap;
  margin-right: 10px;
}
@media screen and (min-width: 1200px) {
  .view-filters form .form-radios .form-item label {
    font-size: 28px;
  }
}
@media screen and (min-width: 1600px) {
  .view-filters form .form-radios .form-item label {
    font-size: 34px;
  }
}
.view-filters form .form-radios .form-item label:hover {
  background-color: var(--c-secondary);
}

/* paragraph--type--all-blogs css start */
.paragraph--type--all-blogs {
  overflow: hidden;
}
.paragraph--type--all-blogs .all-blogs {
  position: relative;
}
.paragraph--type--all-blogs .featured-blogs .view-header {
  margin-bottom: 22px;
}
.paragraph--type--all-blogs .featured-blogs .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
.paragraph--type--all-blogs .featured-blogs .view-content .views-row {
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: 576px) {
  .paragraph--type--all-blogs .featured-blogs .view-content .views-row {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--all-blogs .featured-blogs .view-content .views-row {
    width: 33.3333%;
  }
}
.paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child {
  width: 100%;
}
.paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 576px) {
  .paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview {
    margin-left: -12px;
    margin-right: -12px;
    padding: 50px 40px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 60px 60px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview {
    padding: 60px 80px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview {
    padding: 60px 100px;
  }
}
.paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview > div {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview > div {
    padding-left: 12px;
    padding-right: 12px;
    width: 45%;
  }
}
.paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview .all-blog-content .blog-category {
  text-transform: uppercase;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview .all-blog-content .blog-category:before {
  content: " NEW BLOG ";
  display: block;
  padding: 6px 14px 4px;
  text-align: center;
  border-radius: 30px;
  background-color: var(--c-secondary);
  color: var(--c-dark-green);
  margin-right: 16px;
  font-weight: 400;
}
.paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview .all-blog-content h4 {
  font-weight: 800;
  padding: 30px 0 16px;
}
.paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview .all-blog-content h4 a {
  text-decoration: none;
  line-height: 0.9;
  display: inline-block;
}
.paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview .all-blog-content .read-more {
  margin-top: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--all-blogs .featured-blogs .view-content .views-row:first-child .all-blogs-overview .all-blog-content .read-more::after {
  content: ">";
  display: block;
  font-size: 1.5em;
  color: inherit;
  font-weight: 700;
  margin-left: 8px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  font-family: "Obviously Narrow", sans-serif;
  margin-top: 5px;
  line-height: 0.5;
}
.paragraph--type--all-blogs .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .paragraph--type--all-blogs .row > div {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.paragraph--type--all-blogs .row article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--all-blogs .all-blogs-overview {
  position: relative;
  background-color: var(--c-bg-light);
  border-radius: 44px;
  margin-bottom: 24px;
  width: 100%;
  padding: 30px 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--all-blogs .all-blogs-overview {
    padding: 40px 30px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--all-blogs .all-blogs-overview {
    margin-bottom: 30px;
  }
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-image img {
  -webkit-mask-image: url("../images/blog-bg-mask.png");
          mask-image: url("../images/blog-bg-mask.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-position: center;
          mask-position: center;
  max-width: 100%;
  width: 340px;
  height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content {
  width: 100%;
  padding-top: 20px;
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content .blog-category {
  margin-bottom: 16px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--all-blogs .all-blogs-overview .all-blog-content .blog-category {
    margin-bottom: 30px;
  }
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content .blog-category .field__item {
  font-size: 14px;
  padding: 6px 14px 4px;
  border-radius: 30px;
  color: var(--c-white);
  background-color: var(--c-primary);
  display: inline-block;
  text-align: center;
  font-weight: 400;
  letter-spacing: 1px;
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content .blog-category.cateogory-Travel .field__item {
  background-color: var(--c-primary2);
  color: var(--c-secondary);
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content .blog-category.cateogory-Industry .field__item {
  background-color: #43A6DD;
  color: var(--c-white);
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content .blog-category.cateogory-Health .field__item {
  background-color: #C1E041;
  color: var(--c-primary);
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content .blog-category.cateogory-Lifestyle .field__item {
  background-color: var(--c-blue);
  color: var(--c-white);
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content .blog-category.cateogory-Culture .field__item {
  background-color: var(--c-pink);
  color: var(--c-win);
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content h4 {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content h4 a {
  font-size: 1em;
  text-decoration: none;
  color: var(--c-black);
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content .read-more {
  margin-top: 30px;
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content .read-more a {
  text-decoration: none;
  color: var(--c-black);
  position: relative;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--all-blogs .all-blogs-overview .all-blog-content .read-more a {
    font-size: 20px;
  }
}
.paragraph--type--all-blogs .all-blogs-overview .all-blog-content .read-more a:hover {
  color: var(--c-secondary);
}
.paragraph--type--all-blogs .rest-blogs .view-all-news .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
  width: 100%;
}
.paragraph--type--all-blogs .rest-blogs .view-all-news .view-content > .views-row {
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--all-blogs .rest-blogs .view-all-news .view-content > .views-row {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--all-blogs .rest-blogs .view-all-news .view-content > .views-row {
    width: 33.3333%;
  }
}

.paragraph--type--basic-banner {
  background-color: var(--c-body-color);
  color: var(--c-primary2);
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--basic-banner {
    padding-top: 32px;
  }
}
@media screen and (max-width: 767.5px) {
  .page-id-20 .paragraph--type--basic-banner {
    padding-bottom: 0;
  }
}
.page-id-8 .paragraph--type--basic-banner {
  padding-bottom: 0;
}
.paragraph--type--basic-banner.background-dark-green {
  background-color: var(--c-dark-green2);
  color: #F3F6E6;
}
.paragraph--type--basic-banner.background-green {
  background-color: var(--c-dark-green);
  color: #F3F6E6;
}
.page-id-7 .paragraph--type--basic-banner.background-green h2 {
  color: var(--c-bg-light);
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--basic-banner .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--basic-banner .basic-banner-content {
    padding-right: 30px;
  }
}
.paragraph--type--basic-banner .basic-banner-content h2 {
  text-transform: uppercase;
  padding-bottom: 30px;
  max-width: 8em;
}
.page-id-20 .paragraph--type--basic-banner .basic-banner-content h2 {
  max-width: 7em;
}
@media screen and (min-width: 768px) {
  .page-id-20 .paragraph--type--basic-banner .basic-banner-content h2 {
    max-width: 6em;
  }
}
.paragraph--type--basic-banner .basic-banner-content h2 br {
  display: block;
}
@media screen and (min-width: 768px) {
  .paragraph--type--basic-banner .basic-banner-content h2 {
    padding-bottom: 50px;
    margin-top: 9px;
  }
}
.paragraph--type--basic-banner .basic-banner-content h2 span {
  color: var(--c-secondary2);
}
.paragraph--type--basic-banner .basic-banner-content h4 {
  margin-bottom: 16px;
}
@media screen and (min-width: 992px) {
  .paragraph--type--basic-banner .basic-banner-content h4 {
    max-width: 80%;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--basic-banner .basic-banner-content p {
    max-width: 85%;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--basic-banner .basic-banner-content p {
    max-width: 75%;
  }
}
.paragraph--type--basic-banner .basic-banner-content p a {
  color: inherit;
  text-decoration: none;
}
.paragraph--type--basic-banner .basic-banner-content .link {
  padding-top: 40px;
}
.paragraph--type--basic-banner .basic-banner-content .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--basic-banner .basic-banner-content .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--basic-banner .basic-banner-content .link a {
    font-size: 35px;
  }
}
.paragraph--type--basic-banner .basic-banner-content .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
@media screen and (max-width: 575.5px) {
  .paragraph--type--basic-banner .basic-banner-content .link a {
    width: 100%;
  }
}
.page-id-20 .paragraph--type--basic-banner .basic-banner-content .link a {
  background-color: var(--c-primary2);
  color: var(--c-body-color);
}
.page-id-20 .paragraph--type--basic-banner .basic-banner-content .link a:hover {
  background-color: var(--c-secondary2);
  color: var(--c-primary2);
}
.paragraph--type--basic-banner .basic-banner-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--basic-banner .basic-banner-image {
    margin-bottom: 50px;
  }
}
.paragraph--type--basic-banner .basic-banner-image img {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("../images/mask-bg-vert.png");
          mask-image: url("../images/mask-bg-vert.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
}
.paragraph--type--basic-banner .basic-banner-img-bottom .basic-banner-content {
  color: var(--c-black);
  max-width: 80%;
}
.paragraph--type--basic-banner .basic-banner-img-bottom .basic-banner-content h2 {
  font-size: 60px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--basic-banner .basic-banner-img-bottom .basic-banner-content h2 {
    font-size: 80px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--basic-banner .basic-banner-img-bottom .basic-banner-content h2 {
    font-size: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--basic-banner .basic-banner-img-bottom .basic-banner-content h2 {
    font-size: 140px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--basic-banner .basic-banner-img-bottom .basic-banner-content h2 {
    font-size: 160px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--basic-banner .basic-banner-img-bottom .basic-banner-content h2 {
    font-size: 180px;
  }
}
.paragraph--type--basic-banner .basic-banner-img-bottom .basic-banner-content h2 img {
  display: inline;
  width: auto;
  height: 0.7em;
  margin-top: -12px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--basic-banner .basic-banner-img-bottom .basic-banner-content h2 img {
    margin-top: -25px;
  }
}
.paragraph--type--basic-banner .basic-banner-img-bottom .basic-banner-image {
  margin: 0;
}
.paragraph--type--basic-banner .basic-banner-img-bottom .basic-banner-image img {
  -webkit-mask-image: url("../images/mission-bg-mask-2.png");
          mask-image: url("../images/mission-bg-mask-2.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.paragraph--type--basic-banner .basic-banner-image {
  width: 100%;
}
.paragraph--type--basic-banner .basic-banner-image img {
  -webkit-mask-image: unset;
          mask-image: unset;
  width: 100%;
}
.page-id-20 .paragraph--type--basic-banner .basic-banner-image img {
  -webkit-mask-image: url("/sites/default/files/2025-01/faq-banner.webp");
          mask-image: url("/sites/default/files/2025-01/faq-banner.webp");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.page-id-29 .paragraph--type--basic-banner .basic-banner-image img {
  -webkit-mask-image: url("/sites/default/files/2025-01/recipes-banner.png");
          mask-image: url("/sites/default/files/2025-01/recipes-banner.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

/* paragraph--type--journey-through-time css start */
.paragraph--type--journey-through-time {
  background-color: var(--c-dark-green2);
  color: var(--c-body-color);
}
.paragraph--type--journey-through-time .journey-title {
  text-align: center;
}
.paragraph--type--journey-through-time .journey-title h2 {
  font-weight: 900;
  text-transform: uppercase;
}
.paragraph--type--journey-through-time .journey-title h2 br {
  display: unset;
}
.paragraph--type--journey-through-time .journey-title h4 {
  text-transform: uppercase;
  color: var(--c-light-green);
  margin-top: 20px;
}
.paragraph--type--journey-through-time .journey-content .image-title-text .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--journey-through-time .journey-content .image-title-text .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--journey-through-time .journey-content .image-title-text .title-text {
    max-width: 90%;
  }
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--journey-through-time .journey-content .image-title-text .title-text {
    padding-top: 50px;
  }
}
.paragraph--type--journey-through-time .journey-content .image-title-text .title-text h4 {
  font-weight: 800;
  text-transform: uppercase;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--journey-through-time .journey-content .image-title-text .title-text h4 {
    padding-bottom: 30px;
  }
}
.paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item {
  position: relative;
}
.paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item::before {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  height: 26%;
  width: 60%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item::before {
    content: "";
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item::before {
    width: 50%;
    height: 30%;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item::before {
    height: 35%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item:nth-child(odd) .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item:nth-child(odd) .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item:nth-child(even) .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item:nth-child(2)::before {
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../images/line1.svg");
  left: 62%;
}
@media screen and (min-width: 992px) {
  .paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item:nth-child(2)::before {
    left: 45%;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item:nth-child(2)::before {
    left: 50%;
  }
}
.paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item:nth-child(3)::before {
  top: 0;
  left: 45%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../images/line2.svg");
}
.paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item:nth-child(4)::before {
  top: 0;
  left: 70%;
  width: 55%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../images/line3.svg");
  height: 35%;
}
@media screen and (min-width: 992px) {
  .paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item:nth-child(4)::before {
    height: 46%;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--journey-through-time .journey-content .field--name-field-image-title-text > .field__item:nth-child(4)::before {
    height: 46%;
  }
}

/* paragraph--type--other-matcha-recipes css start */
.paragraph--type--other-matcha-recipes {
  background-color: #F8FAF0;
  position: relative;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--other-matcha-recipes .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--other-matcha-recipes .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.paragraph--type--other-matcha-recipes .matcha-recipes-title {
  text-align: center;
}
.paragraph--type--other-matcha-recipes .matcha-recipes-title h5 {
  color: var(--c-primary2);
  text-transform: uppercase;
  padding-bottom: 20px;
}
.paragraph--type--other-matcha-recipes .matcha-recipes-title h3 {
  text-transform: uppercase;
  color: var(--c-black);
  padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--other-matcha-recipes .matcha-recipes-content .field--name-field-image-title-text > .field__item:nth-child(even) .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.paragraph--type--other-matcha-recipes .matcha-recipes-content .field--name-field-image-title-text > .field__item:nth-child(even) .title-text {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .paragraph--type--other-matcha-recipes .matcha-recipes-content .field--name-field-image-title-text .col-md-6 {
    width: 50%;
  }
}
.paragraph--type--other-matcha-recipes .matcha-recipes-content .image-title-text h4 {
  text-transform: uppercase;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--other-matcha-recipes .matcha-recipes-content .image-title-text h4 {
    padding-bottom: 30px;
  }
}
.paragraph--type--other-matcha-recipes .matcha-recipes-content .image-title-text .title-text {
  max-width: 80%;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--other-matcha-recipes .matcha-recipes-content .image-title-text .title-text {
    margin-top: 40px;
    max-width: 100%;
  }
}
.paragraph--type--other-matcha-recipes .matcha-recipes-content .image-title-text .image img {
  width: 100%;
  -webkit-mask-image: url("/sites/default/files/2024-07/powerhouse-in-cup.png");
          mask-image: url("/sites/default/files/2024-07/powerhouse-in-cup.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

/* paragraph--type--why-ossu-s-matcha  css start */
.paragraph--type--why-ossu-s-matcha {
  background-color: #F8FAF0;
}
.paragraph--type--why-ossu-s-matcha .left-title h4 {
  font-weight: 800;
  margin-bottom: 20px;
}
.paragraph--type--why-ossu-s-matcha .left-title h2 br {
  display: unset;
}
.paragraph--type--why-ossu-s-matcha .right-text {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--why-ossu-s-matcha .right-text {
    padding-top: 60px;
  }
}

.paragraph--type--big-title-with-text-items {
  color: var(--c-body-color);
  position: relative;
}
.paragraph--type--big-title-with-text-items.background-dark-green {
  background-color: var(--c-dark-green2);
}
.paragraph--type--big-title-with-text-items.background-green {
  background-color: var(--c-dark-green);
}
.paragraph--type--big-title-with-text-items .big-title {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--c-primary);
}
@media screen and (min-width: 768px) {
  .paragraph--type--big-title-with-text-items .big-title {
    padding-bottom: 60px;
    border: none;
  }
}
.paragraph--type--big-title-with-text-items .big-title h5 {
  font-weight: bold;
  padding-bottom: 22px;
}
@media screen and (min-width: 1200px) {
  .paragraph--type--big-title-with-text-items .big-title h5 {
    padding-bottom: 40px;
  }
}
.paragraph--type--big-title-with-text-items .big-title h2 {
  text-transform: uppercase;
  font-weight: 900;
  line-height: 0.8;
  font-size: 110px;
}
.paragraph--type--big-title-with-text-items .big-title h2 br {
  display: unset;
}
@media screen and (min-width: 768px) {
  .paragraph--type--big-title-with-text-items .big-title h2 {
    font-size: 140px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--big-title-with-text-items .big-title h2 {
    font-size: 180px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--big-title-with-text-items .big-title h2 {
    font-size: 240px;
  }
}
.paragraph--type--big-title-with-text-items .big-title h2 img {
  line-height: 1;
  width: 0.6em;
  height: 0.6em;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--big-title-with-text-items .big-title h2 img {
    display: none;
  }
}
.paragraph--type--big-title-with-text-items .title-text {
  padding: 52px 0;
  border-bottom: 1px solid var(--c-primary);
}
@media screen and (min-width: 768px) {
  .paragraph--type--big-title-with-text-items .title-text {
    padding: 40px 0;
    border-top: 1px solid var(--c-primary);
    margin-bottom: 30px;
  }
}
.paragraph--type--big-title-with-text-items .title-text h4 {
  font-weight: bold;
  margin-bottom: 20px;
}
.paragraph--type--big-title-with-text-items .field--name-field-title-text-items > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--big-title-with-text-items .field--name-field-title-text-items > div .paragraph--type--title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

/* paragraph--type--matcha-coffee css start */
.paragraph--type--matcha-coffee {
  background-color: var(--c-dark-green2);
  color: var(--c-white);
  position: relative;
}
.paragraph--type--matcha-coffee .matcha-coffee-content {
  text-align: center;
}
.paragraph--type--matcha-coffee .matcha-coffee-content h4 {
  color: var(--c-secondary);
  font-weight: bold;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-coffee .matcha-coffee-content h4 {
    padding-bottom: 30px;
  }
}
.paragraph--type--matcha-coffee .matcha-coffee-content h2 {
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-coffee .matcha-coffee-content h2 {
    padding-bottom: 50px;
  }
}
.paragraph--type--matcha-coffee .matcha-coffee-content h3 {
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-coffee .matcha-coffee-content h3 {
    padding-bottom: 60px;
  }
}
.paragraph--type--matcha-coffee .matcha-coffee-content .matcha-coffee-text {
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .paragraph--type--matcha-coffee .matcha-coffee-content .matcha-coffee-text {
    max-width: 50%;
  }
}
.paragraph--type--matcha-coffee .matcha-coffee-content .matcha-coffee-text p {
  font-size: 16px;
}
.paragraph--type--matcha-coffee .matcha-coffee-content .matcha-coffee-images img {
  width: 100%;
  padding: 0 10%;
}
.paragraph--type--matcha-coffee .matcha-coffee-images .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--matcha-coffee .matcha-coffee-images .image-2 {
    padding-top: 50px;
  }
}
.paragraph--type--matcha-coffee .matcha-coffee-disclaimer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.paragraph--type--matcha-coffee .matcha-coffee-disclaimer > div {
  background-color: #042311;
  padding: 15px 24px;
  border-radius: 14px;
}
@media screen and (min-width: 1200px) {
  .paragraph--type--matcha-coffee .matcha-coffee-disclaimer > div {
    padding: 18px 30px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--matcha-coffee .matcha-coffee-disclaimer > div {
    padding: 20px 40px;
  }
}
.paragraph--type--matcha-coffee .matcha-coffee-disclaimer p {
  margin-bottom: 0;
}

html,
body.path-cart {
  background-color: var(--c-white);
}
@media screen and (min-width: 1200px) {
  html .container:has(.cart-title),
  body.path-cart .container:has(.cart-title) {
    max-width: 1024px;
  }
}
@media screen and (min-width: 1400px) {
  html .container:has(.cart-title),
  body.path-cart .container:has(.cart-title) {
    max-width: 1224px;
  }
}
@media screen and (min-width: 1600px) {
  html .container:has(.cart-title),
  body.path-cart .container:has(.cart-title) {
    max-width: 1424px;
  }
}

.cart-title {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .cart-title {
    padding-bottom: 40px;
  }
}
.cart-title h2 {
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (max-width: 767.5px) {
  .cart-title h2 {
    font-size: 40px;
  }
}

/* cart-form css start */
.cart-form form {
  /* product-overview css start */
  /* product css start */
  /* bottom */
}
.cart-form form .views-field-nothing > .field-content {
  width: 100%;
  display: block;
}
.cart-form form .product-overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  width: 100%;
  border-bottom: 1px solid var(--c-black);
}
@media screen and (max-width: 767.5px) {
  .cart-form form .product-overview {
    display: none;
  }
}
.cart-form form .product-overview > div {
  width: 20%;
  font-weight: 380s;
}
.cart-form form .product-overview > div:first-child {
  width: 40%;
}
.cart-form form .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--c-black);
}
.cart-form form .product .product-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .cart-form form .product .product-image {
    width: 40%;
  }
}
.cart-form form .product .product-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
}
@media screen and (min-width: 768px) {
  .cart-form form .product .product-details {
    width: 60%;
  }
}
.cart-form form .product .product-details > div {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .cart-form form .product .product-details > div {
    width: 33.3333%;
  }
}
@media screen and (max-width: 767.5px) {
  .cart-form form .product .product-details .product-quantity {
    display: none;
  }
}
.cart-form form .product .product-title {
  padding-left: 14px;
}
@media screen and (min-width: 768px) {
  .cart-form form .product .product-title {
    padding-left: 30px;
  }
}
.cart-form form .product .product-title h5 {
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.cart-form form .product .product-image > img {
  -webkit-mask-image: url("../images/single-bg-mask.png");
          mask-image: url("../images/single-bg-mask.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  width: 100%;
  max-width: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 576px) {
  .cart-form form .product .product-image > img {
    max-width: 90px;
  }
}
@media screen and (min-width: 768px) {
  .cart-form form .product .product-image > img {
    max-width: 140px;
  }
}
@media screen and (min-width: 1200px) {
  .cart-form form .product .product-image > img {
    max-width: 180px;
  }
}
.cart-form form .product .product-quantity input[type=number] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  color: var(--c-black);
  opacity: 1;
  font-size: 20px;
  font-weight: 700;
  border: 1px solid var(--c-black);
  border-radius: 10px;
  text-align: center;
  max-width: 52px;
  width: 100%;
  padding: 10px 0 6px;
}
.cart-form form .product .product-quantity .quantity-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cart-form form .product .product-quantity .form-item {
  margin: 0;
}
.cart-form form .product .product-quantity .btn-up-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 10px;
}
.cart-form form .product .product-quantity .btn-up-down button {
  background-color: var(--c-black);
  color: var(--c-white);
  border-radius: 6px;
  border: none;
  width: 32px;
  aspect-ratio: 1/0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
}
.cart-form form .product .product-quantity .btn-up-down button:not(:last-child) {
  margin-bottom: 6px;
}
.cart-form form .product .product-price {
  font-weight: 700;
  font-size: 20px;
}
@media screen and (max-width: 767.5px) {
  .cart-form form .product .product-price {
    display: none;
  }
}
.cart-form form .product-actions-with-close-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767.5px) {
  .cart-form form .product-actions-with-close-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-right: 12px;
  }
}
.cart-form form .product-actions-with-close-btn .product-total-price {
  font-weight: bold;
}
.cart-form form .product-actions-with-close-btn .delete-order-item {
  background-color: var(--c-black);
  color: var(--c-white);
  font-size: 0px;
  border: none;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  background-image: url("/themes/custom/ossu/images/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: 12px;
}
@media screen and (min-width: 768px) {
  .cart-form form .product-actions-with-close-btn .delete-order-item {
    background-size: 16px;
    border-radius: 12px;
    width: 40px;
    height: 40px;
  }
}
.cart-form form .product-actions-with-close-btn .delete-order-item:hover {
  background-color: var(--c-secondary);
}
.cart-form form .field--name-total-price {
  padding: 20px 0 22px;
}
.cart-form form .field--name-total-price .order-total-line {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767.5px) {
  .cart-form form .field--name-total-price .order-total-line {
    text-align: unset;
  }
}
.cart-form form .field--name-total-price .order-total-line .order-total-line-label {
  width: 70%;
}
.cart-form form .field--name-total-price .order-total-line .order-total-line-value {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: 30%;
  padding-left: 20px;
}
.cart-form form .field--name-total-price .order-total-line.order-total-line__total {
  padding-top: 40px;
  font-weight: bold;
}
.cart-form .form-actions {
  padding: 0;
  margin: 0;
  text-align: right;
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-top: 1px solid var(--c-black);
  background-color: transparent;
}
.cart-form .form-actions .button {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
}
@media screen and (min-width: 1400px) {
  .cart-form .form-actions .button {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .cart-form .form-actions .button {
    font-size: 35px;
  }
}
.cart-form .form-actions .button:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

/* right side popup css strat */
.dialog-off-canvas-main-canvas .offcanvas-end {
  z-index: 8;
  width: 100% !important;
  overflow: auto;
}
@media screen and (min-width: 768px) {
  .dialog-off-canvas-main-canvas .offcanvas-end {
    width: 40% !important;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-header {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid var(--c-black);
  padding: 140px 20px 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-header {
    padding: 160px 30px 0;
  }
}
@media screen and (min-width: 768px) {
  .user-logged-in .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-header {
    padding: 190px 30px 0;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-header h2 {
  width: 100%;
  text-transform: uppercase;
  color: var(--c-black);
  margin-bottom: 20px;
  font-size: 40px;
}
@media screen and (min-width: 768px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-header h2 {
    font-size: 60px;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-header .btn-close {
  position: absolute;
  left: 0;
  background-color: var(--c-primary);
  color: var(--c-white);
  padding: 14px;
  opacity: 1;
  border-radius: 0px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  background-position: center;
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  border: none;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  top: 85px;
  z-index: 10;
}
@media screen and (max-width: 767.5px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-header .btn-close {
    top: 69px;
    background-size: 12px;
    background-color: var(--c-black);
  }
}
.role-administrator .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-header .btn-close {
  top: 157px;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-header .btn-close:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-header .btn-close:hover {
  background-color: var(--c-dark-green);
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body {
  padding: 0;
  overflow: unset;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row {
  padding: 40px 20px 0;
}
@media screen and (min-width: 768px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row {
    padding: 40px 30px 0;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row > div {
  border-top: 1px solid var(--c-black);
  padding-top: 40px;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -6px;
}
@media screen and (min-width: 768px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .field-content {
    margin: 0 -30px;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .field-content > div {
  padding-right: 6px;
  padding-left: 6px;
}
@media screen and (min-width: 768px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .field-content > div {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-image {
    width: 25%;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-image img {
  border-radius: 13px;
  width: 100%;
  -webkit-mask-image: url("../images/single-bg-mask.png");
          mask-image: url("../images/single-bg-mask.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  min-width: 70px;
  max-width: 115px;
}
@media screen and (min-width: 768px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-image img {
    min-width: 115px;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-title-quantity {
  color: var(--c-black);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  width: 50%;
}
@media screen and (min-width: 1200px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-title-quantity {
    font-size: 22px;
  }
}
@media screen and (min-width: 1400px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-title-quantity {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-title-quantity {
    font-size: 30px;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-title-quantity .form-type-number {
  margin-top: 30px;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-title-quantity .form-type-number input[type=number] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  color: var(--c-black);
  opacity: 1;
  font-size: 20px;
  font-weight: 700;
  border: 1px solid var(--c-black);
  border-radius: 10px;
  text-align: center;
  min-width: 52px;
  max-width: 52px;
  width: 100%;
  padding: 10px 0 6px;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-title-quantity .quantity-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-title-quantity .btn-up-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 10px;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-title-quantity .btn-up-down button {
  background-color: var(--c-black);
  color: var(--c-white);
  border-radius: 6px;
  border: none;
  width: 32px;
  aspect-ratio: 1/0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-title-quantity .btn-up-down button:not(:last-child) {
  margin-bottom: 6px;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .form-item {
  margin: 0;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-remove {
  font-weight: bold;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 25%;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-remove .delete-order-item {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: var(--c-black);
  color: var(--c-white);
  font-size: 0px;
  border: none;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  background-image: url("/themes/custom/ossu/images/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body form div.views-row .side-cart-remove .delete-order-item:hover {
  background-color: var(--c-secondary);
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer {
  background-color: var(--c-primary2);
  color: var(--c-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer {
    padding: 40px 30px;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer h3 {
  text-transform: uppercase;
  width: calc(50% - 6px);
}
@media screen and (max-width: 767.5px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer h3 {
    width: calc(40% - 6px);
    font-size: 40px;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer .pra-with-link {
  padding-left: 12px;
  padding-right: 12px;
  width: calc(50% - 6px);
  text-align: center;
}
@media screen and (max-width: 767.5px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer .pra-with-link {
    width: calc(60% - 6px);
    font-size: 16px;
    text-align: left;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer .pra-with-link .link {
  padding-top: 4px;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer .pra-with-link .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  width: 100%;
}
@media screen and (min-width: 1400px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer .pra-with-link .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer .pra-with-link .link a {
    font-size: 35px;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .mix-matcha-offer .pra-with-link .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .cart-total-amount {
  background-color: var(--c-dark-green);
  color: var(--c-white);
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .cart-total-amount {
    padding: 40px 30px;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .cart-total-amount .cart-total-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 32px;
  padding: 0;
  border-bottom: 1px solid var(--c-bg-light);
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .cart-total-amount .cart-total-amount p {
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (max-width: 767.5px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .cart-total-amount .cart-total-amount p {
    font-size: 18px;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .cart-total-amount .cart-total-amount span {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
}
@media screen and (min-width: 768px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .cart-total-amount .cart-total-amount span {
    font-size: 40px;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .form-actions {
  background-color: var(--c-dark-green);
  margin: 0;
  padding: 0 30px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .form-actions .form-submit {
  width: 100%;
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  width: 100%;
  margin-bottom: 12px;
  background-color: var(--c-bg-light);
  color: var(--c-black);
  border: none;
  font-weight: 700;
  margin-left: 0;
}
@media screen and (min-width: 1400px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .form-actions .form-submit {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .form-actions .form-submit {
    font-size: 35px;
  }
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .form-actions .form-submit:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .form-actions .form-submit:first-child {
  display: none;
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .form-actions .form-submit:hover {
  background-color: var(--c-black);
  color: var(--c-white);
}
.dialog-off-canvas-main-canvas .offcanvas-end .offcanvas-body .form-actions .form-submit:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dialog-off-canvas-main-canvas .offcanvas-backdrop {
  z-index: 7;
}

/* checkout-complete css start */
.alert-status {
  background-color: var(--c-primary);
  color: var(--c-white);
  border: none;
  border-radius: 0px;
  margin: 0;
}
.alert-status a {
  color: var(--c-secondary);
}
.alert-status .btn-close {
  color: var(--c-white);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  opacity: 1;
}

.paragraph--type--mix-matcha-products {
  background-color: var(--c-body-color);
  position: relative;
}
.paragraph--type--mix-matcha-products .mix-matcha-products-caption {
  text-align: center;
}
.paragraph--type--mix-matcha-products .mix-matcha-products-caption h4 {
  padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--mix-matcha-products .mix-matcha-products-caption h4 {
    padding-bottom: 20px;
  }
}
.paragraph--type--mix-matcha-products .mix-matcha-all-products .row .views-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--mix-matcha-products .mix-matcha-all-products .row .views-row {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--mix-matcha-products .mix-matcha-all-products .row .views-row {
    padding: 0 20px;
  }
}
.paragraph--type--mix-matcha-products .mix-matcha-all-products .inner-item {
  background-color: var(--c-white);
  border-radius: 38px;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 30px;
  padding: 30px 26px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--mix-matcha-products .mix-matcha-all-products .inner-item {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--mix-matcha-products .mix-matcha-all-products .inner-item {
    padding: 30px 40px;
  }
}
.paragraph--type--mix-matcha-products .mix-matcha-all-products .views-field-title {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 26px;
  line-height: 0.9;
  padding-top: 20px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--mix-matcha-products .mix-matcha-all-products .views-field-title {
    padding-top: 30px;
    font-size: 28px;
  }
}
.paragraph--type--mix-matcha-products .mix-matcha-all-products .views-field-title a {
  text-decoration: none;
  color: var(--c-black);
}
.paragraph--type--mix-matcha-products .mix-matcha-all-products .views-field-price__number {
  padding: 12px 0;
  margin-top: auto;
}
.paragraph--type--mix-matcha-products .mix-matcha-all-products .field--name-variations .field__label {
  display: none;
}
.paragraph--type--mix-matcha-products .mix-matcha-all-products .field--name-quantity {
  display: none;
}
.paragraph--type--mix-matcha-products .mix-matcha-all-products .form-actions {
  margin-top: auto;
}
.paragraph--type--mix-matcha-products .mix-matcha-all-products .form-actions .form-submit {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  --bg-color: #F3F6E6;
  --textcolor: var(--c-black);
  border: 2px solid #F3F6E6;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--mix-matcha-products .mix-matcha-all-products .form-actions .form-submit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--mix-matcha-products .mix-matcha-all-products .form-actions .form-submit {
    font-size: 28px;
  }
}
.paragraph--type--mix-matcha-products .mix-matcha-all-products .form-actions .form-submit:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

/* paragraph--type--matcha-experience css start */
.paragraph--type--matcha-experience {
  background-color: var(--c-body-color);
}
.paragraph--type--matcha-experience h2 {
  font-weight: 900;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-experience h2 {
    max-width: 6em;
  }
}
.paragraph--type--matcha-experience h4 {
  font-weight: 900;
  text-transform: uppercase;
}
.paragraph--type--matcha-experience .experience-top .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.paragraph--type--matcha-experience .experience-bottom .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--matcha-experience .experience-bottom .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.paragraph--type--matcha-experience .experience-right,
.paragraph--type--matcha-experience .title-text {
  padding-top: 40px;
}
.paragraph--type--matcha-experience .experience-right h4,
.paragraph--type--matcha-experience .title-text h4 {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--matcha-experience .experience-right h4,
  .paragraph--type--matcha-experience .title-text h4 {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--matcha-experience .experience-right {
    max-width: 80%;
  }
}

/* paragraph--type--symphony-of-flavors css start */
.paragraph--type--symphony-of-flavors {
  background-color: var(--c-dark-green2);
  color: var(--c-bg-light);
}
.paragraph--type--symphony-of-flavors .flavours-content {
  text-align: center;
}
.paragraph--type--symphony-of-flavors .flavours-content .field--name-field-title, .paragraph--type--symphony-of-flavors .flavours-content .text-formatted {
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .paragraph--type--symphony-of-flavors .flavours-content .field--name-field-title, .paragraph--type--symphony-of-flavors .flavours-content .text-formatted {
    max-width: 70%;
  }
}
.paragraph--type--symphony-of-flavors .flavours-content p {
  margin: 18px auto 0;
}
@media screen and (min-width: 992px) {
  .paragraph--type--symphony-of-flavors .flavours-content p {
    margin: 30px auto 0;
    max-width: 75%;
  }
}
.paragraph--type--symphony-of-flavors .field--name-field-image img {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("../images/mission-bg-mask.png");
          mask-image: url("../images/mission-bg-mask.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
}

/* paragraph--type--beyond-the-cup css start */
.paragraph--type--beyond-the-cup {
  background-color: var(--c-bg-light);
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--beyond-the-cup {
    padding-bottom: 100px;
  }
}
.paragraph--type--beyond-the-cup h2 {
  font-weight: 900;
  font-size: 70px;
  margin-bottom: 50px;
  max-width: 4em;
}
@media screen and (min-width: 768px) {
  .paragraph--type--beyond-the-cup h2 {
    font-size: 80px;
    margin-bottom: 0px;
    margin-top: 18px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--beyond-the-cup h2 {
    font-size: 110px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--beyond-the-cup h2 {
    font-size: 140px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--beyond-the-cup h2 {
    font-size: 180px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--beyond-the-cup h2 {
    font-size: 200px;
  }
}
.paragraph--type--beyond-the-cup .the-cup-top .the-cup-right img {
  -webkit-mask-image: url("/sites/default/files/2024-07/beyond-the-cup.png");
          mask-image: url("/sites/default/files/2024-07/beyond-the-cup.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.paragraph--type--beyond-the-cup .the-cup-bottom .image-title-text {
  padding-top: 40px;
}
.paragraph--type--beyond-the-cup .the-cup-bottom .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 992px) {
  .paragraph--type--beyond-the-cup .the-cup-bottom .title-text {
    max-width: 80%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--beyond-the-cup .title-text {
    padding-bottom: 40px;
  }
}
.paragraph--type--beyond-the-cup .title-text h4 {
  font-size: 50px;
  padding-bottom: 30px;
}
.paragraph--type--beyond-the-cup .image {
  border-radius: 90px;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--beyond-the-cup .image {
    border-radius: 50px;
    margin-bottom: 50px;
  }
}

.paragraph--type--join-the-family {
  background-color: var(--c-primary);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("/themes/custom/ossu/images/bg-dot.png");
  position: relative;
}
.paragraph--type--join-the-family::before {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("/themes/custom/ossu/images/bg-dot.png");
}
.paragraph--type--join-the-family .join-family-content {
  margin: 0 auto;
  color: var(--c-bg-light);
  text-align: center;
}
@media screen and (min-width: 992px) {
  .paragraph--type--join-the-family .join-family-content {
    max-width: 60%;
  }
}
.paragraph--type--join-the-family .join-family-content h3 {
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .paragraph--type--join-the-family .join-family-content h3 {
    padding-bottom: 30px;
  }
}

.product-left-content .product-image-pmf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 30px;
}
@media screen and (min-width: 1200px) {
  .product-left-content .product-image-pmf {
    padding-bottom: 50px;
  }
}
.product-left-content .product-image-pmf .product-image {
  width: calc(70% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .product-left-content .product-image-pmf .product-image {
    width: calc(70% - 10px);
  }
}
@media screen and (min-width: 1400px) {
  .product-left-content .product-image-pmf .product-image {
    width: calc(70% - 20px);
  }
}
.product-left-content .product-image-pmf .product-image img {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/sites/default/files/2024-08/turmeric-img.png");
          mask-image: url("/sites/default/files/2024-08/turmeric-img.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  object-position: center;
}
.mixmatcha-outer-wrapper .product-left-content .product-image-pmf .product-image {
  display: unset;
  position: relative;
  overflow: hidden;
}
.mixmatcha-outer-wrapper .product-left-content .product-image-pmf .product-image .mixmatchaSwiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  padding-bottom: 40px;
}
.mixmatcha-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-slide {
  height: auto;
}
.mixmatcha-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-controller .swiper-pagination {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
  bottom: 10px;
  top: unset;
}
.mixmatcha-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-controller .swiper-pagination span {
  width: 10px;
  height: 10px;
  background-color: #D9D9D9;
  aspect-ratio: 1/1;
  position: relative;
  opacity: 1;
}
.mixmatcha-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-controller .swiper-pagination span::after {
  content: "";
  position: absolute;
  left: 49%;
  top: 50%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--c-black);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.mixmatcha-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-controller .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: var(--c-black);
}
.mixmatcha-outer-wrapper .product-left-content .product-image-pmf .product-image .swiper-controller .swiper-pagination span.swiper-pagination-bullet-active::after {
  opacity: 1;
}
.product-left-content .product-image-pmf .product-pmf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(30% - 10px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .product-left-content .product-image-pmf .product-pmf {
    width: calc(30% - 10px);
  }
}
@media screen and (min-width: 1200px) {
  .product-left-content .product-image-pmf .product-pmf {
    width: calc(30% - 20px);
  }
}
.mixmatcha-outer-wrapper .product-left-content .product-image-pmf .product-pmf {
  padding-bottom: 40px;
}
.product-left-content .product-image-pmf .product-pmf > h5, .product-left-content .product-image-pmf .product-pmf > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
  color: #F7F9ED;
  line-height: 1;
  text-align: center;
  background-color: var(--c-black);
  font-size: 16px;
  border-radius: 16px;
  padding: 0px;
  /* product pages color  */
  /* cermonial page color  */
}
.product-left-content .product-image-pmf .product-pmf > h5::before, .product-left-content .product-image-pmf .product-pmf > div::before {
  content: "";
  width: 1px;
  margin-right: -1px;
  padding-bottom: 75%;
}
@media screen and (min-width: 1200px) {
  .product-left-content .product-image-pmf .product-pmf > h5, .product-left-content .product-image-pmf .product-pmf > div {
    border-radius: 20px;
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .product-left-content .product-image-pmf .product-pmf > h5, .product-left-content .product-image-pmf .product-pmf > div {
    border-radius: 30px;
    font-size: 30px;
  }
}
.product-left-content .product-image-pmf .product-pmf > h5 > div, .product-left-content .product-image-pmf .product-pmf > div > div {
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .product-left-content .product-image-pmf .product-pmf > h5 > div, .product-left-content .product-image-pmf .product-pmf > div > div {
    padding: 10px 20px;
  }
}
.background-mint .product-left-content .product-image-pmf .product-pmf > h5, .background-mint .product-left-content .product-image-pmf .product-pmf > div {
  background-color: #74BE9A;
}
.background-ginger .product-left-content .product-image-pmf .product-pmf > h5, .background-ginger .product-left-content .product-image-pmf .product-pmf > div {
  background-color: #D36C0F;
}
.background-lemon .product-left-content .product-image-pmf .product-pmf > h5, .background-lemon .product-left-content .product-image-pmf .product-pmf > div {
  background-color: #8CA926;
}
.background-turmeric .product-left-content .product-image-pmf .product-pmf > h5, .background-turmeric .product-left-content .product-image-pmf .product-pmf > div {
  background-color: #C04218;
}
.background-purple .product-left-content .product-image-pmf .product-pmf > h5, .background-purple .product-left-content .product-image-pmf .product-pmf > div {
  background-color: #D2C2DF;
}
.background-light_blue .product-left-content .product-image-pmf .product-pmf > h5, .background-light_blue .product-left-content .product-image-pmf .product-pmf > div {
  background-color: #A4B5DD;
}
.background-pink .product-left-content .product-image-pmf .product-pmf > h5, .background-pink .product-left-content .product-image-pmf .product-pmf > div {
  background-color: var(--c-pink);
}
.mixmatcha-outer-wrapper .product-left-content .product-image-pmf .product-pmf > h5, .mixmatcha-outer-wrapper .product-left-content .product-image-pmf .product-pmf > div {
  background-color: var(--c-white);
  color: var(--c-black);
  border: 1px solid var(--c-black);
}
.background-platinum .product-left-content .product-image-pmf .product-pmf > h5, .background-platinum .product-left-content .product-image-pmf .product-pmf > div {
  background-color: var(--c-black);
}
.background-golden .product-left-content .product-image-pmf .product-pmf > h5, .background-golden .product-left-content .product-image-pmf .product-pmf > div {
  background-color: var(--c-primary);
}
.background-silver .product-left-content .product-image-pmf .product-pmf > h5, .background-silver .product-left-content .product-image-pmf .product-pmf > div {
  background-color: var(--c-blue);
}
@media screen and (max-width: 767.5px) {
  .product-left-content .product-packaged-image {
    margin-bottom: 30px;
  }
}
.product-left-content .product-packaged-image img {
  width: 100%;
  border-radius: 35px;
}
.product-left-content .product-packaged-image .field--name-field-product-tag-line {
  background-color: var(--c-orange);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 100px 80px;
  border-radius: 40px;
}
.background-orange .product-left-content .product-packaged-image .field--name-field-product-tag-line {
  background-color: var(--c-orange);
}
.background-green .product-left-content .product-packaged-image .field--name-field-product-tag-line {
  background-color: var(--c-primary2);
}
.background-black .product-left-content .product-packaged-image .field--name-field-product-tag-line {
  background-color: var(--c-black);
}
.background-blue .product-left-content .product-packaged-image .field--name-field-product-tag-line {
  background-color: var(--c-blue);
}
.background-red .product-left-content .product-packaged-image .field--name-field-product-tag-line {
  background-color: #C04218;
}
.background-light-green .product-left-content .product-packaged-image .field--name-field-product-tag-line {
  background-color: #8CA926;
}
.background-dark-green .product-left-content .product-packaged-image .field--name-field-product-tag-line {
  background-color: var(--c-dark-green);
}
.product-left-content .product-packaged-image .field--name-field-product-tag-line h2 {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--c-white);
  text-align: center;
}

.product-full {
  background-color: #F8FAF0;
}
@media screen and (max-width: 767.5px) {
  .product-full {
    padding-top: 40px;
  }
}
.mixmatcha-outer-wrapper .product-full {
  background-color: var(--c-white);
}
.product-full .container > .row {
  padding: 0 3%;
}
.product-full .container > .row > div {
  padding: 0 12px;
}
@media screen and (min-width: 768px) {
  .product-full .container > .row > div {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1600px) {
  .product-full .container > .row > div {
    padding: 0 30px;
  }
}
.product-full .mobile-title h5 {
  font-weight: bold;
  margin-bottom: 12px;
}
.product-full .review {
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .product-full .review {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--c-black);
  }
}
.product-full .review .product-star-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-full .review .product-star-rating .review-count {
  padding-left: 26px;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .product-full .product-right-content {
    padding-top: 50px;
  }
}
.product-full .product-right-content h5 {
  margin-bottom: 12px;
}
.product-full .product-right-content h1 {
  line-height: 1;
}
.product-full .product-right-content .mix-match-other-products,
.product-full .product-right-content .match-other-products {
  padding-bottom: 30px;
  font-weight: 800;
}
@media screen and (max-width: 767.5px) {
  .product-full .product-right-content .mix-match-other-products,
  .product-full .product-right-content .match-other-products {
    padding-top: 50px;
    border-top: 1px solid var(--c-black);
  }
}
.product-full .product-right-content .mix-match-other-products .row > div,
.product-full .product-right-content .match-other-products .row > div {
  padding-left: 7px;
  padding-right: 7px;
}
.product-full .product-right-content .mix-match-other-products h4,
.product-full .product-right-content .match-other-products h4 {
  font-size: 20px;
  padding-bottom: 25px;
}
.product-full .product-right-content .mix-match-other-products .views-field-field-twin-pack-image,
.product-full .product-right-content .match-other-products .views-field-field-twin-pack-image {
  margin-bottom: 20px;
}
.product-full .product-right-content .match-other-products {
  padding-bottom: 30px;
}
.product-full .product-right-content .match-other-products > .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .product-full .product-right-content .match-other-products > .row > div {
    width: calc(50% - 35px);
  }
}
@media screen and (min-width: 1600px) {
  .product-full .product-right-content .match-other-products > .row > div {
    width: calc(50% - 50px);
  }
}
.product-full .product-right-content .match-other-products .flavoured-items h4,
.product-full .product-right-content .match-other-products .tradional-items h4 {
  font-family: "Obviously Narrow", sans-serif;
  font-size: 20px;
}
.product-full .product-right-content .match-other-products .flavoured-items .row > div,
.product-full .product-right-content .match-other-products .tradional-items .row > div {
  padding-left: 7px;
  padding-right: 7px;
}
.product-full .product-right-content .match-other-products .flavoured-items .inner-wrapper,
.product-full .product-right-content .match-other-products .tradional-items .inner-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-mask-image: url("/sites/default/files/2024-09/lemon-overview.png");
          mask-image: url("/sites/default/files/2024-09/lemon-overview.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  margin-bottom: 12px;
}
.product-full .product-right-content .match-other-products .flavoured-items .inner-wrapper::after,
.product-full .product-right-content .match-other-products .tradional-items .inner-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.product-full .product-right-content .match-other-products .flavoured-items .inner-wrapper .views-field-field-overview-image,
.product-full .product-right-content .match-other-products .tradional-items .inner-wrapper .views-field-field-overview-image {
  width: 100%;
  margin-right: -100%;
}
.product-full .product-right-content .match-other-products .flavoured-items .inner-wrapper .views-field-field-overview-image a,
.product-full .product-right-content .match-other-products .tradional-items .inner-wrapper .views-field-field-overview-image a {
  display: block;
  width: 100%;
}
.product-full .product-right-content .match-other-products .flavoured-items .inner-wrapper .views-field-field-overview-image a::after,
.product-full .product-right-content .match-other-products .tradional-items .inner-wrapper .views-field-field-overview-image a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.product-full .product-right-content .match-other-products .flavoured-items .inner-wrapper .views-field-field-overview-image a img,
.product-full .product-right-content .match-other-products .tradional-items .inner-wrapper .views-field-field-overview-image a img {
  width: 100%;
}
.product-full .product-right-content .match-other-products .flavoured-items .inner-wrapper .views-field-field-hover-title,
.product-full .product-right-content .match-other-products .tradional-items .inner-wrapper .views-field-field-hover-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: var(--c-body-color);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  padding: 10px 6px;
  font-family: "Obviously Narrow", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  word-break: break-all;
  line-height: 0.8;
  font-size: 12px;
}
.product-full .product-right-content .match-other-products .flavoured-items .inner-wrapper .views-field-field-hover-title > div,
.product-full .product-right-content .match-other-products .tradional-items .inner-wrapper .views-field-field-hover-title > div {
  font-size: 1em;
}
.product-full .product-right-content .match-other-products .flavoured-items .inner-wrapper .views-field-field-hover-title a,
.product-full .product-right-content .match-other-products .tradional-items .inner-wrapper .views-field-field-hover-title a {
  color: var(--c-black);
  text-decoration: none;
}
.product-full .product-right-content .match-other-products .flavoured-items .inner-wrapper:hover::after,
.product-full .product-right-content .match-other-products .tradional-items .inner-wrapper:hover::after {
  opacity: 1;
  visibility: visible;
}
.product-full .product-right-content .match-other-products .flavoured-items .inner-wrapper:hover .views-field-field-hover-title,
.product-full .product-right-content .match-other-products .tradional-items .inner-wrapper:hover .views-field-field-hover-title {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767.5px) {
  .product-full .product-right-content .match-other-products .flavoured-items {
    margin-bottom: 30px;
  }
}
.product-full .product-description {
  border-top: 1px solid var(--c-black);
  padding: 30px 0 0;
}
.product-full .product-description h5 {
  font-size: 20px;
  margin-bottom: 20px;
}
.product-full .product-description h5 div {
  display: inline-block;
  padding-left: 20px;
}
@media screen and (min-width: 768px) {
  .product-full .product-description h5 div {
    padding-left: 40px;
  }
}
.product-full .product-description p {
  font-size: 16px;
}
@media screen and (min-width: 1200px) {
  .product-full .product-description p {
    max-width: 80%;
    font-size: 18px;
  }
}
.product-full .price-quantity {
  position: relative;
}
.product-full .price-quantity .price {
  padding: 26px 0;
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--c-black);
  border-bottom: 1px solid var(--c-black);
}
.product-full .price-quantity .price .field__label {
  display: none;
}
.product-full .price-quantity .price .field__item {
  font-weight: 800;
}
@media screen and (max-width: 767.5px) {
  .product-full .price-quantity .price .field__item {
    font-size: 36px;
  }
}
.product-full .price-quantity .price p {
  padding-left: 20px;
  font-size: 18px;
  margin-bottom: -5px;
}
.product-full .price-quantity .quantity form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-full .price-quantity .quantity form .field--name-quantity {
  width: 30%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-full .price-quantity .quantity form .field--name-quantity > div {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 575.5px) {
  .product-full .price-quantity .quantity form .field--name-quantity > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.product-full .price-quantity .quantity form .field--name-quantity label {
  margin-right: 20px;
  font-weight: 420;
  font-size: 20px;
}
@media screen and (max-width: 575.5px) {
  .product-full .price-quantity .quantity form .field--name-quantity label {
    margin-right: 30px;
  }
}
@media screen and (min-width: 1400px) {
  .product-full .price-quantity .quantity form .field--name-quantity label {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .product-full .price-quantity .quantity form .field--name-quantity label {
    font-size: 28px;
  }
}
.product-full .price-quantity .quantity form input[type=number] {
  border: 1px solid var(--c-black);
  border-radius: 20px;
  width: 80px;
  max-width: 100%;
  text-align: center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: var(--c-black);
  font-weight: bold;
  font-size: 25px;
  padding: 10px;
  -moz-appearance: textfield;
  background-color: #F8FAF0;
}
.product-full .price-quantity .quantity form input[type=number]::-webkit-input-placeholder {
  opacity: 1;
  color: var(--c-black);
  font-weight: bold;
}
.product-full .price-quantity .quantity form input[type=number]::-moz-placeholder {
  opacity: 1;
  color: var(--c-black);
  font-weight: bold;
}
.product-full .price-quantity .quantity form input[type=number]:-ms-input-placeholder {
  opacity: 1;
  color: var(--c-black);
  font-weight: bold;
}
.product-full .price-quantity .quantity form input[type=number]::-ms-input-placeholder {
  opacity: 1;
  color: var(--c-black);
  font-weight: bold;
}
.product-full .price-quantity .quantity form input[type=number]::placeholder {
  opacity: 1;
  color: var(--c-black);
  font-weight: bold;
}
.product-full .price-quantity .quantity form input[type=number]:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.product-full .price-quantity .quantity form .quantity-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-full .price-quantity .quantity form .btn-up-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 10px;
}
.product-full .price-quantity .quantity form .btn-up-down button {
  background-color: var(--c-black);
  color: var(--c-white);
  border-radius: 6px;
  border: none;
  width: 32px;
  aspect-ratio: 1/0.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
}
.product-full .price-quantity .quantity form .btn-up-down button:not(:last-child) {
  margin-bottom: 6px;
}
.product-full .price-quantity .form-actions {
  margin: 0;
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 50px;
}
@media screen and (max-width: 575.5px) {
  .product-full .price-quantity .form-actions {
    padding: 24px 0 0 50px;
  }
}
.product-full .price-quantity .form-actions .button {
  max-width: 100%;
  width: 100%;
  padding: 14px 20px 10px;
  text-decoration: none;
  border-radius: 15px;
  text-transform: uppercase;
  font-weight: bold;
  background-color: var(--c-black);
  display: inline-block;
  font-size: 18px;
  border: none;
  color: #F3F6E6;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
@media screen and (min-width: 768px) {
  .product-full .price-quantity .form-actions .button {
    font-size: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .product-full .price-quantity .form-actions .button {
    font-size: 25px;
  }
}
.product-full .price-quantity .form-actions .button:hover {
  background-color: var(--c-secondary);
}
.product-full .mix-matcha-content {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--c-black);
}
.product-full .mix-matcha-content span {
  color: var(--c-body-color);
  width: 18px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--c-primary2);
  margin-right: 18px;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 700;
  font-size: 12px;
}
.product-full .mix-matcha-content h5 {
  display: inline-block;
  line-height: 1;
}
.product-full .mix-matcha-content h5 strong {
  color: var(--c-primary2);
  padding-left: 20px;
}
.product-full .mix-matcha-content p {
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .product-full .mix-matcha-content p {
    max-width: 80%;
  }
}
.product-full .mix-matcha-content .nrml-link {
  padding-top: 30px;
}
.product-full .mix-matcha-content .nrml-link a {
  text-transform: uppercase;
  color: var(--c-black);
  font-weight: 800;
  font-family: "Obviously Narrow", sans-serif;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .product-full .mix-matcha-content .nrml-link a {
    font-size: 20px;
  }
}

/* paragraph--type--benefits-of-product css start */
.paragraph--type--benefits-of-product {
  position: relative;
  background-color: var(--c-bg-light);
  color: var(--c-black);
  /* product  pages  color */
}
.paragraph--type--benefits-of-product.background-dark-green {
  background-color: var(--c-dark-green2);
  color: var(--c-body-color);
}
.paragraph--type--benefits-of-product.background-green {
  background-color: var(--c-primary);
  color: var(--c-body-color);
}
.paragraph--type--benefits-of-product.background-silver {
  background-color: var(--c-blue);
  color: var(--c-body-color);
}
.paragraph--type--benefits-of-product.background-perppermint {
  background-color: var(--c-light-green);
  color: var(--c-black);
}
.paragraph--type--benefits-of-product.background-light-green {
  background-color: var(--c-vivid-orange);
  color: var(--c-black);
}
.paragraph--type--benefits-of-product.background-turmeric {
  background-color: var(--c-vivid-orange);
  color: var(--c-black);
}
.paragraph--type--benefits-of-product.background-lemon {
  background-color: #BCBC24;
  color: var(--c-black);
}
.paragraph--type--benefits-of-product.background-orange {
  background-color: var(--c-orange);
  color: var(--c-black);
}
.paragraph--type--benefits-of-product .row {
  padding: 0 3%;
}
.paragraph--type--benefits-of-product .row > div {
  padding: 0 12px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--benefits-of-product .row > div {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--benefits-of-product .row > div {
    padding: 0 30px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--benefits-of-product .benefit-left-content {
    padding-top: 40px;
  }
}
.paragraph--type--benefits-of-product .benefit-left-content h5 {
  padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--benefits-of-product .benefit-left-content h5 {
    padding-bottom: 20px;
  }
}
.paragraph--type--benefits-of-product .benefit-left-content h2 {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--benefits-of-product .benefit-left-content h2 {
    margin-bottom: 30px;
  }
}
.paragraph--type--benefits-of-product .benefit-left-content p {
  font-size: 18px;
}
.paragraph--type--benefits-of-product .benefit-image {
  padding-top: 30px;
}
@media screen and (min-width: 992px) {
  .paragraph--type--benefits-of-product .benefit-image {
    padding-top: 0;
    text-align: right;
  }
}
.paragraph--type--benefits-of-product .benefit-image img {
  margin-left: auto;
  margin-right: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/sites/default/files/2024-08/perppermint-benefits-mix-matcha.png");
          mask-image: url("/sites/default/files/2024-08/perppermint-benefits-mix-matcha.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .paragraph--type--benefits-of-product .benefit-image img {
    max-width: 80%;
  }
}

/* simple-popup-blocks-global css start  */
.cart-page-popup #block-ossu-cartpagepopup {
  display: block;
}
.cart-page-popup .simple-popup-blocks-global .spb-popup-main-wrapper {
  width: 100% !important;
  left: 50%;
  top: 50%;
  margin: 0 !important;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: var(--c-body-color);
  border-radius: 28px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 26px 20px;
  max-width: calc(100% - 20px);
  overflow: auto;
  height: calc(100% - 100px);
}
@media screen and (min-width: 768px) {
  .cart-page-popup .simple-popup-blocks-global .spb-popup-main-wrapper {
    max-width: 700px;
    height: auto;
  }
}
@media screen and (min-width: 992px) {
  .cart-page-popup .simple-popup-blocks-global .spb-popup-main-wrapper {
    max-width: 850px;
  }
}
@media screen and (min-width: 1200px) {
  .cart-page-popup .simple-popup-blocks-global .spb-popup-main-wrapper {
    max-width: 950px;
    padding: 25px 30px;
  }
}
@media screen and (min-width: 1400px) {
  .cart-page-popup .simple-popup-blocks-global .spb-popup-main-wrapper {
    max-width: 1150px;
    padding: 27px 35px;
  }
}
.cart-page-popup .simple-popup-blocks-global .spb-controls {
  overflow: hidden;
  right: 30px;
  top: 12px;
}
@media screen and (min-width: 768px) {
  .cart-page-popup .simple-popup-blocks-global .spb-controls {
    right: 30px;
    top: 30px;
  }
}
.cart-page-popup .simple-popup-blocks-global .spb-controls button.spb_close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--c-black);
  cursor: pointer;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  color: var(--c-black);
  margin: 10px 0 0;
  line-height: 0.8;
  font-weight: 220;
  padding-top: 10px;
  background-color: transparent;
  font-size: 30px;
  width: 32px;
  height: 32px;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .cart-page-popup .simple-popup-blocks-global .spb-controls button.spb_close {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    font-size: 41px;
  }
}
.cart-page-popup .simple-popup-blocks-global .spb-controls button.spb_close:hover {
  background-color: var(--c-black);
  color: var(--c-white);
}
.cart-page-popup .simple-popup-blocks-global .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cart-page-popup .simple-popup-blocks-global .cart-popup-image {
  overflow: hidden;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-image {
    margin: 0 40px 0 0;
  }
}
@media screen and (max-width: 767.5px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-image {
    height: 210px;
    -webkit-mask-image: url("/themes/custom/ossu/images/popup-bg.png");
            mask-image: url("/themes/custom/ossu/images/popup-bg.png");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    margin-top: 30px;
  }
}
.cart-page-popup .simple-popup-blocks-global .cart-popup-image img {
  width: 100%;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
@media screen and (min-width: 768px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-image img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media screen and (min-width: 1400px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-content h2 {
    max-width: 60%;
  }
}
@media screen and (max-width: 991.5px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-content h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.5px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-content h2 {
    font-size: 60px;
  }
}
.cart-page-popup .simple-popup-blocks-global .cart-popup-content h4 {
  padding: 20px 0;
  font-size: 30px;
}
@media screen and (min-width: 768px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-content h4 {
    padding: 18px 0;
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-content h4 {
    padding: 30px 0;
    font-size: 40px;
  }
}
.cart-page-popup .simple-popup-blocks-global .cart-popup-content h4 span {
  color: var(--c-primary2);
}
.cart-page-popup .simple-popup-blocks-global .cart-popup-content p {
  font-size: 16px;
}
@media screen and (min-width: 1200px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-content p {
    font-size: 18px;
  }
}
.cart-page-popup .simple-popup-blocks-global .cart-popup-content .link {
  padding-top: 30px;
}
@media screen and (min-width: 1400px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-content .link {
    padding-top: 50px;
  }
}
.cart-page-popup .simple-popup-blocks-global .cart-popup-content .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
}
@media screen and (min-width: 1400px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-content .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .cart-page-popup .simple-popup-blocks-global .cart-popup-content .link a {
    font-size: 35px;
  }
}
.cart-page-popup .simple-popup-blocks-global .cart-popup-content .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

.paragraph--type--all-recipes {
  background-color: var(--c-bg-light1);
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .paragraph--type--all-recipes .container {
    max-width: 1024px;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--all-recipes .container {
    max-width: 1224px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--all-recipes .container {
    max-width: 1424px;
  }
}
.paragraph--type--all-recipes .view-content .row {
  gap: 30px 0;
}
@media screen and (min-width: 768px) {
  .paragraph--type--all-recipes .view-content .row {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--all-recipes .view-content .row {
    gap: 40px 0;
  }
}
@media screen and (min-width: 1400px) {
  .paragraph--type--all-recipes .view-content .row {
    gap: 48px 0;
  }
}
.paragraph--type--all-recipes .view-content .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 992px) {
  .paragraph--type--all-recipes .view-content .row > div {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.paragraph--type--all-recipes article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.paragraph--type--all-recipes .recipe-overview {
  background-color: var(--c-bg-light);
  border-radius: 35px;
  padding: 26px 20px 50px;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .paragraph--type--all-recipes .recipe-overview {
    border-radius: 45px;
    padding: 30px 22px 30px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--all-recipes .recipe-overview {
    padding: 40px 37px 40px;
  }
}
.paragraph--type--all-recipes .recipe-overview .recipe-overview-img img {
  width: 100%;
  -webkit-mask-image: url("/sites/default/files/2024-08/date-balls.png");
          mask-image: url("/sites/default/files/2024-08/date-balls.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.paragraph--type--all-recipes .recipe-overview .recipe-overview-caption {
  padding-top: 32px;
}
.paragraph--type--all-recipes .recipe-overview .recipe-overview-caption .prep-time {
  display: inline-block;
  padding: 10px 20px 7px;
  background-color: var(--c-secondary);
  border-radius: 30px;
  font-weight: 400;
  margin-bottom: 30px;
}
.paragraph--type--all-recipes .recipe-overview .recipe-overview-caption p {
  padding-top: 16px;
}
.paragraph--type--all-recipes .recipe-overview .recipe-overview-caption .read-more {
  padding-top: 24px;
}
.paragraph--type--all-recipes .recipe-overview .recipe-overview-caption .read-more a {
  color: var(--c-black);
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
}

.matcha-perfection .paragraph--type--recipe-cta {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .matcha-perfection .paragraph--type--recipe-cta {
    margin-top: 100px;
  }
}
@media screen and (min-width: 1400px) {
  .matcha-perfection .paragraph--type--recipe-cta {
    margin-top: 140px;
  }
}
.paragraph--type--recipe-cta .bg-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 575.5px) {
  .paragraph--type--recipe-cta .bg-image {
    height: 80vh;
  }
}
.paragraph--type--recipe-cta .bg-image .field--name-field-image {
  width: 100%;
  margin-right: -100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--recipe-cta .bg-image .field--name-field-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 70%;
     object-position: 70%;
}
@media screen and (min-width: 576px) {
  .paragraph--type--recipe-cta .bg-image .field--name-field-image img {
    -o-object-position: left;
       object-position: left;
  }
}
.paragraph--type--recipe-cta .bg-image .container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.paragraph--type--recipe-cta .bg-image .recipe-content {
  padding: 65px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--c-bg-light);
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--recipe-cta .bg-image .recipe-content {
    height: 100%;
  }
}
.matcha-perfection .paragraph--type--recipe-cta .bg-image .recipe-content {
  color: var(--c-primary);
}
@media screen and (min-width: 992px) {
  .matcha-perfection .paragraph--type--recipe-cta .bg-image .recipe-content {
    width: 50%;
  }
}
.paragraph--type--recipe-cta .bg-image .recipe-content h2 {
  padding-bottom: 30px;
}
.paragraph--type--recipe-cta .bg-image .recipe-content .link {
  padding-top: 40px;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--recipe-cta .bg-image .recipe-content .link {
    margin-top: auto;
  }
}
.paragraph--type--recipe-cta .bg-image .recipe-content .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  border-color: var(--c-bg-light);
  color: var(--c-bg-light);
  background-color: transparent;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--recipe-cta .bg-image .recipe-content .link a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--recipe-cta .bg-image .recipe-content .link a {
    font-size: 35px;
  }
}
.paragraph--type--recipe-cta .bg-image .recipe-content .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--recipe-cta .bg-image .recipe-content .link a {
    width: 80%;
  }
}

/* paragraph--type--recipes-slider  css start */
.paragraph--type--recipes-slider {
  background-color: var(--c-body-color);
}
.paragraph--type--recipes-slider .recipes-slides-text {
  text-align: center;
}
.paragraph--type--recipes-slider .recipes-slides-text h5 {
  margin-bottom: 20px;
  color: var(--c-secondary2);
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview {
  background-color: var(--c-bg-light);
  border-radius: 38px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 30px;
  padding: 30px 26px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview,
  .paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview,
  .paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview {
    padding: 30px 40px;
  }
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content {
  padding-top: 32px;
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .blog-category,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .blog-category,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .blog-category,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .blog-category {
  margin-bottom: 16px;
  text-transform: uppercase;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .blog-category,
  .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .blog-category,
  .paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .blog-category,
  .paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .blog-category {
    margin-bottom: 30px;
  }
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .blog-category .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .blog-category .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .blog-category .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .blog-category .field__item {
  font-size: 14px;
  padding: 6px 14px 4px;
  border-radius: 30px;
  color: var(--c-white);
  background-color: var(--c-primary);
  display: inline-block;
  text-align: center;
  font-weight: 400;
  letter-spacing: 1px;
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .blog-category.cateogory-Travel .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .blog-category.cateogory-Travel .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .blog-category.cateogory-Travel .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .blog-category.cateogory-Travel .field__item {
  background-color: var(--c-primary2);
  color: var(--c-secondary);
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .blog-category.cateogory-Industry .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .blog-category.cateogory-Industry .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .blog-category.cateogory-Industry .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .blog-category.cateogory-Industry .field__item {
  background-color: #43A6DD;
  color: var(--c-white);
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .blog-category.cateogory-Health .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .blog-category.cateogory-Health .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .blog-category.cateogory-Health .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .blog-category.cateogory-Health .field__item {
  background-color: #C1E041;
  color: var(--c-primary);
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .blog-category.cateogory-Lifestyle .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .blog-category.cateogory-Lifestyle .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .blog-category.cateogory-Lifestyle .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .blog-category.cateogory-Lifestyle .field__item {
  background-color: var(--c-blue);
  color: var(--c-white);
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .blog-category.cateogory-Culture .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .blog-category.cateogory-Culture .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .blog-category.cateogory-Culture .field__item,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .blog-category.cateogory-Culture .field__item {
  background-color: var(--c-pink);
  color: var(--c-win);
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .prep-time,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .prep-time,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .prep-time,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .prep-time {
  display: inline-block;
  padding: 10px 20px 7px;
  background-color: var(--c-secondary);
  border-radius: 30px;
  font-weight: 400;
  margin-bottom: 30px;
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption h4 a,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content h4 a,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption h4 a,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content h4 a {
  text-decoration: none;
  color: var(--bs-heading-color);
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption p,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content p,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption p,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content p {
  padding-top: 16px;
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .read-more,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .read-more,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .read-more,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .read-more {
  padding-top: 24px;
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .recipe-overview-caption .read-more a,
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .read-more a,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .recipe-overview-caption .read-more a,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .read-more a {
  color: var(--c-black);
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .read-more,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .read-more {
  margin-top: 30px;
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .read-more a,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .read-more a {
  text-decoration: none;
  color: var(--c-black);
  position: relative;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .read-more a,
  .paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .read-more a {
    font-size: 20px;
  }
}
.paragraph--type--recipes-slider .recipe-slide-items .recipe-overview .all-blog-content .read-more a:hover,
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-content .read-more a:hover {
  color: var(--c-secondary);
}
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview {
  margin-bottom: 0;
}
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--recipes-slider .recipe-slide-items .all-blogs-overview .all-blog-image img {
  -webkit-mask-image: url("../images/blog-bg-mask.png");
          mask-image: url("../images/blog-bg-mask.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-position: center;
          mask-position: center;
  max-width: 100%;
  width: 340px;
  height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
}
.paragraph--type--recipes-slider .swiper-control {
  position: relative;
  padding-top: 40px;
}
.paragraph--type--recipes-slider .swiper-control .swiper-pagination {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
}
.paragraph--type--recipes-slider .swiper-control .swiper-pagination span {
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 1200px) {
  .paragraph--type--recipes-slider .swiper-control .swiper-pagination span {
    width: 16px;
    margin-right: 12px;
    height: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--recipes-slider .swiper-control .swiper-pagination span {
    width: 18px;
    height: 18px;
  }
}
.paragraph--type--recipes-slider .swiper-control .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: var(--c-dark-green);
}

.blog-recipes-slider .paragraph--type--recipes-slider .swiper-slide {
  height: auto;
}
.blog-recipes-slider .paragraph--type--recipes-slider .swiper-slide article {
  height: 100%;
}
.blog-recipes-slider .paragraph--type--recipes-slider .swiper-slide article .all-blogs-overview {
  height: 100%;
}

@media screen and (max-width: 991.5px) {
  html,
  body.path-checkout {
    background-color: var(--c-white);
  }
}

.checkout-sec {
  position: relative;
}
@media screen and (max-width: 991.5px) {
  .checkout-sec {
    padding-bottom: 0;
  }
}
.checkout-sec .checkout-pane-contact-information label {
  margin-bottom: 6px;
}
.checkout-sec .checkout-pane-contact-information .form-control {
  border-radius: 13px;
  padding: 18px 26px;
  border: 1px solid #c4c4c4;
  background-color: transparent;
}
.checkout-sec .checkout-pane-contact-information .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.checkout-sec .checkout-pane-contact-information .form-control::-webkit-input-placeholder {
  opacity: 0.5;
}
.checkout-sec .checkout-pane-contact-information .form-control::-moz-placeholder {
  opacity: 0.5;
}
.checkout-sec .checkout-pane-contact-information .form-control:-ms-input-placeholder {
  opacity: 0.5;
}
.checkout-sec .checkout-pane-contact-information .form-control::-ms-input-placeholder {
  opacity: 0.5;
}
.checkout-sec .checkout-pane-contact-information .form-control::placeholder {
  opacity: 0.5;
}
.checkout-sec .checkout-pane-contact-information .js-form-submit {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  font-size: 16px;
  margin-right: 12px;
}
@media screen and (min-width: 1400px) {
  .checkout-sec .checkout-pane-contact-information .js-form-submit {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .checkout-sec .checkout-pane-contact-information .js-form-submit {
    font-size: 35px;
  }
}
.checkout-sec .checkout-pane-contact-information .js-form-submit:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.checkout-sec .checkout-pane-contact-information #edit-login-returning-customer-forgot-password {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  font-size: 16px;
  margin-top: 20px;
}
@media screen and (min-width: 1400px) {
  .checkout-sec .checkout-pane-contact-information #edit-login-returning-customer-forgot-password {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .checkout-sec .checkout-pane-contact-information #edit-login-returning-customer-forgot-password {
    font-size: 35px;
  }
}
.checkout-sec .checkout-pane-contact-information #edit-login-returning-customer-forgot-password:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.checkout-sec .container {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .checkout-sec .container {
    max-width: 1024px;
  }
}
@media screen and (min-width: 1400px) {
  .checkout-sec .container {
    max-width: 1224px;
  }
}
@media screen and (min-width: 1600px) {
  .checkout-sec .container {
    max-width: 1424px;
  }
}
.checkout-sec .cart-title {
  padding-top: 0;
}
.checkout-sec::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .checkout-sec::before {
    background-color: var(--c-white);
  }
}
.checkout-sec form h3 {
  padding-bottom: 80px;
}
@media screen and (max-width: 767.5px) {
  .checkout-sec form h3 {
    padding-bottom: 36px;
    font-size: 40px;
  }
}
.checkout-sec form fieldset {
  margin-top: 0;
}
.checkout-sec form .layout-checkout-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-secondary,
.checkout-sec form .layout-checkout-form .layout-region-checkout-main,
.checkout-sec form .layout-checkout-form .layout-region-checkout-footer {
  padding-left: 12px;
  float: unset;
  padding-right: 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .checkout-sec form .layout-checkout-form .layout-region-checkout-secondary,
  .checkout-sec form .layout-checkout-form .layout-region-checkout-main,
  .checkout-sec form .layout-checkout-form .layout-region-checkout-footer {
    width: calc(50% - 40px);
  }
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main legend {
  text-transform: uppercase;
  padding-bottom: 30px;
  font-weight: 700;
}
@media screen and (min-width: 576px) {
  .checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper.address-container-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper.address-container-inline > div {
    width: 100%;
  }
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper.address-container-inline > div {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper.address-container-inline > div {
    width: calc(50% - 10px);
  }
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper .form-item {
  margin: 0 0 30px;
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper label {
  margin-bottom: 6px;
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper .form-control {
  border-radius: 13px;
  padding: 18px 26px;
  border: 1px solid #c4c4c4;
  background-color: transparent;
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper .form-control::-webkit-input-placeholder {
  opacity: 0.5;
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper .form-control::-moz-placeholder {
  opacity: 0.5;
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper .form-control:-ms-input-placeholder {
  opacity: 0.5;
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper .form-control::-ms-input-placeholder {
  opacity: 0.5;
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main .checkout-pane-shipping-information .js-form-wrapper .form-control::placeholder {
  opacity: 0.5;
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-main #edit-shipping-information-shipping-profile {
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .checkout-sec form .layout-checkout-form .layout-region-checkout-main #edit-shipping-information-shipping-profile {
    padding-bottom: 60px;
  }
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-footer {
  margin: 0;
}
@media screen and (max-width: 991.5px) {
  .checkout-sec form .layout-checkout-form .layout-region-checkout-footer {
    background-color: var(--c-body-color);
    padding-bottom: 60px;
    width: 100%;
  }
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-footer .form-actions {
  padding: 0;
  margin: 0;
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-footer .form-actions .button {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
}
@media screen and (min-width: 1400px) {
  .checkout-sec form .layout-checkout-form .layout-region-checkout-footer .form-actions .button {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .checkout-sec form .layout-checkout-form .layout-region-checkout-footer .form-actions .button {
    font-size: 35px;
  }
}
.checkout-sec form .layout-checkout-form .layout-region-checkout-footer .form-actions .button:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.checkout-sec .stripe-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
.checkout-sec .stripe-form > div {
  padding-left: 12px;
  padding-right: 12px;
}
.checkout-sec .stripe-form .payment-method-icon-list {
  width: 100%;
  padding-bottom: 20px;
}
.checkout-sec .stripe-form .form-type-item {
  margin: 0;
}
.checkout-sec .stripe-form .StripeElement--empty {
  width: 100% !important;
  padding: 8px 12px;
  border-radius: 4px;
}
.checkout-sec .stripe-form .form-item-payment-information-add-payment-method-payment-details-card-number {
  width: 50%;
}
@media screen and (max-width: 575.5px) {
  .checkout-sec .stripe-form .form-item-payment-information-add-payment-method-payment-details-card-number {
    width: 100%;
    margin-bottom: 20px;
  }
}
.checkout-sec .stripe-form .form-item-payment-information-add-payment-method-payment-details-card-number label {
  font-size: 14px;
  margin-bottom: 6px;
}
.checkout-sec .stripe-form .form-item-payment-information-add-payment-method-payment-details-expiration {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .checkout-sec .stripe-form .form-item-payment-information-add-payment-method-payment-details-expiration {
    width: 25%;
  }
}
.checkout-sec .stripe-form .form-item-payment-information-add-payment-method-payment-details-expiration label {
  font-size: 14px;
  margin-bottom: 6px;
}
.checkout-sec .stripe-form .form-item-payment-information-add-payment-method-payment-details-security-code {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .checkout-sec .stripe-form .form-item-payment-information-add-payment-method-payment-details-security-code {
    width: 25%;
  }
}
.checkout-sec .stripe-form .form-item-payment-information-add-payment-method-payment-details-security-code label {
  font-size: 14px;
  margin-bottom: 6px;
}
.checkout-sec .checkout-pane-payment-information .form-type-checkbox, .checkout-sec .checkout-pane-subscription-information .form-type-checkbox {
  margin: 30px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkout-sec .checkout-pane-payment-information .form-type-checkbox label, .checkout-sec .checkout-pane-subscription-information .form-type-checkbox label {
  margin: 4px 0 0 12px;
}
.checkout-sec .checkout-pane-payment-information label, .checkout-sec .checkout-pane-subscription-information label {
  display: inline-block;
  margin-bottom: 6px;
}
.checkout-sec .checkout-pane-payment-information .form-control, .checkout-sec .checkout-pane-subscription-information .form-control {
  border-radius: 13px;
  padding: 18px 26px;
  border: 1px solid #c4c4c4;
  background-color: transparent;
}
.checkout-sec .checkout-pane-payment-information .form-control:focus, .checkout-sec .checkout-pane-subscription-information .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.checkout-sec .checkout-pane-payment-information .form-control::-webkit-input-placeholder, .checkout-sec .checkout-pane-subscription-information .form-control::-webkit-input-placeholder {
  opacity: 0.5;
}
.checkout-sec .checkout-pane-payment-information .form-control::-moz-placeholder, .checkout-sec .checkout-pane-subscription-information .form-control::-moz-placeholder {
  opacity: 0.5;
}
.checkout-sec .checkout-pane-payment-information .form-control:-ms-input-placeholder, .checkout-sec .checkout-pane-subscription-information .form-control:-ms-input-placeholder {
  opacity: 0.5;
}
.checkout-sec .checkout-pane-payment-information .form-control::-ms-input-placeholder, .checkout-sec .checkout-pane-subscription-information .form-control::-ms-input-placeholder {
  opacity: 0.5;
}
.checkout-sec .checkout-pane-payment-information .form-control::placeholder, .checkout-sec .checkout-pane-subscription-information .form-control::placeholder {
  opacity: 0.5;
}
.checkout-sec .checkout-pane-payment-information .address-container-inline, .checkout-sec .checkout-pane-subscription-information .address-container-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.checkout-sec .checkout-pane-payment-information .address-container-inline > div, .checkout-sec .checkout-pane-subscription-information .address-container-inline > div {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .checkout-sec .checkout-pane-payment-information .address-container-inline > div, .checkout-sec .checkout-pane-subscription-information .address-container-inline > div {
    width: calc(50% - 10px);
  }
}
.checkout-sec .checkout-pane-payment-information .form-radios .js-form-type-radio,
.checkout-sec .form-composite .form-radios .js-form-type-radio {
  margin: 0 0 12px;
  position: relative;
}
.checkout-sec .checkout-pane-payment-information .form-radios .js-form-type-radio label,
.checkout-sec .form-composite .form-radios .js-form-type-radio label {
  position: relative;
  padding-left: 32px;
  display: inline-block;
  -webkit-transition: all 0.32s ease-in;
  transition: all 0.32s ease-in;
  padding-top: 3px;
}
.checkout-sec .checkout-pane-payment-information .form-radios .js-form-type-radio label::before,
.checkout-sec .form-composite .form-radios .js-form-type-radio label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--c-primary);
  -webkit-transition: all 0.32s ease-in;
  transition: all 0.32s ease-in;
}
.checkout-sec .checkout-pane-payment-information .form-radios .js-form-type-radio label::after,
.checkout-sec .form-composite .form-radios .js-form-type-radio label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3.25px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-transition: all 0.32s ease-in;
  transition: all 0.32s ease-in;
}
.checkout-sec .checkout-pane-payment-information .form-radios .js-form-type-radio .form-radio,
.checkout-sec .form-composite .form-radios .js-form-type-radio .form-radio {
  position: absolute;
  opacity: 0;
}
.checkout-sec .checkout-pane-payment-information .form-radios .js-form-type-radio .form-radio:checked ~ label::after,
.checkout-sec .form-composite .form-radios .js-form-type-radio .form-radio:checked ~ label::after {
  background-color: var(--c-primary);
}
.checkout-sec .form-actions {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.checkout-sec .form-actions .button {
  margin-right: 20px;
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
}
@media screen and (min-width: 1400px) {
  .checkout-sec .form-actions .button {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .checkout-sec .form-actions .button {
    font-size: 35px;
  }
}
.checkout-sec .form-actions .button:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.checkout-sec .form-actions a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  border-color: var(--c-black);
  color: var(--c-white);
  background-color: var(--c-primary);
  border: none;
}
@media screen and (min-width: 1400px) {
  .checkout-sec .form-actions a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .checkout-sec .form-actions a {
    font-size: 35px;
  }
}
.checkout-sec .form-actions a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.checkout-sec .form-actions a:hover {
  background-color: var(--c-secondary);
  border-color: var(--c-secondary);
  color: var(--c-black);
}

.address-book-edit-button {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  margin-top: 20px;
}
@media screen and (min-width: 1400px) {
  .address-book-edit-button {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .address-book-edit-button {
    font-size: 35px;
  }
}
.address-book-edit-button:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

/* layout-region-checkout-secondary css start */
@media screen and (max-width: 991.5px) {
  .layout-region-checkout-secondary {
    background-color: var(--c-body-color);
    padding: 60px 0;
    margin-top: 40px;
  }
}
.layout-region-checkout-secondary h3 {
  padding-bottom: 80px;
}
@media screen and (max-width: 767.5px) {
  .layout-region-checkout-secondary h3 {
    padding-bottom: 36px;
    font-size: 40px;
  }
}
.layout-region-checkout-secondary table {
  background-color: transparent;
}
.layout-region-checkout-secondary table thead th {
  background-color: transparent;
  border-color: var(--c-black);
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .layout-region-checkout-secondary table thead th {
    font-size: 16px;
  }
}
.layout-region-checkout-secondary table tbody .views-field-field-overview-image img {
  -webkit-mask-image: url("../images/single-bg-mask.png");
          mask-image: url("../images/single-bg-mask.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  max-width: 60px;
}
@media screen and (min-width: 768px) {
  .layout-region-checkout-secondary table tbody .views-field-field-overview-image img {
    max-width: 100px;
  }
}
.layout-region-checkout-secondary table tbody td {
  padding: 20px 12px;
  vertical-align: middle;
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: var(--c-black);
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .layout-region-checkout-secondary table tbody td {
    font-size: 16px;
  }
}
.layout-region-checkout-secondary table tbody td > div {
  font-size: 1em;
}
.layout-region-checkout-secondary .view-footer .field--name-total-price {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--c-black);
}
.layout-region-checkout-secondary .view-footer .field--name-total-price .order-total-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  text-align: unset;
}
.layout-region-checkout-secondary .view-footer .field--name-total-price .order-total-line .order-total-line-label {
  width: 80%;
  font-size: 18px;
}
.layout-region-checkout-secondary .view-footer .field--name-total-price .order-total-line .order-total-line-value {
  width: 20%;
  font-size: 18px;
}
.layout-region-checkout-secondary .view-footer .field--name-total-price .order-total-line.order-total-line__total {
  padding-top: 16px;
}
.layout-region-checkout-secondary .view-footer .field--name-total-price .order-total-line.order-total-line__total span {
  text-transform: uppercase;
  font-weight: 700;
}

/* checkout-review-sec page css start */
.checkout-review-sec h3 {
  padding-bottom: 80px;
}
@media screen and (max-width: 767.5px) {
  .checkout-review-sec h3 {
    padding-bottom: 36px;
    font-size: 40px;
  }
}
.checkout-review-sec .form-actions {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.checkout-review-sec .form-actions .button {
  margin-right: 20px;
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 12px !important;
}
@media screen and (min-width: 1400px) {
  .checkout-review-sec .form-actions .button {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .checkout-review-sec .form-actions .button {
    font-size: 35px;
  }
}
.checkout-review-sec .form-actions .button:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.checkout-review-sec .form-actions a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  border-color: var(--c-black);
  color: var(--c-white);
  background-color: var(--c-primary);
  margin-bottom: 12px !important;
}
@media screen and (min-width: 1400px) {
  .checkout-review-sec .form-actions a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .checkout-review-sec .form-actions a {
    font-size: 35px;
  }
}
.checkout-review-sec .form-actions a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.checkout-review-sec .form-actions a:hover {
  background-color: var(--c-secondary);
  border-color: var(--c-secondary);
  color: var(--c-black);
}

/* checkout-review-seccss start  */
.checkout-review-sec {
  position: relative;
}
@media screen and (max-width: 991.5px) {
  .checkout-review-sec {
    padding-bottom: 0;
  }
}
.checkout-review-sec::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .checkout-review-sec::before {
    background-color: var(--c-white);
  }
}
.checkout-review-sec h5 {
  margin-bottom: 10px;
}
.checkout-review-sec h5 a {
  font-weight: 400;
  color: #43A6DD;
  text-transform: capitalize;
  font-size: 18px;
  display: inline-block;
}
.checkout-review-sec .layout-checkout-form {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.checkout-review-sec .layout-checkout-form .layout-region-checkout-secondary,
.checkout-review-sec .layout-checkout-form .layout-region-checkout-main,
.checkout-review-sec .layout-checkout-form .layout-region-checkout-footer {
  padding-left: 12px;
  float: unset;
  padding-right: 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .checkout-review-sec .layout-checkout-form .layout-region-checkout-secondary,
  .checkout-review-sec .layout-checkout-form .layout-region-checkout-main,
  .checkout-review-sec .layout-checkout-form .layout-region-checkout-footer {
    width: calc(50% - 40px);
  }
}
.checkout-review-sec .checkout-pane fieldset {
  margin: 0 0 50px;
}
@media screen and (min-width: 992px) {
  .checkout-review-sec .checkout-pane fieldset {
    margin: 0 0 60px;
  }
}
.checkout-review-sec .checkout-pane fieldset .fieldset-wrapper > div:nth-child(1) {
  margin: 0 0 50px;
}
@media screen and (min-width: 992px) {
  .checkout-review-sec .checkout-pane fieldset .fieldset-wrapper > div:nth-child(1) {
    margin: 0 0 60px;
  }
}
.checkout-review-sec .checkout-pane p {
  font-size: 18px;
  font-weight: 410;
}

/* checkout-login css start */
.checkout-login {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 991.5px) {
  .checkout-login {
    padding-bottom: 0;
  }
}
.checkout-login::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .checkout-login::before {
    background-color: var(--c-white);
  }
}
.checkout-login legend h5 {
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .checkout-login legend h5 {
    padding-bottom: 60px;
  }
}
.checkout-login .checkout-pane fieldset {
  position: relative;
  z-index: 2;
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .checkout-login .checkout-pane fieldset {
    width: 48%;
  }
}
.checkout-login .checkout-pane fieldset:not(:last-child) {
  margin: 0 0 60px;
}
.checkout-login .checkout-pane fieldset .fieldset-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.checkout-login .checkout-pane fieldset .fieldset-wrapper > div {
  width: 100%;
}
.checkout-login label {
  margin-bottom: 6px;
}
.checkout-login .form-control {
  border-radius: 13px;
  padding: 18px 26px;
  border: 1px solid #c4c4c4;
  background-color: transparent;
}
.checkout-login .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.checkout-login .form-control::-webkit-input-placeholder {
  opacity: 0.5;
}
.checkout-login .form-control::-moz-placeholder {
  opacity: 0.5;
}
.checkout-login .form-control:-ms-input-placeholder {
  opacity: 0.5;
}
.checkout-login .form-control::-ms-input-placeholder {
  opacity: 0.5;
}
.checkout-login .form-control::placeholder {
  opacity: 0.5;
}
.checkout-login .js-form-submit {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  font-size: 16px;
  margin-right: 12px;
}
@media screen and (min-width: 1400px) {
  .checkout-login .js-form-submit {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .checkout-login .js-form-submit {
    font-size: 35px;
  }
}
.checkout-login .js-form-submit:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.checkout-login #edit-login-returning-customer-forgot-password {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  font-size: 16px;
  margin-top: 20px;
  margin-left: 20px;
}
@media screen and (min-width: 1400px) {
  .checkout-login #edit-login-returning-customer-forgot-password {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .checkout-login #edit-login-returning-customer-forgot-password {
    font-size: 35px;
  }
}
.checkout-login #edit-login-returning-customer-forgot-password:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
@media screen and (min-width: 992px) {
  .checkout-login .form-wrapper__guest-checkout {
    padding-left: 40px !important;
  }
}
@media screen and (max-width: 991.5px) {
  .checkout-login .form-wrapper__guest-checkout {
    background-color: var(--c-body-color);
    padding: 40px 12px 60px !important;
    width: calc(100% + 24px);
    margin-left: -12px !important;
  }
}

.paragraph--type--store-items {
  position: relative;
  background-color: var(--c-body-color);
  /* sticky-store-items css start */
}
@media screen and (max-width: 991.5px) {
  .paragraph--type--store-items {
    padding-top: 20px !important;
  }
}
.paragraph--type--store-items .store-items-outer {
  background-color: var(--c-body-color);
  padding: 40px 0 0;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.paragraph--type--store-items .store-items-outer .container {
  padding-bottom: 100px;
  border-bottom: 1px solid var(--c-black);
}
.paragraph--type--store-items .store-items-outer h4 {
  text-align: center;
  margin-bottom: 40px;
}
.paragraph--type--store-items .store-items-outer .store-overview-top-item {
  padding: 15px 20px 40px;
  background-color: white;
  border-radius: 25px;
  text-align: center;
  position: relative;
}
.paragraph--type--store-items .store-items-outer .store-overview-top-item .image {
  margin-bottom: 30px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.paragraph--type--store-items .store-items-outer .store-overview-top-item .image img {
  width: 100%;
  -webkit-mask-image: url("/sites/default/files/2025-01/flavoured-matcha-store.webp");
          mask-image: url("/sites/default/files/2025-01/flavoured-matcha-store.webp");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.paragraph--type--store-items .store-items-outer .store-overview-top-item a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.paragraph--type--store-items .store-items-outer .store-overview-top-item .title a {
  text-decoration: none;
  color: var(--c-black);
  margin-bottom: 10px;
  display: inline-block;
  text-align: center;
  padding: 0;
  font-weight: 800;
}
.paragraph--type--store-items .store-items-outer .store-overview-top-item .small-text p {
  color: #727271;
}
@media screen and (min-width: 768px) {
  .paragraph--type--store-items .store-items-outer .store-overview-top-item .small-text p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .store-items-outer .store-overview-top-item .small-text p {
    font-size: 18px;
  }
}
.paragraph--type--store-items .store-items-outer .row {
  gap: 24px 0;
}
.paragraph--type--store-items .sticky-store-items {
  background-color: var(--c-bg-light);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 7;
  position: sticky;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  top: 69px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--store-items .sticky-store-items {
    top: 81px;
  }
}
.paragraph--type--store-items .sticky-store-items .sticky-inner-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: var(--c-bg-light);
}
.paragraph--type--store-items .sticky-store-items .row > div {
  display: unset !important;
  width: auto;
}
.role-administrator .paragraph--type--store-items .sticky-store-items {
  top: 149px;
}
@media screen and (min-width: 768px) {
  .role-administrator .paragraph--type--store-items .sticky-store-items {
    top: 151px;
  }
}
.paragraph--type--store-items .sticky-store-items .container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.scrolled-up .paragraph--type--store-items .sticky-store-items {
  position: sticky;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.paragraph--type--store-items .sticky-store-items .image,
.paragraph--type--store-items .sticky-store-items .small-text {
  display: none;
}
.paragraph--type--store-items .sticky-store-items .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: auto;
}
.paragraph--type--store-items .sticky-store-items .title {
  text-align: center;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--store-items .sticky-store-items .title {
    margin-bottom: 12px;
  }
}
.paragraph--type--store-items .sticky-store-items .title a {
  text-decoration: none;
  color: var(--c-black);
  display: inline-block;
  text-align: center;
  padding: 20px 30px 16px;
  font-family: "Obviously Narrow", sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  border-radius: 65px;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--store-items .sticky-store-items .title a {
    padding: 16px 20px 12px;
    font-size: 20px;
  }
}
.paragraph--type--store-items .sticky-store-items .title a:hover {
  color: #034222;
  background-color: var(--c-secondary2);
}
.paragraph--type--store-items .sticky-store-items .title a.active {
  color: #034222;
  background-color: var(--c-secondary2);
}
.paragraph--type--store-items .inner-wrapper {
  background-color: var(--c-body-color);
  border-radius: 38px;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  padding: 20px 26px 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  /* traditional matcha css color  */
  /* sample-pack css start */
}
.paragraph--type--store-items .inner-wrapper:has(.background-turmeric) {
  background-color: #fdc0a1;
}
.paragraph--type--store-items .inner-wrapper:has(.background-mint) {
  background-color: #bae6d5;
}
.paragraph--type--store-items .inner-wrapper:has(.background-lemon) {
  background-color: #d7d77c;
}
.paragraph--type--store-items .inner-wrapper:has(.background-ginger) {
  background-color: #f8cd6d;
}
.paragraph--type--store-items .inner-wrapper:has(.background-platinum) {
  background-color: var(--c-black);
  color: #F3F6E6;
}
.paragraph--type--store-items .inner-wrapper:has(.background-golden) {
  background-color: var(--c-primary);
  color: #F3F6E6;
}
.paragraph--type--store-items .inner-wrapper:has(.background-silver) {
  background-color: var(--c-blue);
  color: #F3F6E6;
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .inner-wrapper {
    padding: 30px 40px;
  }
}
.paragraph--type--store-items .inner-wrapper .product-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.paragraph--type--store-items .inner-wrapper .product-image .normal-img {
  width: 100%;
  margin-right: -100%;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.paragraph--type--store-items .inner-wrapper .product-image .normal-img img {
  -webkit-mask-image: url("/sites/default/files/2025-01/golden-overview.webp");
          mask-image: url("/sites/default/files/2025-01/golden-overview.webp");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -o-object-fit: 100% 100%;
     object-fit: 100% 100%;
  -o-object-position: right center;
     object-position: right center;
  max-width: 87%;
  margin: 0 auto;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  -webkit-mask-position: center;
          mask-position: center;
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .inner-wrapper .product-image .normal-img img {
    max-width: 92%;
  }
}
.paragraph--type--store-items .inner-wrapper .product-image .hover-image {
  width: 100%;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.paragraph--type--store-items .inner-wrapper .product-title a {
  color: currentColor;
  display: block;
  text-decoration: none;
}
.paragraph--type--store-items .inner-wrapper .product-title h4 {
  font-size: 22px;
  padding-top: 25px;
  line-height: 0.9;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items .inner-wrapper .product-title h4 {
    font-size: 26px;
  }
}
.paragraph--type--store-items .inner-wrapper:hover .product-image .normal-img {
  opacity: 0;
  visibility: hidden;
}
.paragraph--type--store-items .inner-wrapper:hover .product-image .hover-image {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.paragraph--type--store-items .inner-wrapper:hover:has(.background-turmeric) {
  background-color: #F96216;
}
.paragraph--type--store-items .inner-wrapper:hover:has(.background-mint) {
  background-color: #52C197;
}
.paragraph--type--store-items .inner-wrapper:hover:has(.background-lemon) {
  background-color: #BCBC24;
}
.paragraph--type--store-items .inner-wrapper:hover:has(.background-ginger) {
  background-color: #F4AC0C;
}
.paragraph--type--store-items .inner-wrapper .views-field-price__number {
  padding: 12px 0;
  margin-top: auto;
}
.paragraph--type--store-items .inner-wrapper .field--name-variations .field__label {
  display: none;
}
.paragraph--type--store-items .inner-wrapper .field--name-quantity {
  display: none;
}
.paragraph--type--store-items .inner-wrapper .form-actions {
  margin: 0;
  padding-top: 20px;
}
.paragraph--type--store-items .inner-wrapper .form-actions .form-submit {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  --bg-color: #F3F6E6;
  --textcolor: var(--c-black);
  border: 2px solid #F3F6E6;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items .inner-wrapper .form-actions .form-submit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .inner-wrapper .form-actions .form-submit {
    font-size: 28px;
  }
}
.paragraph--type--store-items .inner-wrapper .form-actions .form-submit:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.paragraph--type--store-items .inner-wrapper .form-actions .form-submit:hover {
  border: 2px solid var(--c-black);
  background-color: var(--c-black);
  color: #F3F6E6;
}
.paragraph--type--store-items .inner-wrapper:has(.background-dark_green) {
  background-color: #034222;
}
.paragraph--type--store-items .inner-wrapper .sample-pack {
  color: var(--c-body-color);
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.paragraph--type--store-items .inner-wrapper .sample-pack .background-dark_green {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #F7F9ED;
}
.paragraph--type--store-items .inner-wrapper .sample-pack .background-dark_green .product-image {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--store-items .inner-wrapper .sample-pack .background-dark_green .product-image {
    width: 55%;
  }
}
.paragraph--type--store-items .inner-wrapper .sample-pack .background-dark_green .product-image .hover-image img {
  -webkit-mask-image: unset;
          mask-image: unset;
}
.paragraph--type--store-items .inner-wrapper .sample-pack .background-dark_green .product-content-wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--store-items .inner-wrapper .sample-pack .background-dark_green .product-content-wrapper {
    margin-left: 5%;
    width: 40%;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--store-items .inner-wrapper .sample-pack .background-dark_green .product-content-wrapper h4 {
    max-width: 60%;
  }
}
.paragraph--type--store-items .store-content {
  position: relative;
  /* for color css left side box */
}
.paragraph--type--store-items .store-content .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--store-items .store-content .flavoured-matcha,
.paragraph--type--store-items .store-content .traditional-matcha,
.paragraph--type--store-items .store-content .mixmatcha-matcha {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--store-items .store-content .flavoured-matcha,
  .paragraph--type--store-items .store-content .traditional-matcha,
  .paragraph--type--store-items .store-content .mixmatcha-matcha {
    border-bottom: 1px solid var(--c-black);
    margin-bottom: 50px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--store-items .store-content .flavoured-matcha,
  .paragraph--type--store-items .store-content .traditional-matcha,
  .paragraph--type--store-items .store-content .mixmatcha-matcha {
    margin-bottom: 100px;
    padding-bottom: 80px;
  }
}
.paragraph--type--store-items .store-content .flavoured-matcha .flavoured-left-content::after,
.paragraph--type--store-items .store-content .traditional-matcha .flavoured-left-content::after,
.paragraph--type--store-items .store-content .mixmatcha-matcha .flavoured-left-content::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 20%;
  width: 100%;
  left: 0;
  background-color: var(--c-primary2);
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .store-content .flavoured-matcha .flavoured-left-content::after,
  .paragraph--type--store-items .store-content .traditional-matcha .flavoured-left-content::after,
  .paragraph--type--store-items .store-content .mixmatcha-matcha .flavoured-left-content::after {
    height: 24%;
  }
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .paragraph--type--twin-packs .hover-image {
  width: 100%;
  padding: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .paragraph--type--twin-packs .hover-image img {
  max-height: 100%;
  max-width: 87%;
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .paragraph--type--twin-packs .hover-image img {
    max-width: 92%;
  }
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .hover-image {
  padding: 40px 0 0;
  -ms-flex-item-align: start;
      align-self: start;
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .hover-image img {
  max-height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .product-variation {
  padding-top: 20px;
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .product-variation a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  --bg-color: #F3F6E6;
  --textcolor: var(--c-black);
  border: 2px solid #F3F6E6;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .product-variation a {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .product-variation a {
    font-size: 28px;
  }
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .product-variation a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .product-variation a:hover {
  border: 2px solid var(--c-black);
  background-color: var(--c-black);
  color: #F3F6E6;
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .product-title {
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  position: relative;
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper .product-title p {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-top: 12px;
  font-size: 16px;
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper:hover .product-title {
  -webkit-transform: translateY(-90%);
          transform: translateY(-90%);
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper:hover .product-title p {
  opacity: 1;
  visibility: visible;
}
.paragraph--type--store-items .store-content .flavoured-matcha .inner-wrapper:hover .background-dark_green .product-title {
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
}
.paragraph--type--store-items .store-content .mixmatcha-matcha {
  border: none;
  margin-bottom: 0;
}
.paragraph--type--store-items .store-content .mixmatcha-matcha img {
  -o-object-fit: cover;
     object-fit: cover;
}
.paragraph--type--store-items .store-content .traditional-matcha .form-actions .button {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  border-color: var(--c-bg-light);
  color: var(--c-bg-light);
  background-color: transparent;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items .store-content .traditional-matcha .form-actions .button {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .store-content .traditional-matcha .form-actions .button {
    font-size: 28px;
  }
}
.paragraph--type--store-items .store-content .traditional-matcha .form-actions .button:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.paragraph--type--store-items .store-content .flavoured-left-content,
.paragraph--type--store-items .store-content .traditional-left-content,
.paragraph--type--store-items .store-content .mix-matcha-left-content {
  background-color: var(--c-dark-green);
  color: var(--c-bg-light);
  padding: 50px 30px;
  border-radius: 38px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .store-content .flavoured-left-content,
  .paragraph--type--store-items .store-content .traditional-left-content,
  .paragraph--type--store-items .store-content .mix-matcha-left-content {
    padding: 50px 40px;
  }
}
.paragraph--type--store-items .store-content .flavoured-left-content h2,
.paragraph--type--store-items .store-content .traditional-left-content h2,
.paragraph--type--store-items .store-content .mix-matcha-left-content h2 {
  margin-bottom: 30px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items .store-content .flavoured-left-content h2,
  .paragraph--type--store-items .store-content .traditional-left-content h2,
  .paragraph--type--store-items .store-content .mix-matcha-left-content h2 {
    font-size: 42px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .store-content .flavoured-left-content h2,
  .paragraph--type--store-items .store-content .traditional-left-content h2,
  .paragraph--type--store-items .store-content .mix-matcha-left-content h2 {
    font-size: 60px;
  }
}
.paragraph--type--store-items .store-content .flavoured-left-content p,
.paragraph--type--store-items .store-content .traditional-left-content p,
.paragraph--type--store-items .store-content .mix-matcha-left-content p {
  font-weight: 450;
  font-size: 16px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items .store-content .flavoured-left-content p,
  .paragraph--type--store-items .store-content .traditional-left-content p,
  .paragraph--type--store-items .store-content .mix-matcha-left-content p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .store-content .flavoured-left-content p,
  .paragraph--type--store-items .store-content .traditional-left-content p,
  .paragraph--type--store-items .store-content .mix-matcha-left-content p {
    font-size: 18px;
  }
}
.paragraph--type--store-items .store-content .flavoured-left-content .text-items,
.paragraph--type--store-items .store-content .traditional-left-content .text-items,
.paragraph--type--store-items .store-content .mix-matcha-left-content .text-items {
  padding-top: 5 0px;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items .store-content .flavoured-left-content .text-items,
  .paragraph--type--store-items .store-content .traditional-left-content .text-items,
  .paragraph--type--store-items .store-content .mix-matcha-left-content .text-items {
    padding-top: 60px;
  }
}
.paragraph--type--store-items .store-content .flavoured-left-content .text-items .field--name-field-text-items,
.paragraph--type--store-items .store-content .traditional-left-content .text-items .field--name-field-text-items,
.paragraph--type--store-items .store-content .mix-matcha-left-content .text-items .field--name-field-text-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
  margin-right: -6px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.paragraph--type--store-items .store-content .flavoured-left-content .text-items .field--name-field-text-items .field__item,
.paragraph--type--store-items .store-content .traditional-left-content .text-items .field--name-field-text-items .field__item,
.paragraph--type--store-items .store-content .mix-matcha-left-content .text-items .field--name-field-text-items .field__item {
  width: calc(33.333% - 6px);
  text-align: center;
  text-transform: uppercase;
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 800;
  padding: 10px 10px 7px;
  border-radius: 24px;
  aspect-ratio: 1/0.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid var(--c-bg-light);
  color: var(--c-bg-light);
}
.paragraph--type--store-items .store-content .flavoured-left-content .left-image,
.paragraph--type--store-items .store-content .traditional-left-content .left-image,
.paragraph--type--store-items .store-content .mix-matcha-left-content .left-image {
  padding-top: 30px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items .store-content .flavoured-left-content .left-image,
  .paragraph--type--store-items .store-content .traditional-left-content .left-image,
  .paragraph--type--store-items .store-content .mix-matcha-left-content .left-image {
    padding-top: 60px;
  }
}
@media screen and (max-width: 1399.5px) {
  .paragraph--type--store-items .store-content .flavoured-left-content .left-image,
  .paragraph--type--store-items .store-content .traditional-left-content .left-image,
  .paragraph--type--store-items .store-content .mix-matcha-left-content .left-image {
    max-width: 285px;
    margin-inline: auto;
  }
}
.paragraph--type--store-items .store-content .flavoured-left-content .link,
.paragraph--type--store-items .store-content .traditional-left-content .link,
.paragraph--type--store-items .store-content .mix-matcha-left-content .link {
  padding-top: 40px;
  text-align: center;
}
.paragraph--type--store-items .store-content .flavoured-left-content .link a,
.paragraph--type--store-items .store-content .traditional-left-content .link a,
.paragraph--type--store-items .store-content .mix-matcha-left-content .link a {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  width: 100%;
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items .store-content .flavoured-left-content .link a,
  .paragraph--type--store-items .store-content .traditional-left-content .link a,
  .paragraph--type--store-items .store-content .mix-matcha-left-content .link a {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .store-content .flavoured-left-content .link a,
  .paragraph--type--store-items .store-content .traditional-left-content .link a,
  .paragraph--type--store-items .store-content .mix-matcha-left-content .link a {
    font-size: 28px;
  }
}
.paragraph--type--store-items .store-content .flavoured-left-content .link a:hover,
.paragraph--type--store-items .store-content .traditional-left-content .link a:hover,
.paragraph--type--store-items .store-content .mix-matcha-left-content .link a:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}
.paragraph--type--store-items .store-content .traditional-left-content {
  padding: 30px;
}
.paragraph--type--store-items .store-content .traditional-left-content h2 {
  line-height: 1;
}
.paragraph--type--store-items .store-content .mix-matcha-left-content {
  background-color: #ecf1d5;
  color: var(--c-black);
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--store-items .store-content .mix-matcha-left-content {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
.paragraph--type--store-items .mix-matcha-matcha-right-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--store-items .mix-matcha-matcha-right-image .field--name-field-right-side-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .paragraph--type--store-items .mix-matcha-matcha-right-image .field--name-field-right-side-image {
    margin-bottom: 20px;
  }
}
.paragraph--type--store-items .mix-matcha-matcha-right-image .field--name-field-right-side-image img {
  width: 100%;
  border-radius: 38px;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--store-items .mix-matcha-matcha-right-image .field--name-field-right-side-image img {
    height: 360px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    margin-top: -15%;
  }
}
.paragraph--type--store-items .matcha-accessories {
  background-color: var(--c-bg-light);
}
.paragraph--type--store-items .matcha-accessories .matcha-accessories-caption {
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--store-items .matcha-accessories .matcha-accessories-caption {
    max-width: 60%;
  }
}
.paragraph--type--store-items .matcha-accessories .matcha-accessories-caption h4 {
  padding-bottom: 30px;
}
.paragraph--type--store-items .matcha-accessories .inner-wrapper .product-image img {
  -webkit-mask-image: url("/sites/default/files/styles/accessories_overview/public/2024-08/spoon-menu.png");
          mask-image: url("/sites/default/files/styles/accessories_overview/public/2024-08/spoon-menu.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.paragraph--type--store-items .matcha-accessories .inner-wrapper .product-variation-price .field__label {
  display: none;
}
.paragraph--type--store-items .matcha-accessories .inner-wrapper .product-variation-price .field__item {
  font-weight: 400;
  margin-top: 6px;
}
.paragraph--type--store-items .matcha-accessories .inner-wrapper .form-submit {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  --bg-color: var(--c-white);
  --textcolor: var(--c-black);
  border: 2px solid var(--c-black);
}
@media screen and (min-width: 1400px) {
  .paragraph--type--store-items .matcha-accessories .inner-wrapper .form-submit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--store-items .matcha-accessories .inner-wrapper .form-submit {
    font-size: 28px;
  }
}
.paragraph--type--store-items .matcha-accessories .inner-wrapper .form-submit:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

.recipe-content-sec {
  position: relative;
  background-color: var(--c-body-color);
}
@media screen and (max-width: 767.5px) {
  .recipe-content-sec .recipe-left-right > .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.recipe-content-sec .recipe-left-right > .row > div {
  display: unset;
}
@media screen and (min-width: 768px) {
  .recipe-content-sec .recipe-left-right .views-element-container {
    position: sticky !important;
    z-index: 2;
    top: 130px;
  }
  .role-administrator .recipe-content-sec .recipe-left-right .views-element-container {
    top: 210px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .recipe-content-sec .recipe-left-right .recipe-right {
    padding-top: 50px;
  }
}
.recipe-content-sec .recipe-left-right .recipe-left {
  color: var(--c-black);
}
.recipe-content-sec .recipe-left-right .recipe-left ul {
  padding: 0;
  margin: 0 0 60px 1rem;
}
.recipe-content-sec .recipe-left-right .recipe-left ul li {
  margin-bottom: 10px;
  font-size: 18px;
  color: var(--c-black);
}
.recipe-content-sec .recipe-left-right .freeze-prep-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.recipe-content-sec .recipe-left-right .freeze-prep-time .prep-time {
  margin-right: 16px;
}
@media screen and (min-width: 768px) {
  .recipe-content-sec .recipe-left-right .freeze-prep-time .prep-time {
    margin-right: 30px;
  }
}
.recipe-content-sec .recipe-left-right .freeze-prep-time .prep-time p {
  color: var(--c-white);
  background-color: var(--c-primary2);
  padding: 8px 20px 5px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 380;
}
.recipe-content-sec .recipe-left-right .freeze-prep-time .freeze-time p {
  color: var(--c-white);
  background-color: var(--c-sky);
  padding: 8px 20px 5px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 380;
}
.recipe-content-sec .recipe-left-right .recipe-method {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .recipe-content-sec .recipe-left-right .recipe-method {
    padding-top: 50px;
  }
}
.recipe-content-sec .recipe-left-right .recipe-method .recipe-full-steps {
  padding-top: 60px;
}
@media screen and (max-width: 767.5px) {
  .recipe-content-sec .recipe-left-right .recipe-method .recipe-full-steps {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
.recipe-content-sec .recipe-left-right .recipe-method .recipe-full-steps .recipe-step .step-caption {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .recipe-content-sec .recipe-left-right .recipe-method .recipe-full-steps .recipe-step .step-caption {
    margin-bottom: 50px;
  }
}
.recipe-content-sec .recipe-left-right .recipe-method .recipe-full-steps .recipe-step .step-caption h4 {
  font-weight: 900;
  margin-bottom: 20px;
}
.recipe-content-sec .recipe-left-right .recipe-method .recipe-full-steps .recipe-step .step-caption p {
  font-size: 18px;
}
.recipe-content-sec .recipe-left-right .recipe-method .recipe-full-steps .recipe-step .recipe-horizontal-image img {
  width: 100%;
}
.recipe-content-sec .recipe-left-right .field--name-field-recipe-step-items > .field__item:not(:last-child) .recipe-step {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .recipe-content-sec .recipe-left-right .field--name-field-recipe-step-items > .field__item:not(:last-child) .recipe-step {
    margin-bottom: 80px;
  }
}

.user-account-content {
  background-color: var(--c-dark-green);
  padding-top: 140px;
  padding-bottom: 80px;
  /* account-content css start */
}
@media screen and (min-width: 1400px) {
  .user-account-content .container {
    max-width: 1240px;
  }
}
.user-account-content .js-form-type-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-account-content .js-form-type-checkbox label {
  margin-left: 12px;
  margin-bottom: 0;
}
.user-account-content h2 {
  color: var(--c-white);
  padding-bottom: 20px;
  font-size: 40px;
}
@media screen and (min-width: 768px) {
  .user-account-content h2 {
    font-size: 50px;
  }
}
.user-account-content .account-sidebar {
  overflow: hidden;
}
.user-account-content .account-sidebar ::-webkit-scrollbar {
  width: 0px;
  opacity: 0;
  visibility: hidden;
}
.user-account-content .account-sidebar ul {
  margin: 0;
}
@media screen and (max-width: 991.5px) {
  .user-account-content .account-sidebar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0 0 12px;
    padding: 0;
    overflow: auto;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .user-account-content .account-sidebar ul ::-webkit-scrollbar {
    width: 0px;
    opacity: 0;
    visibility: hidden;
  }
  .user-account-content .account-sidebar ul li:not(:last-child) {
    padding-right: 12px;
  }
  .user-account-content .account-sidebar ul li a {
    text-decoration: none;
    padding: 14px 30px 10px;
    background-color: #006236;
    color: var(--c-white);
    border-radius: 8px;
    font-size: 16px;
    -webkit-transition: all 0.32s ease-in-out;
    transition: all 0.32s ease-in-out;
    white-space: nowrap;
    background: var(--c-primary);
  }
  .user-account-content .account-sidebar ul li a:hover {
    background-color: #ECF1D5;
    color: var(--c-black);
  }
  .user-account-content .account-sidebar ul li a.active {
    background-color: #ECF1D5;
    color: var(--c-black);
  }
}
@media screen and (min-width: 992px) {
  .user-account-content .account-sidebar ul {
    width: 100%;
    padding: 20px;
    background-color: var(--c-white);
    border-radius: 10px;
  }
  .user-account-content .account-sidebar ul li {
    margin-bottom: 20px;
  }
  .user-account-content .account-sidebar ul li a {
    background-color: #fff;
    text-decoration: none;
    color: var(--c-black);
    width: 100%;
    border-radius: 10px;
    padding: 14px 30px 12px;
    font-size: 18px;
    display: inline-block;
  }
  .user-account-content .account-sidebar ul li a.active {
    background-color: #ECF1D5;
  }
}
.user-account-content .account-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* table css start here */
}
.user-account-content .account-content .content-item a {
  text-decoration: none;
  color: var(--c-primary);
  text-transform: uppercase;
  font-size: 20px;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 20px;
}
.user-account-content .account-content > div {
  width: 100%;
  background-color: var(--c-white);
  border-radius: 10px;
  padding: 30px 20px;
}
@media screen and (min-width: 768px) {
  .user-account-content .account-content > div {
    padding: 50px 40px;
  }
}
.user-account-content .account-content h3 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--c-black);
}
.user-account-content .account-content .address-book__profiles .row {
  width: 100%;
}
.user-account-content .account-content .address-book__profiles h5 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.user-account-content .account-content .address-book__profiles .address-book__profile {
  padding: 16px;
  background-color: var(--c-body-color);
  border-radius: 13px;
  margin: 0 0 30px;
}
@media screen and (min-width: 576px) {
  .user-account-content .account-content .address-book__profiles .address-book__profile {
    padding: 20px;
  }
}
@media screen and (min-width: 992px) {
  .user-account-content .account-content .address-book__profiles .address-book__profile {
    padding: 30px;
  }
}
.user-account-content .account-content .address-book__profiles .address-book__profile p {
  font-size: 18px;
  font-weight: 400;
}
.user-account-content .account-content .address-book__profiles .address-book__profile .address-book__operations {
  margin-top: 30px;
}
.user-account-content .account-content .address-book__profiles .address-book__profile .address-book__operations a {
  color: #0085FF;
}
.user-account-content .account-content .customer-information .field--name-mail,
.user-account-content .account-content .customer-information .customer-information__shipping,
.user-account-content .account-content .customer-information .customer-billing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .user-account-content .account-content .customer-information .field--name-mail,
  .user-account-content .account-content .customer-information .customer-information__shipping,
  .user-account-content .account-content .customer-information .customer-billing {
    margin-bottom: 50px;
  }
}
.user-account-content .account-content .customer-information .field--name-mail .field__label,
.user-account-content .account-content .customer-information .customer-information__shipping .field__label,
.user-account-content .account-content .customer-information .customer-billing .field__label {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 5px;
}
.user-account-content .account-content .customer-information .field--name-mail *,
.user-account-content .account-content .customer-information .customer-information__shipping *,
.user-account-content .account-content .customer-information .customer-billing * {
  font-size: 18px;
}
.user-account-content .account-content .customer-information .field--name-mail > div,
.user-account-content .account-content .customer-information .customer-information__shipping > div,
.user-account-content .account-content .customer-information .customer-billing > div {
  width: 100%;
}
.user-account-content .account-content .customer-information .field--name-shipping-method {
  margin-top: 50px;
}
.user-account-content .account-content .order-information .order-complete ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 0;
}
.user-account-content .account-content .order-information .order-complete ul li {
  width: 33.3333%;
  padding: 10px;
  list-style: none;
}
.user-account-content .account-content .order-information .order-complete ul li .field--name-completed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.user-account-content .account-content .order-information .order-complete ul li .field--name-completed .field__label {
  margin-bottom: 5px;
  font-size: 15px;
  text-transform: uppercase;
}
.user-account-content .account-content .order-information .order-complete ul li:last-child .field__item {
  color: var(--c-primary);
}
.user-account-content .account-content .order-information .order-table {
  margin-top: 30px;
  border: 1px solid var(--c-gray);
  border-radius: 13px;
  padding: 20px 12px;
}
@media screen and (min-width: 768px) {
  .user-account-content .account-content .order-information .order-table {
    padding: 20px;
  }
}
.user-account-content .account-content .order-information .order-table table tr th {
  font-size: 14px !important;
}
.user-account-content .account-content .order-information .order-table .field--name-total-price {
  padding-top: 32px;
}
.user-account-content .account-content .order-information .order-table .field--name-total-price .order-total-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767.5px) {
  .user-account-content .account-content .order-information .order-table .field--name-total-price .order-total-line {
    padding: 0;
  }
}
.user-account-content .account-content .order-information .order-table .field--name-total-price .order-total-line .order-total-line-label,
.user-account-content .account-content .order-information .order-table .field--name-total-price .order-total-line .order-total-line-value {
  font-size: 18px;
}
@media screen and (max-width: 767.5px) {
  .user-account-content .account-content .order-information .order-table .field--name-total-price .order-total-line .order-total-line-label,
  .user-account-content .account-content .order-information .order-table .field--name-total-price .order-total-line .order-total-line-value {
    padding: 0;
  }
}
.user-account-content .account-content .order-information .order-table .field--name-total-price .order-total-line .order-total-line-label {
  font-weight: 700;
}
.user-account-content .account-content .order-information .order-table .field--name-address,
.user-account-content .account-content .order-information .order-table .field--name-billing-profile,
.user-account-content .account-content .order-information .order-table .print__wrapper {
  display: none;
}
@media screen and (max-width: 767.5px) {
  .user-account-content .account-content .view-id-commerce_user_orders table thead, .user-account-content .account-content .view-commerce-order-item-table table thead {
    display: none;
  }
}
.user-account-content .account-content .view-id-commerce_user_orders table tr:not(:last-child) td:last-child, .user-account-content .account-content .view-commerce-order-item-table table tr:not(:last-child) td:last-child {
  margin-bottom: 20px;
}
@media screen and (max-width: 767.5px) {
  .user-account-content .account-content .view-id-commerce_user_orders table tr td, .user-account-content .account-content .view-commerce-order-item-table table tr td {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}
.user-account-content .account-content .view-id-commerce_user_orders table tr td span, .user-account-content .account-content .view-commerce-order-item-table table tr td span {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-right: 12px;
  text-transform: uppercase;
  color: var(--c-black);
  border: none;
  font-weight: bold;
  font-size: 15px;
  width: 50%;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  .user-account-content .account-content .view-id-commerce_user_orders table tr td span, .user-account-content .account-content .view-commerce-order-item-table table tr td span {
    display: none;
  }
}
.user-account-content .account-content .view-id-commerce_user_orders table tr td:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.user-account-content .account-content .view-id-commerce_user_orders table tr td:last-child::before {
  content: "";
  display: block;
  background-image: url("../images/success-check.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 6px;
  min-width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
}
.user-account-content .account-content table tr th {
  text-transform: uppercase;
  color: var(--c-black);
  padding: 12px 6px;
  border: none;
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  .user-account-content .account-content table tr th {
    font-size: 18px;
  }
}
@media screen and (min-width: 1600px) {
  .user-account-content .account-content table tr th {
    font-size: 20px;
  }
}
.user-account-content .account-content table tr th a {
  text-decoration: none;
  color: inherit;
  pointer-events: none;
}
.user-account-content .account-content table tr th a span {
  display: none;
}
@media screen and (max-width: 575.5px) {
  .user-account-content .account-content table tr .payment-method-icon {
    display: block;
    margin: 0 0 5px;
  }
}
.user-account-content .account-content table tr td {
  padding: 12px 6px;
  border: none;
}
.user-account-content .account-content table tr td a {
  text-decoration: none;
  color: var(--c-black);
}
.user-account-content .account-content table tr td .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  list-style: none;
}
.user-account-content .account-content table tr td .links li:not(:last-child) {
  margin-right: 12px;
}
.user-account-content .account-content table tr td .links li a {
  color: #0085FF;
  text-decoration: underline;
}
.user-account-content .account-content table tbody tr:nth-child(odd) td {
  --bs-table-bg-type: #F8FAF0;
  border-radius: 8px;
}
.user-account-content .account-content a.address-book__add-link,
.user-account-content .account-content .action-links a {
  display: inline-block;
  text-decoration: none;
  color: var(--c-bg-light);
  border-radius: 10px;
  padding: 12px 20px 10px;
  font-size: 18px;
  background-color: var(--c-black);
  border-color: black;
  font-weight: 600;
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 767.5px) {
  .user-account-content .account-content a.address-book__add-link,
  .user-account-content .account-content .action-links a {
    width: calc(100% - 24px);
  }
}
.user-account-content .account-content a.address-book__add-link li,
.user-account-content .account-content .action-links a li {
  display: block;
}
.user-account-content .account-content .profile-form label {
  margin-bottom: 5px;
}
.user-account-content .account-content .profile-form .address-container-inline.form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.user-account-content .account-content .profile-form .address-container-inline.form-wrapper > div {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .user-account-content .account-content .profile-form .address-container-inline.form-wrapper > div {
    width: calc(50% - 20px);
  }
}
.user-account-content .account-content .profile-form .form-control {
  padding: 12px 20px;
  border-radius: 8px;
  width: 100%;
}
.user-account-content .account-content .profile-form .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.user-account-content .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
}
.user-account-content .form-actions .button,
.user-account-content .form-actions .button--danger {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
}
@media screen and (min-width: 1400px) {
  .user-account-content .form-actions .button,
  .user-account-content .form-actions .button--danger {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .user-account-content .form-actions .button,
  .user-account-content .form-actions .button--danger {
    font-size: 35px;
  }
}
.user-account-content .form-actions .button:hover,
.user-account-content .form-actions .button--danger:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

/* stripe-form css start here */
.commerce-payment-method-add-form .stripe-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.commerce-payment-method-add-form .stripe-form .payment-method-icon-list {
  width: 100%;
}
.commerce-payment-method-add-form .stripe-form > div {
  margin: 0 0 20px !important;
}
.commerce-payment-method-add-form .stripe-form label {
  margin-bottom: 6px;
}
.commerce-payment-method-add-form .stripe-form #card-number-element,
.commerce-payment-method-add-form .stripe-form .StripeElement--empty,
.commerce-payment-method-add-form .stripe-form .StripeElement--empty,
.commerce-payment-method-add-form .stripe-form .ripeElement--complete,
.commerce-payment-method-add-form .stripe-form .error {
  padding: 12px 20px;
  border-radius: 10px;
  border: 1px solid #dfdfdf;
  margin-right: 12px;
  min-width: 100px;
  width: 10rem;
}
.commerce-payment-method-add-form label {
  margin-bottom: 5px;
}
.commerce-payment-method-add-form .address-container-inline.form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.commerce-payment-method-add-form .address-container-inline.form-wrapper > div {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .commerce-payment-method-add-form .address-container-inline.form-wrapper > div {
    width: calc(50% - 20px);
  }
}
.commerce-payment-method-add-form .form-control {
  padding: 12px 20px;
  border-radius: 8px;
  width: 100%;
}
.commerce-payment-method-add-form .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.commerce-payment-method-add-form .form-type-select .available-profiles {
  padding: 12px 20px;
  border-radius: 10px;
  border: 1px solid #dfdfdf;
  margin-right: 12px;
  width: 100%;
}
.commerce-payment-method-add-form .form-type-select .available-profiles:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.commerce-payment-method-add-form .address-book-edit-button {
  margin-left: 0;
}

.ui-corner-all {
  background-color: var(--c-white);
  padding: 30px;
  border-radius: 10px;
  max-width: 500px;
  margin: 0 auto;
}
.ui-corner-all .ui-dialog-titlebar {
  background-color: transparent;
}
.ui-corner-all .ui-dialog-titlebar .ui-dialog-title {
  font-family: "Obviously", sans-serif;
}
.ui-corner-all .ui-dialog-buttonpane {
  background-color: transparent;
  padding-top: 40px;
  border: none;
}
.ui-corner-all .form-actions .js-form-submit {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  font-size: 16px !important;
}
@media screen and (min-width: 1400px) {
  .ui-corner-all .form-actions .js-form-submit {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .ui-corner-all .form-actions .js-form-submit {
    font-size: 35px;
  }
}
.ui-corner-all .form-actions .js-form-submit:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

.privacy-title-text {
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .privacy-title-text {
    max-width: 900px;
  }
}
.privacy-title-text h2 {
  line-height: 1;
  margin-bottom: 10px;
}
.privacy-title-text hr {
  opacity: 1;
  margin: 40px 0;
}
.privacy-title-text h3 {
  line-height: 1;
  margin-bottom: 12px;
}
.privacy-title-text p {
  font-size: 16px;
}
.privacy-title-text p a {
  color: var(--c-black);
}
.privacy-title-text ul li, .privacy-title-text ol li {
  margin-bottom: 10px;
}

footer {
  background-color: var(--c-dark-green);
  color: var(--c-bg-light);
  padding: 35px 0 30px;
}
@media screen and (min-width: 768px) {
  footer {
    padding: 100px 0 50px;
  }
}
@media screen and (min-width: 992px) {
  footer {
    padding: 120px 0 50px;
  }
}
@media screen and (min-width: 1400px) {
  footer {
    padding: 140px 0 50px;
  }
}
@media screen and (min-width: 1600px) {
  footer {
    padding: 160px 0 50px;
  }
}
@media screen and (min-width: 992px) {
  footer .row > div:not(:first-child) .footer-item {
    padding-left: 13%;
  }
}
footer .footer-item {
  border-right: 1px solid var(--c-bg-light);
}
@media screen and (max-width: 575.5px) {
  footer .footer-item {
    display: none;
  }
}
@media screen and (max-width: 991.5px) {
  footer .footer-item {
    padding: 0 6%;
    border: none;
    margin-bottom: 50px;
  }
}
footer .footer-item h5 {
  font-size: 22px;
  text-transform: uppercase;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #F4F6E6;
}
@media screen and (min-width: 992px) {
  footer .footer-item h5 {
    border: none;
    margin-bottom: 20px;
  }
}
footer .footer-item ul {
  padding: 0;
  margin: 0;
}
footer .footer-item ul li {
  padding: 0;
  list-style: none;
  margin: 0;
}
footer .footer-item ul li a {
  padding: 0 !important;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--c-bg-light) !important;
  display: inline-block;
  margin: 0 0 6px;
}
footer .footer-social-items {
  padding: 0 6%;
  margin-top: 80px;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  footer .footer-social-items {
    margin-top: 60px;
    padding: 0 10%;
  }
}
footer .footer-social-items h5 {
  text-transform: uppercase;
}
footer .footer-social-items ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 0 0;
}
@media screen and (min-width: 768px) {
  footer .footer-social-items ul {
    padding: 22px 0 0;
  }
}
footer .footer-social-items ul li {
  list-style: none;
}
footer .footer-social-items ul li:not(:last-child) {
  margin-right: 20px;
}
footer .footer-social-items ul li a {
  font-size: 30px;
  color: var(--c-bg-light);
  display: inline-block;
  text-decoration: none;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--c-black);
  color: #F4F6E6;
  border-radius: 12px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
footer .footer-social-items ul li a svg {
  width: 100%;
  color: #F4F6E6;
  fill: #F4F6E6;
  max-width: 22px;
}
footer .footer-social-items ul li a:hover {
  background-color: var(--c-secondary);
}
footer .footer-form {
  padding: 0 6%;
}
@media screen and (min-width: 992px) {
  footer .footer-form {
    margin-top: 50px;
    padding: 0 10%;
    margin-top: 0;
  }
}
footer .footer-form h5 {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
  color: var(--c-bg-light);
}
footer .footer-form form {
  width: 100%;
}
footer .footer-form form .form-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .footer-form form .form-item .form-control {
  padding: 20px 20px;
  border-radius: 10px;
  border: 1px solid var(--c-black);
  display: block;
  width: 100%;
}
footer .footer-form form .form-item .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
footer .footer-form form .form-actions {
  margin: 12px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .footer-form form .form-actions .button {
  all: unset;
  width: 100%;
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  border: none;
  display: block;
}
@media screen and (min-width: 1400px) {
  footer .footer-form form .form-actions .button {
    font-size: 26px;
  }
}
@media screen and (min-width: 1600px) {
  footer .footer-form form .form-actions .button {
    font-size: 35px;
  }
}
footer .footer-form form .form-actions .button:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}

/* accordion css start */
.accordion {
  background-color: transparent;
  border: none;
  padding: 0 6% 40px;
}
.accordion .accordion-item {
  background: transparent;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 2px solid #F4F6E6 !important;
  border: none;
  border-radius: 0px;
}
.accordion .accordion-header {
  border: none !important;
}
.accordion .accordion-header .accordion-button {
  padding: 0;
  background-color: transparent;
  font-weight: 800;
  font-size: 22px;
  color: var(--c-bg-light);
  border: none !important;
  border-radius: 0px;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.accordion .accordion-header .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F4F6E6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion .accordion-body {
  padding: 20px 0 0;
}
.accordion .accordion-body ul {
  padding: 0;
  margin: 0;
}
.accordion .accordion-body ul li {
  list-style: none;
  margin-bottom: 12px;
}
.accordion .accordion-body ul li a {
  text-transform: uppercase;
  text-decoration: none;
  color: var(--c-body-color);
}

@media screen and (min-width: 576px) {
  .footer-menu-mobile {
    display: none;
  }
}

.footer-bottom .footer-logo {
  max-width: 80%;
}
@media screen and (max-width: 767.5px) {
  .footer-bottom .footer-logo {
    max-width: 65%;
    margin: 0 auto 16px;
  }
}
.footer-bottom .row {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.footer-bottom .copyright-text {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer-bottom .copyright-text {
    text-align: right;
  }
}
.footer-bottom .copyright-text p {
  text-transform: uppercase;
  font-size: 15px;
  color: var(--c-bg-light);
  font-weight: 400;
}

/* montys-wine.myshopify css start */
.account-content-inner {
  background-color: var(--c-white);
  padding: 30px;
  border-radius: 20px;
}
.account-content-inner .tabs-wrapper {
  display: none;
}
.account-content-inner label {
  margin-bottom: 10px;
}
.account-content-inner .description {
  margin-top: 6px;
}
.account-content-inner .password-strength {
  margin-bottom: 30px;
}
.account-content-inner .password-strength .password-strength__title {
  padding-top: 12px;
  display: inline-block;
}
.account-content-inner .form-control {
  padding: 12px 20px;
  border-radius: 8px;
  width: 100%;
}
.account-content-inner .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.account-content-inner .form-type-password {
  padding-top: 12px;
}
.account-content-inner .form-type-password .password-confirm-message {
  padding-top: 20px;
}

/* shipping_information-outter css start */
.pdf-page {
  padding: 0;
  background-color: #F4F6E6;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}
.pdf-page .spaceing {
  padding: 8px;
}
.pdf-page table {
  width: 100%;
  border-collapse: collapse;
}
.pdf-page table .field--name-address p {
  margin: 0;
}
.pdf-page table .field--name-address p span {
  font-size: 10px;
  text-transform: uppercase;
  line-height: 0.8;
  font-weight: 600;
  letter-spacing: normal;
}
.pdf-page table .logo img {
  width: 100px;
  height: auto;
}
.pdf-page .country {
  display: none;
}
.pdf-page h5 {
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.pdf-page p {
  max-width: 80%;
  font-size: 10px;
  margin: 0;
  font-weight: 400;
  line-height: 0.8;
}
.pdf-page .field--name-shipping-method {
  display: none;
}

.paragraph--type--contact-info {
  background-color: var(--c-dark-green2);
  color: var(--c-white);
  position: relative;
}
.paragraph--type--contact-info .contact-info {
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--contact-info .contact-info {
    max-width: 60%;
  }
}
.paragraph--type--contact-info .contact-info h1 {
  color: #F8FAF0;
  text-align: center;
  padding-bottom: 60px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .paragraph--type--contact-info .contact-info h1 {
    max-width: 70%;
  }
}
.paragraph--type--contact-info label {
  color: #C1E041;
  margin-bottom: 6px;
}
.paragraph--type--contact-info label::after {
  color: #C1E041;
}
.paragraph--type--contact-info .form-control {
  color: #898989;
  border-radius: 13px;
  background-color: #F8FAF0;
  padding: 20px 24px 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #C4C4C4;
}
.paragraph--type--contact-info form > div {
  margin-bottom: 33px;
}
.paragraph--type--contact-info form .row > div {
  margin: 0;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--contact-info form .row > div:not(:last-child) {
    margin-bottom: 33px;
  }
}
.paragraph--type--contact-info .form-actions .button {
  display: inline-block;
  padding: 15px 15px 10px 15px;
  background-color: var(--bg-color, var(--c-black));
  color: var(--textcolor, #F3F6E6);
  text-decoration: none;
  border: none;
  border-radius: 15px;
  line-height: 0.9;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  text-transform: uppercase;
  font-weight: 800;
  width: 100%;
  color: #F3F6E6;
}
.paragraph--type--contact-info .form-actions .button:hover {
  background-color: var(--hbg-color, var(--c-secondary));
  color: var(--htextcolor, var(--c-black));
  border-color: var(--c-secondary);
}/*# sourceMappingURL=theme.css.map */