/** Shopify CDN: Minification failed

Line 315:0 Unexpected ")"
Line 328:0 Unexpected ")"
Line 339:0 Unexpected ")"

**/
/* Custom featured icons */
.cfi-wrapper{
  text-align: center;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  color: var(--text_color);
  padding: 36px 0 12px;
  margin: 0 -6px;
}
.cfi-block{
  width: calc(100% / var(--grid_mobile) - 12px);
  margin: 0 6px 24px;
}
.cfi-title{
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.33;
  white-space: pre-line;
}
.cfi-text{
  font-size: 1em;
  line-height: 1.25;
  white-space: pre-line;
}
.cfi-block-image{
  width: 60px;
  height: 60px;
  border-radius: 100%;
  margin: 0 auto 12px;
  object-fit: cover;
  display: block;
}
.cfi-block-image svg{
  display: block;
}

@media only screen and (min-width: 640px) {
  .cfi-wrapper{
    margin: 0 -12px;
  }
  .cfi-block{
    width: calc((100% / var(--grid_tablet)) - 24px);
    margin: 0 12px 24px;
  }
}

@media only screen and (min-width: 767px) {
  .cfi-wrapper{
    padding: 24px 0 0;
  }
}

@media only screen and (min-width: 1200px){
  .cfi-block {
    width: calc((100% / var(--grid_desktop)) - 24px);
  }
}

/* Custom featured in */
.cfin-container{
  padding: 18px 25px 5px;
}
.cfin-title{
  text-transform: none;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 15px;
  color: var(--text_color);
}
.cfin-blocks-container{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.cfin-block{
  margin: 0 12px 20px;
}
.cfin-block-image{
  display: block;
}
.cfin-block-image svg{
  display: block;
}

@media only screen and (min-width: 767px){
  .cfin-container{
    padding: 50px 25px 30px;
  }
  .cfin-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .cfin-title{
    margin: 0 25px 20px 0;
    font-size: clamp(1.33em, 1.67vw, 1.6em);
    line-height: 1.5;
  }
  .cfin-block{
    margin: 0 25px 20px
  }
}

@media only screen and (min-width: 1200px){
  .cfin-container{
    padding: 70px 25px 50px;
  }
  .cfin-title{
    margin: 0 50px 20px 0;
  }
  .cfin-block{
    margin: 0 50px 20px
  }
}

/* Custom subscription */
.csub-container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.csub-wrapper {
  background-color: var(--inner_bg_color);
  padding: 2.5rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.csub-title{
  color: var(--title_color);
  margin-bottom: 0;
}

.csub-title:not(:only-child) {
  margin-bottom: 1.25rem;
}

.csub-text {
  color: var(--text_color);
}

.csub-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.csub-form-additional-text {
  color: var(--additional_text_color);
  text-align: center;
}

.custom-input{
  border: 2px solid var(--input_border);
  border-radius: 0.25rem;
  background: var(--input_bg_color);
  color: var(--input_text_color);
  outline: none;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.02em;
  padding: 1.125rem 1.375rem;
  width: 100%;
}

.custom-icon svg{
  width: 1em;
  height: 1em;
  display: block;
}

.custom-input::-webkit-input-placeholder { /* Edge */
  color: var(--input_placeholder_color);
  opacity: 1;
}

.custom-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--input_placeholder_color);
  opacity: 1;
}

.custom-input::placeholder {
  color: var(--input_placeholder_color);
  opacity: 1;
}

@media only screen and (min-width: 767px) {
  .csub-wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2.5rem;
    padding: 2.5rem;
  }
  .csub-text-container{
    flex: 1;
    max-width: 30rem;
  }

  .csub-form-container{
    flex: 1;
    max-width: 28.75rem;
  }

  .csub-container{
    padding-top: 4.125rem;
    padding-bottom: 4.125rem;
  }

  .csub-form {
    gap: 0.625rem;
  }

  .csub-form-additional-text {
    text-align: left;
  }
}

@media only screen and (min-width: 1200px) {
  .csub-wrapper {
    gap: 6.25rem;
    padding: 5rem;
  }
}

/* Left|Right image */
.clri-container {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.clri-container.custom-vertical-spacing {
  padding-top: var(--topSpace);
  padding-bottom: var(--bottomSpace);
}

.clri-wrapper{
  display: flex;
  flex-direction: var(--image_position_mobile);
  text-align: var(--text_align_mobile);
  justify-content: center;
  gap: 1rem;
}
.clri-wrapper.small-gap{
  gap: 0.5rem;
}
.clri-title{
  color: var(--title_color);
  margin-bottom: 16px;
  text-align: var(--text_align_mobile);
}
.clri-title.on-top{
  margin-bottom: 40px;
}
.clri-title:only-child {
  margin-bottom: 0;
}
.clri-title p, .clri-text p{
  margin: 0;
  font-size: inherit;
}
.clri-title *{
  color: inherit;
  line-height: inherit;
  font-size: inherit;
}
.clri-text-under-title {
  margin: 0;
  color: var(--title_color);
}
.clri-divider {
  background-color: var(--divider_color);
  width: 100%;
  height: 2px;
  margin: 24px 0 22px;
}
.clri-text{
  color: var(--text_color);
  margin: 0;
}
.clri-text ul{
  white-space: normal;
  margin-left: 1.5em;
  margin-top: 12px;
}
.clri-text li{
  list-style: disc;
}
.clri-text li::marker {
  font-size: .75em;
}
.clri-text *:not(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
) {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}

.clri-text :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
):not(:first-child) {
  margin-top: 1.5rem;
}

.clri-text :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
):not(:last-child) {
  margin-bottom: 0.75rem;
}

.clri-text p:last-of-type{
  margin: 0;
}
.clri-button{
  color: var(--link_color);
}
.clri-button-container {
  margin: 16px 0 0;
}
.clri-image-container{
  min-height: 100%;
}
/* .clri-image-container img,
.clri-image-container video{
  border-radius: 5px;
} */
.clri-results-container{
  /* margin-top: 32px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.clri-result-block{
  padding: 20px 24px;
  text-align: var(--results_text_align_mobile);
  border-radius: 7px;
  width: 100%;
  max-width: 240px;
}
.fullwidth-results-blocks .clri-result-block{
  max-width: 100%;
  padding: 15px 13px;
}
.clri-result-block-title{
  color: var(--title_color);
  margin: 2px 0;
}
.clri-result-block-text, .clri-result-block-pretitle{
  color: var(--text_color);
  text-transform: var(--text_transform);
  margin: 0;
}
.clri-result-block-text-big{
  font-size: 0.875rem;
  line-height: 1.2;
}
.clri-benefits-container{
  padding: 0 20px;
  max-width: 360px;
  margin: 0 auto;
}
.clri-benefits-container.wider{
  padding: 0;
  max-width: 400px;
}
.clri-benefits-container.widest {
  padding: 0;
  max-width: 490px;
}
.clri-benefits-container.lesser-padding .clri-benefit-block{
  padding: 10px;
}
.clri-benefits-title{
  text-align: center;
  letter-spacing: 0.4px;
  margin: 0 0 16px;
}
.clri-benefits-wrapper{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.clri-benefit-block{
  border-radius: 7px;
  padding: 20px;
  text-align: var(--text_align);
}
.clri-benefit-block-title{
  color: var(--text_color);
  font-weight: 700;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1.5px solid var(--text_color);
  line-height: 1.16;
}
.clri-benefit-block-title.no-border {
  border: 0;
}
.clri-benefit-button-container{
  text-align: center;
  margin-top: 48px;
}

.clri-dropdown-wrapper + .clri-benefit-button-container {
  margin-top: 1.875rem;
  text-align: left;
}

.clri-benefit-block-text{
  color: var(--text_color);
  margin: 0;
}
.clri-benefit-block-accented-text{
  color: var(--accents_color);
  margin: 0;
}
.clri-benefit-block-text p, .clri-benefit-block-accented-text p{
  color: inherit;
  margin: 0;
}
.clri-infographic-wrapper{
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  max-width: 440px;
  padding: 0 20px;
  margin: 0 auto;
}
.clri-infographic-block{
  width: 100%;
  padding: 16px;
  border-radius: 5px;
}
.clri-infographic-block-title{
  color: var(--text_color);
  margin: 0;
}
.clri-infographic-block-title p{
  margin: 0;
  color: inherit;
}
.clri-infographic-arrow{
  color: var(--text_color)
}
.clri-pretitle{
  color: var(--pretitle_color);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}
.clri-pretitle.hidden-tablet-and-up{
  margin-bottom: 6px;
}
.clri-dropdown-wrapper{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.clri-dropdown-title-container{
  background: transparent;
  border: 0;
  display: flex;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  padding: 0;
  outline: 0;
  gap: 16px;
}
.clri-dropdown-title{
  color: var(--title_color);
  margin: 0;
}
.clri-dropdown-indicator{
  color: var(--title_color);
  margin-top: 0.35em;
  transition: transform .3s ease-out;
}
.clri-dropdown-text-container{
  display: none;
}
.clri-dropdown-text-wrapper{
  color: var(--text_color);
  padding: 4px 0;
  width: calc(100% - 32px);
}
.opened .clri-dropdown-indicator{
  transform: rotate(180deg);
}
.cbs-text-wrapper *:last-child{
  margin: 0;
}

.clri-image-wrapper-under-text {
  margin: 0 auto;
  max-width: var(--mobile-max-width, 100%);
}
.clri-result-blocks-extra-text{
  color: var(--text_after_results_blocks_color);
  margin-top: 10px;
  font-size: .75rem;
  line-height: 1.2;
  width: 100%;
  max-width: 260px;
  text-align: center;
}

@media only screen and (max-width:320px){
  .clri-benefit-block-text p{
    display: inline;
  }
}


@media only screen and (max-width: 767px){
  .clri-title:not(.on-top) p, .clri-text p{
    display: inline;
  }
  .clri-divider {
    margin: 24px 0 36px;
  }

  .cpb-banner-container .clri-divider {
    width: 60%;
    max-width: 520px;
  }
}

@media only screen and (min-width: 370px) {
  .cbs-text-container :is(.clri-title, .clri-text){
    white-space: pre-line;
  }
  .cbs-text-container :is(.clri-title, .clri-text) p{
    margin: 0;
  }
}
@media only screen and (min-width: 767px){
  .clri-image-wrapper-under-text {
    max-width: var(--desktop-max-width, 100%);
  }
  .clri-container {
    /* padding-top: clamp(48px, 6vw, 64px);
    padding-bottom: clamp(48px, 6vw, 64px); */
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
  }
  .clri-results-container{
    display: grid;
    grid-template-columns: repeat(var(--results_grid_desktop), minmax(100px, 516px));
    align-items: stretch;
  }
  .clri-results-container.fullwidth-results-blocks{
    grid-template-columns: repeat(var(--results_grid_desktop), minmax(100px, 100%));
  }
  .clri-result-block{
    max-width: 516px;
  }
  .fullwidth-results-blocks .clri-result-block{
    max-width: 100%;
  }
  .clri-wrapper{
    flex-direction: var(--image_position_desktop);
    align-items: stretch;
    /* gap: 40px; */
    text-align: var(--text_align_desktop);
  }
  .clri-text-container{
    width: 50%;
    align-self: var(--text_vertical_align_desktop);
    padding: 40px;
  }
  .clri-image-wrapper{
    /* flex-basis: calc(50% - 1.875rem); */
    flex-shrink: 0;
    width: 50%;
  }

  .clri-title{
    margin-bottom: clamp(16px, 2.67vw, 20px);
    text-align: var(--text_align_desktop);
  }
  .clri-button-container{
    margin-top: clamp(16px, 2.67vw, 20px);
  }
  /* .clri-image-container img,
  .clri-image-container video{
    border-radius: 10px;
  } */
  .clri-benefit-block{
    border-radius: 10px;
    padding: 1.5rem 2rem;
  }
  .clri-benefits-container.lesser-padding .clri-benefit-block{
    padding: 16px;
  }
  .clri-benefit-button-container{
    text-align: var(--text_align);
    margin-top: 24px;
  }
  .clri-dropdown-wrapper + .clri-benefit-button-container {
    margin-top: 2.625rem;
  }
  .clri-benefits-wrapper, .clri-infographic-wrapper{
    gap: 16px;
  }
  .wider .clri-benefits-wrapper{
    gap: 24px;
  }
  .clri-infographic-block{
    border-radius: 10px;
  }
  .clri-dropdown-indicator{
    margin-top: clamp(0.25rem, 0.67vw, 0.5rem);
  }
  .clri-infographic-arrow svg, .clri-dropdown-indicator svg{
    width: 1.5em;
    height: 1.5em;
  }
  .clri-dropdown-wrapper{
    gap: 24px;
  }
  .clri-dropdown-text-wrapper{
    padding: 6px 0;
  }
  .clri-pretitle{
    margin-bottom: 3.75rem;
    font-size: 2.25rem;
  }
  .clri-text-container .clri-pretitle{
    margin-bottom: 8px;
  }
  .clri-result-blocks-extra-text{
    max-width: 516px;
    margin: 0;
  }

  .clri-result-block-text-big{
    /* font-size: clamp(1rem, 2.5vw, 1.875rem); */
    font-size: clamp(1rem, 2.5vw, 1.5rem);
  }

  .clri-text h4 {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1023px){
  .clri-dropdown-indicator{
    margin-top: 0;
  }
}

@media only screen and (min-width: 1023px){
  .clri-wrapper{
    /* gap: clamp(40px, 6.67vw, 60px); */
  }
  .clri-text-container {
    padding: clamp(40px, 6.67vw, 55px);
  }
  .clri-results-container{
    /* margin-top: clamp(32px, 6vw, 72px); */
    margin-top: 2.5rem;
    gap: var(--results_gap_desktop);
  }
  .clri-result-block{
    padding: 28px clamp(24px, 3.33vw, 40px);
    max-width: 516px;
  }
  .fullwidth-results-blocks .clri-result-block{
    max-width: 100%;
    padding: 24px clamp(14px, 4.2vw, 50px);
  }
  .clri-result-blocks-extra-text{
    font-size: 1rem;
  }
}

@media only screen and (min-width: 1200px) {
  .clri-container {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}


/* Image with text and rotating image */
.ciwt-image-container{
  margin: 0 -24px 40px;
  transform: none;
  position: relative;
}
.ciwt-image{
  margin-bottom: 0;
}
.ciwt-rotating-image-container{
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-40%,-50%);
}
.ciwt-rotating-image{
  display: block;
  height: 110px;
  width: 110px;
  object-fit: contain;
  animation: image_rotation 10s linear infinite;
}
.ciwt-rotating-image svg{
  height: 110px;
  width: 110px;
}

@keyframes image_rotation {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}

@media only screen and (min-width: 767px){
  .ciwt-container{
    background-color: var(--bg_color);
    padding-top: 0;
    padding-bottom: 0;
  }
  .ciwt-image-container{
    margin-bottom: 0;
    flex-basis: calc(50% + 36px);
    align-self: stretch;
  }
  .clri-container.image-position-left .ciwt-image-container{
    margin-left: -36px;
  }
  .clri-container.image-position-right .ciwt-image-container{
    margin-right: -36px;
  }
  .ciwt-rotating-image-container {
    transform: translate(-50%,0%);
    z-index: -1;
  }

}

@media only screen and (min-width: 1344px){
  .ciwt-rotating-image {
    height: 180px;
    width: 180px;
  }
  .ciwt-rotating-image svg{
    height: 180px;
    width: 180px;
  }
  .ciwt-image-container {
    flex-basis: calc(50% + 5.833333vw);
  }
  .clri-container.image-position-left .ciwt-image-container{
    margin-left: clamp(-84px, calc((100vw - 1272px)/2 * (-1)), -36px);
  }
  .clri-container.image-position-right .ciwt-image-container{
    margin-right: clamp(-84px, calc((100vw - 1272px)/2 * (-1)), -36px);
  }
  .ciwt-container.image-position-left .ciwt-rotating-image-container{
    left: auto;
    right: 0;
    transform: translate(50%,0);
  }
}

.cbs-image-container {
  object-position: var(--cbs-object-position, center) !important;
}

.cbs-container {
  padding-top: var(--cbs-container-padding-top, var(--header_height)) !important;
  padding-bottom: var(--cbs-container-padding-bottom, calc(var(--header_height) + 60px)) !important;
}

.cbs-wrapper {
  width: var(--cbs-content-width, auto) !important;
  max-width: var(--cbs-content-max-width, none) !important;
  margin-left: var(--cbs-content-margin, 0) !important;
  margin-right: var(--cbs-content-margin, 0) !important;
}

.clri-title {
  font-family: var(--cbs-heading-font-family, inherit) !important;
}

.clri-text,
.cbs-button {
  font-family: var(--cbs-text-font-family, inherit) !important;
}

.cbs-button {
  border-color: var(--button_bg_color) !important;
  padding: var(--cbs-button-padding, 1.125rem 2rem) !important;
  font-size: var(--cbs-button-font-size, 1em) !important;
  letter-spacing: var(--cbs-button-letter-spacing, 0.1em) !important;
  border-radius: var(--cbs-button-radius, 0.25rem) !important;
  border-width: var(--cbs-button-border-width, 2px) !important;
}

.cbs-slide--button-fit .cbs-button:only-child {
  width: auto !important;
  max-width: none !important;
}

/* Banner slider */
.cbs-slide{
  position: relative;
}
.cbs-container{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: var(--mobile_content_vertical_position);
  justify-content: var(--mobile_content_horizontal_position);
  padding-top: var(--header_height);
  padding-bottom: calc(var(--header_height) + 60px);
  text-align: var(--mobile_content_text_align);
}
.cbs-slider .slick-dots{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 24px;
}
#shopify-section-custom-contact-page-banner .cbs-wrapper, #shopify-section-custom-our-story-page-banner .cbs-wrapper{
  max-width: 1056px;
}
.cbs-wrapper{
  margin: 0;
}
.cbs-text-container{
  width: 100%;
  max-width: var(--cbs-content-max-width, 1200px);
}
.cbs-text-container .clri-pretitle{
  margin-bottom: 4px;
}
.cbs-button{
  margin-top: 16px;
}
.cbs-button:only-child{
  width: 100%;
  max-width: 432px;
}
/* .cbs-image{
  display: block;
  width: 100%;
} */
.slick-dots{
  /* position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: calc(100% + 24px);
  left: 50%;
  transform: translateX(-50%); */
  position: relative;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  display: flex;
  padding: 24px 36px 0;
}
.slick-dots li{
  height: 8px;
  width: 8px;
  margin: 0px 2px;
}
.slick-dots li button:before, .slick-dots li a:before{
  display: none;
}
.slick-dots li.slick-active button, .slick-dots li.slick-active a{
  background-color: var(--dots_color);
}
.slick-dots li button, .slick-dots li a{
  width: 8px;
  height: 8px;
  border-radius: 100%;
  border: 1.5px solid var(--dots_color);
  background: transparent;
  padding: 0;
  transition: .3s ease-out;
}
.cpb-icons-wrapper{
  padding: 16px 0;
}
.cpb-icons-container{
  max-width: 756px;
}
@media only screen and (max-width: 767px){
  .cfcat-grid.cpb-icons-grid{
    grid-gap: 12px;
  }
}
@media only screen and (min-width: 767px){
  .cbs-button{
    margin-top: 32px;
  }
  .cbs-button ~ .cbs-button {
    margin-left: 12px;
  }
  /* .cbs-image{
    min-height: calc(400px + 2 * var(--header_height));
    object-fit: cover;
  } */
  .cpb-icons-wrapper{
    padding: 4px 0;
  }
  .slick-dots li{
    height: 12px;
    width: 12px;
    margin: 0px 3px;
  }
  .slick-dots li button, .slick-dots li a{
    width: 12px;
    height: 12px;
  }
  .cbs-container{
    align-items: var(--desktop_content_vertical_position);
    justify-content: var(--desktop_content_horizontal_position);
    text-align: var(--desktop_content_text_align);
  }
  .cbs-text-container .clri-pretitle{
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1024px){
  .cpb-icons-wrapper, .cpb-icons-container{
    padding: 0;
  }
  .cpb-icons-container{
    margin-top: 36px;
  }
}

/* Testimonials */
.ct-container{
  margin: 0 10px;
  background-color: var(--bg_color);
  padding: 60px 14px 55px;
  border-radius: 2px;
}
.ct-slider{
  width: 100%;
  margin: 0 auto;
  padding-bottom: 25px;
}
.ct-slider .slick-track{
  display: flex;
}
.ct-slider .slick-slide{
  height: auto;
}
.ct-slider .slick-dots{
  bottom: 0;
}
.ct-slide-wrapper {
  padding: 0 15px 15px;
  outline: none;
}
.ct-slide{
  max-width: 288px;
  background-color: var(--testimonials_bg_color);
  padding: 24px;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0px 10px 4px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 10px 4px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 10px 4px 0px rgba(0,0,0,0.1);
  height: 100%;
}
.ct-slide:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: -13px;
  border-style: solid;
  border-width: 45px 45px 0 0;
  border-color: var(--testimonials_bg_color) transparent transparent transparent;
}
.ct-slide:after{
  content: '';
  position: absolute;
  top: 10px;
  right: -13px;
  width: 45px;
  height: 45px;
  filter: blur(4px);
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent 100%);
  z-index: -1;
}
.ct-slide-header{
  display: flex;
  align-items: center;
}
.ct-slide-image-container {
  margin-right: 16px;
}
.ct-slide-image-wrapper {
  position: relative;
  width: 60px;
  height: 60px;
}
.ct-slide-image{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.ct-stars-and-title {
  flex: 1;
}
.custom-stars{
  display: flex;
  align-items: center;
}
.ct-stars{
  margin-bottom: 5px;
}
.custom-star{
  margin-right: 4px;
  color: var(--stars_color);
}
.custom-star:last-of-type{
  margin-right: 0;
}
.ct-text-container{
  text-align: center;
}
.ct-title{
  font-weight: bold;
  font-size: 1em;
  line-height: 1.2;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--testimonials_text_color);
}
.ct-text{
  margin-top: 12px;
  font-size: .87em;
  line-height: 150%;
  color: var(--testimonials_text_color);
}
.ct-link{
  font-size: .87em;
  line-height: 1.15;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--link_color);
}

.ct-text-container {
  margin: 0 0 24px;
}

.ct-link .custom-icon{
  transform: translateX(12px);
  transition: .3s ease-out;
}
.ct-link:not([disabled]):active, .ct-link:not([disabled]):hover, .ct-link:not([disabled]):focus{
  color: var(--link_color);
}
.ct-link:not([disabled]):active .custom-icon, .ct-link:not([disabled]):hover .custom-icon, .ct-link:not([disabled]):focus .custom-icon{
  transform: translateX(22px);
}

@media only screen and (min-width: 767px){
  .ct-slider.slide-count-2 .slick-dots{
    display: none;
  }
  .ct-slide{
    -webkit-box-shadow: 6px 10px 4px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 6px 10px 4px 0px rgba(0,0,0,0.1);
    box-shadow: 6px 10px 4px 0px rgba(0,0,0,0.1);
  }
  .ct-slide:after{
    right: -19px;
  }
}

@media only screen and (min-width: 1024px){
  .ct-container{
    max-width: 1344px;
    margin: 30px auto;
    padding: 73px 14px 55px;
  }
  .ct-slider.slide-count-3 .slick-dots{
    display: none;
  }
  .ct-link{
    font-size: 1em;
    margin: 24px auto 0;
  }
  .ct-text-container {
    margin: 0 0 48px;
  }
  .ct-slider{
    max-width: 1116px;
  }
  .ct-text{
    font-size: 1em;
  }
}

/* Ingredients homepage */
.ci-container, .ci-container:last-of-type, .ciwt-container, .ciwt-container:last-of-type{
  background: var(--bg_color);
  margin-bottom: 0;
}
.ci-container{
  margin-top: 0;
  position: relative;
}
.ci-container:before{
  content: '';
  position: absolute;
  height: 60%;
  width: 100%;
  bottom: 100%;
  left: 0;
  background-color: var(--bg_color);
  z-index: -1;
}
.ciwt-container{
  /* margin-top: 75px; */
  margin-top: 0;
}
.ci-wrapper{
  padding-top: 60px;
}
.ci-ingredients-slider{
  margin: 11px -24px 75px -6px;
}
.ci-ingredients-slider .slick-list{
  padding-right: 17.3vw;
}
.ci-ingredients-slider .slick-arrow{
  z-index: 1;
  background: rgba(255,255,255,.7);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  width: 36px;
  height: 36px;
}
.ci-ingredients-slider .slick-prev{
  left: -12px;
}
.ci-ingredients-slider .slick-next{
  right: 12px;
}
.ci-ingredients-slider .slick-next:before{
  display: block;
  -webkit-mask: url("data:image/svg+xml; utf8, <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='currentColor'><path d='M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z'/></svg>") no-repeat 50% 50%;
  mask: url("data:image/svg+xml; utf8, <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='currentColor'><path d='M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z'/></svg>") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--arrows_color);
  color: var(--arrows_color);
  width: 20px;
  height: 20px;
}
.ci-ingredients-slider .slick-prev:before{
  content: "";
  -webkit-mask: url("data:image/svg+xml; utf8, <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='var(--arrows_color)'><path d='M379.644,477.872l-207.299-207.73c-7.798-7.798-7.798-20.486,0.015-28.299L379.643,34.128	c7.803-7.819,7.789-20.482-0.029-28.284c-7.819-7.803-20.482-7.79-28.284,0.029L144.061,213.574 c-23.394,23.394-23.394,61.459-0.015,84.838L351.33,506.127c3.907,3.915,9.031,5.873,14.157,5.873 c5.111,0,10.224-1.948,14.128-5.844C387.433,498.354,387.446,485.691,379.644,477.872z'/></svg>") no-repeat 50% 50%;
  mask: url("data:image/svg+xml; utf8, <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='var(--arrows_color)'><path d='M379.644,477.872l-207.299-207.73c-7.798-7.798-7.798-20.486,0.015-28.299L379.643,34.128	c7.803-7.819,7.789-20.482-0.029-28.284c-7.819-7.803-20.482-7.79-28.284,0.029L144.061,213.574 c-23.394,23.394-23.394,61.459-0.015,84.838L351.33,506.127c3.907,3.915,9.031,5.873,14.157,5.873 c5.111,0,10.224-1.948,14.128-5.844C387.433,498.354,387.446,485.691,379.644,477.872z'/></svg>") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  display: block;
  background-color: var(--arrows_color);
  width: 20px;
  height: 20px;
  color: var(--arrows_color);
}
.ci-ingredient-slide{
  margin: 0 6px;
}
.ci-ingredient-slide:focus {
  outline: none;
}
.ci-ingredient-image-container{
  background: var(--ingredient_bg);
  margin-bottom: 12px;
  padding-bottom: 124%;
  position: relative;
}
.ci-ingredient-image{
  display: block;
  width: calc(100% - 48px);
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.ci-ingredient-title{
  color: var(--text_color);
  font-size: 1em;
  line-height: 1.47;
}
@media only screen and (min-width: 767px){
  .ci-wrapper {
    padding-top: 0;
  }
  .ciwt-container{
    margin-top: 0;
  }
  .ci-ingredients-slider{
    margin-top: 0;
    margin-bottom: 0;
    margin-right: -36px;
  }
  .ci-ingredients-slider-container{
    width: 50.6%;
    margin-left: 30px;
  }
  .ci-ingredients-slider .slick-list{
    padding-right: 75px;
  }
}

@media only screen and (min-width: 1024px){
  .ci-ingredients-slider-container{
    margin-left: clamp(30px, 6.945vw, 100px);
  }
  .ci-ingredients-slider .slick-arrow{
    width: 48px;
    height: 48px;
  }
  .ci-ingredients-slider .slick-prev{
    left: -18px;
  }
  .ci-ingredients-slider .slick-next{
    right: 18px;
  }
  .ci-ingredients-slider .slick-next:before, .ci-ingredients-slider .slick-prev:before{
    width: 26px;
    height: 26px;
  }
}

@media only screen and (min-width: 1344px){
  .ci-ingredients-slider{
    margin-right: calc((100vw - 1272px)/2 * (-1));
  }
}


/* Product page */
.cptwb-container{
  background-color: var(--bg_color);
  margin: 0;
}
.cptwb-container:last-of-type{
  margin: 0;
}
.cptwb-wrapper{
  padding-top: 60px;
}
.cptwb-wrapper .clri-title{
  margin-bottom: 24px;
}
.cptwb-blocks{
  margin-top: 36px;
}
.cptwb-block{
  margin-bottom: 36px;
}
.cptwb-block-title{
  color: var(--text_color);
  border-bottom: 2px solid var(--divider_color);
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 1em;
  line-height: 1.2;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding-bottom: 7px;
}
.cptwb-block-text{
  color: var(--text_color);
  font-size: 1em;
  line-height: 1.47;
}
.cptwi-image{
  display: block;
}
.cptwi-blocks{
  margin-top: 48px;
  margin-bottom: 41px;
}
.cptwi-block{
  margin-bottom: 17px;
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 767px){
  .cptwb-container.image-position-left .cptwi-blocks{
    order: -1;
    margin-right: 30px;
    margin-left: 0;
  }
  .cptwb-container.image-position-left .cptwb-blocks{
    order: -1;
    margin-right: 30px;
    margin-left: 0;
  }
  .cptwi-blocks{
    display: flex;
    margin-top: 15px;
    margin-bottom: 0;
    width: 51.2%;
    margin-left: 30px;
  }
  .cptwi-block{
    margin-bottom: 0;
    margin-right: 23px;
    margin-left: 0;
    max-width: 200px;
  }
  .cptwi-block:last-of-type{
    margin-right: 0;
    margin-left: 0;
  }
  .cptwb-wrapper{
    align-items: flex-start;
    padding-top: 0;
  }
  .cptwb-blocks{
    margin-top: 15px;
    width: 45%;
    margin-left: 50px;
  }
  .cptwb-block:last-of-type{
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1024px){
  .cptwb-blocks{
    width: 32.076%;
    margin-left: clamp(50px, 13.54vw, 195px);
  }
  .cptwi-blocks{
    margin-left: clamp(30px, 5.76vw, 83px);
  }
  .cptwb-container.image-position-left .cptwi-blocks{
    margin-right: clamp(30px, 5.76vw, 83px);
    margin-left: 0;
  }
  .cptwb-container.image-position-left .cptwb-blocks{
    margin-right: clamp(50px, 13.54vw, 195px);
    margin-left: 0;
  }
}


/* FAQ page */
.custom-faq-page-faq-section .cpf-container{
  display: none;
}
.custom-faq-page-faq-section .cpf-container.visible{
  display: block;
}
.custom-faq-page-faq-section .cpi-block{
  cursor: pointer;
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  background-color: var(--inactive_color);
  border-radius: 2px;
  padding: 9px 12px;
  transition: .3s ease-out;
}
.custom-faq-page-faq-section .cpi-block:hover, .custom-faq-page-faq-section .cpi-block:active, .custom-faq-page-faq-section .cpi-block:focus{
  outline: none;
}
.custom-faq-page-faq-section .cpi-block.active{
  background-color: var(--active_color);
}
.custom-faq-page-faq-section .cpi-block-image{
  position: relative;
  margin: 0;
  width: 30px;
  height: 30px;
  color: var(--active_color);
  transition: .3s ease-out;
}
.custom-faq-page-faq-section .cpi-block.active .cpi-block-image{
  color: var(--inactive_color);
}
.custom-faq-page-faq-section .cpi-wrapper{
  grid-gap: 12px 12px;
  padding: 36px 24px;
}
.custom-faq-page-faq-section .cpi-text{
  padding: 0;
  min-height: auto;
}
.custom-faq-page-faq-section .cpf-wrapper{
  padding: 24px 24px 110px;
}
.custom-faq-page-faq-section .cpf-title-container{
  margin: 0 0 24px;
  text-align: left;
}
.custom-faq-page-faq-section .cpf-title{
  text-transform: uppercase;
}
.cpb-banner-container{
  position: relative;
}
.cpb-banner-container .cbs-text-container{
  text-align: var(--text_align_mobile);
}
.cpb-banner-container .clri-text p{
  color: var(--text_color);
}
.cpb-banner-container .clri-text a{
  font-weight: bold;
  text-decoration: underline;
  color: var(--text_color);
}
.cpb-banner-container .clri-text a:not([disabled]):hover, .cpb-banner-container .clri-text a:not([disabled]):focus, .cpb-banner-container .clri-text a:not([disabled]):active{
  color: var(--text_color);
  outline: none;
}
@media only screen and (min-width: 767px){
  .custom-faq-page-faq-section .cpf-questions-container {
    max-width: 840px;
  }
  .custom-faq-page-faq-section .cpi-block{
    /* width: calc((100% / var(--grid_columns_tablet)) - ((24px / var(--grid_columns_tablet)) * (var(--grid_columns_tablet) - 1))); */
    width: auto;
    padding: 0;
    display: block;
    background-color: transparent;
  }
  .custom-faq-page-faq-section .cpi-block.active .cpi-block-image{
    color: var(--active_color);
  }
  .custom-faq-page-faq-section .cpi-block.active{
    background-color: transparent;
  }
  .custom-faq-page-faq-section .cpi-block-image{
    width: 60px;
    height: 60px;
    margin: 0 auto 12px;
  }
  .custom-faq-page-faq-section .cpi-block .cpi-block-image:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 1px solid transparent;
    transform: translate(-50%,-50%);
    transition: .3s ease-out;
  }
  .custom-faq-page-faq-section .cpi-block.active .cpi-block-image:before{
    border-color: var(--title_color);
  }
  .custom-faq-page-faq-section .cpf-title-container{
    margin: 0 auto 36px;
    text-align: center;
  }
  .custom-faq-page-faq-section .cpf-title{
    text-transform: none;
  }
  .custom-faq-page-faq-section .cpi-wrapper{
    padding: 60px 36px;
    grid-gap: 36px 24px;
  }
  .custom-faq-page-faq-section .cpf-wrapper{
    padding: 36px 24px 60px;
  }
  .custom-faq-page-faq-section .cpf-container{
    padding: 36px 48px 72px;
  }
  .cpb-banner-container .cbs-text-container{
    text-align: var(--text_align_desktop);
    /* width: 60%;
    max-width: 520px; */
  }
  .cpb-banner-container .cbs-text-container.cbs-text-right{
    margin-left: auto;
  }
  .cpb-banner-container .cbs-text-container.cbs-text-center{
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 1200px){
  /* .custom-faq-page-faq-section .cpi-block{
    width: calc((100% / var(--grid_columns_desktop)) - ((50px / var(--grid_columns_desktop)) * (var(--grid_columns_desktop) - 1)));
  } */
  .custom-faq-page-faq-section .cpf-question-title-container {
    padding: 15px 27.5px;
  }
  .custom-faq-page-faq-section .cpf-title-container{
    margin: 0 auto 60px;
  }
  .custom-faq-page-faq-section .cpi-wrapper{
    grid-gap: 48px 50px;
  }
}

/* Testimonials page */
.page-testimonials .ct-container{
  max-width: 100%;
  margin: 0;
  padding: var(--header_height) 24px 40px;
}
.page-testimonials .ct-text-container{
  margin-top: 36px;
}
.ct-text-container .clri-text{
  margin-bottom: 48px;
}
@media only screen and (min-width: 767px){
  .page-testimonials .ct-container{
    padding: var(--header_height) 36px 73px;
  }
}

@media only screen and (min-width: 1024px){
  .page-testimonials .ct-text-container{
    margin-top: 60px;
  }
}

/* Contact page */
.ccf-container{
  padding-top: 60px;
  padding-bottom: 60px;
}
.ccf-form-container{
  display: flex;
  flex-wrap: wrap;
}
.ccf-input-container{
  width: 100%;
  margin-bottom: 24px;
}
.ccf-input-container label{
  font-size: 1.125em;
  line-height: 1.22;
  color: var(--text_color);
  margin-bottom: 12px;
}
.ccf-input-container input:not([type="checkbox"]), .ccf-input-container textarea, .ccf-input-container select{
  background: #FFFFFF;
  color: var(--text_color);
  border: 1px solid var(--text_color);
  border-radius: 0;
  font-size: 1em;
  width: 100%;
  line-height: 1.9;
  padding: 14px 12px;
}
.ccf-select-container{
  position: relative;
}
.ccf-select-container .custom-icon{
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  pointer-events: none;
}
.ccf-select-container .custom-icon svg{
  width: 24px;
  height: auto;
}
.ccf-button{
  /* margin-top: 12px; */
  margin: 0 auto;
}

.ccf-checkbox-container {
  display: flex;
  align-items: center;
}

.ccf-checkbox {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

.ccf-checkbox + label {
  margin: 0;
}

@media only screen and (min-width: 767px){
  .ccf-form-container{
    max-width: 864px;
    margin: 0 auto;
  }
  .ccf-input-container{
    margin: 0 12px 24px;
  }
  .ccf-input-container.half{
    width: calc(50% - 24px);
  }
  .ccf-button{
    /* max-width: 300px;
    margin-left: 12px; */
    margin-top: 12px;
  }
  /* .ccf-input-container input:not([type="checkbox"]), .ccf-input-container textarea, .ccf-input-container select{
    font-size: 1.2em;
    line-height: 1.5;
    padding: 14px;
  } */
}

@media only screen and (min-width: 1200px){
  .ccf-container{
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

/* Studies page */
.cspi-image-container{
  position: relative;
  padding-bottom: 85%;
  background-color: var(--image_bg_color);
  margin-bottom: 24px;
}
.cspi-image{
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
  object-fit: contain;
  width: calc(100% - 50px);
  height: 100%;
  margin: 0;
}
.cspi-text-under-title{
  font-size: 1.13em;
  letter-spacing: .15em;
}
.cspi-divider{
  margin: 17px 0 23px;
}
.cspi-navigation-container{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  margin: 24px auto 12px;
}
.cspi-button{
  min-width: 0;
}

@media only screen and (min-width: 767px){
  .cspi-image-container{
    padding-bottom: 42.858%;
    margin-bottom: 0;
    width: 36.74%;
    margin-right: 30px;
  }
  .cspi-navigation-container{
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0;
  }
  .cspi-text-container{
    padding: 0;
  }
  .cspi-divider{
    margin: 10px auto 23px;
  }
}

@media only screen and (min-width: 1024px){
  .custom-studies-page-ingredients{
    margin-top: 36px;
    margin-bottom: 24px;
  }
  .cspi-wrapper{
    align-items: flex-start;
  }
  .cspi-navigation-container{
    grid-template-columns: repeat(3, 1fr);
  }
  .cspi-image-container{
    align-self: stretch;
  }
  .cspi-container{
    background: none;
    padding: 24px 36px;
  }
  .cspi-wrapper{
    padding: 48px;
    background-color: var(--bg_color);
  }
}

@media only screen and (min-width: 1200px){
  .cspi-image-container{

    margin-right: 60px;
  }
  .cspi-navigation-container{
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Wholesale page */
.cwpf-title{
  /* text-align: center; */
  /* margin-bottom: 36px; */
  line-height: 1.2;
  margin-bottom: 0;
}

.cwpf-description {
  line-height: 1.2;
  color: var(--text_color);
  font-size: 1rem;
}

.cwpf-description:not(:only-child) {
  margin-top: 1rem;
}

.cwpf-header-container {
  margin-bottom: 40px;
}

.cwpf-container{
  /* padding-top: 24px;
  padding-bottom: 24px; */
  padding-top: 60px;
  padding-bottom: 80px;
}

.cwp-featured-icons .cfi-container{
  padding-top: 0;
  padding-bottom: 0;
}

.custom-wholesale-page-banner .cbs-wrapper {
  max-width: 1120px;
}

.custom-wholesale-page-banner .clri-divider {
  margin: 24px 0;
}

.custom-wholesale-page-banner .clri-text-under-title {
  font-weight: bold;
  font-size: 1.13em;
}

.custom-wholesale-page-banner .clri-text br {
  display: none;
}

.custom-wholesale-page-banner .cbs-buttons-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.custom-wholesale-page-banner .cbs-button {
  flex: 1;
  min-width: 150px;
}

.custom-wholesale-page-featured-icons .cpi-title-container {
  max-width: 85%;
  margin: 0 auto;
  padding-bottom: 12px;
}

.custom-wholesale-page-featured-icons .cpi-wrapper {
  grid-gap: 36px 12px;
}

.custom-wholesale-page-featured-icons .cpi-text {
  font-size: 1.6em;
  text-transform: none;
  line-height: 1.4;
  letter-spacing: normal;
  max-width: 300px;
  margin: 0 auto;
}
@media only screen and (min-width: 767px){
  .cwpf-title{
    white-space: pre-line;
    text-align: center;
  }

  .cwpf-description {
    text-align: center;
  }

  .cwpf-description:not(:only-child) {
    margin-top: 2rem;
  }

  .cwpf-header-container {
    margin-bottom: 60px;
  }
  .cwpf-container{
    /* padding-top: 36px;
    padding-bottom: 36px; */
    padding-top: 80px;
    padding-bottom: 120px;
  }
  .custom-wholesale-page-banner .clri-text br {
    display: initial;
  }

  .custom-wholesale-page-banner .cbs-buttons-container {
    max-width: 500px;
    gap: 28px;
  }

  .custom-wholesale-page-banner .cbs-image {
    min-height: 500px;
  }

  .custom-wholesale-page-banner .cbs-text-container {
    margin-top: 20px;
  }

  .custom-wholesale-page-banner .cbs-button {
    margin-top: 24px;
  }

  .custom-wholesale-page-featured-icons .cpi-title-container {
    max-width: 100%;
  }

  .custom-wholesale-page-featured-icons .cpi-wrapper {
    grid-gap: 36px 24px;
  }

  .custom-wholesale-page-featured-icons .cpi-title {
    font-size: clamp(2.4em,4.17vw,3.2em);
  }
}

@media only screen and (min-width: 1200px){
  .cwpf-header-container {
    margin-bottom: 84px;
  }
  .cwpf-container{
    padding-top: 120px;
    padding-bottom: 192px;
  }

  .custom-wholesale-page-featured-icons .cpi-wrapper {
    grid-gap: 48px 24px;
    padding: 120px 36px;
  }
}

/* Our story page */
#shopify-section-custom-our-story-page-banner .cbs-text-container{
  /* margin-top: calc(2 * var(--header_height) - 24px); */
  margin-top: calc(12px + var(--header_height));
}
.cosp-title{
  display: none;
}
.cosp-title.mobile{
  display: block;
  margin-bottom: 42px;
  text-align: center;
}
.cosp-images-container{
  margin: 42px -24px 64px;
  position: relative;
  height: 400px;
}
.cosp-image-container{
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
  padding: 17px 13px 62px 13px;
  width: 240px;
  height: 295px;
  position: absolute;
}
.cosp-first-image-container{
  top: 0;
  left: 0;
  transform: rotate(-10deg);
}
.cosp-second-image-container{
  top: 105px;
  right:0;
  transform: rotate(15deg);
}
.cosp-image{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cosp-text p{
  display: block;
  margin-bottom: 24px;
}
.cosp-text a{
  color: var(--text_color);
  text-decoration: underline;
  font-weight: bold;
}
.cosp-text a:hover, .cosp-text a:active, .cosp-text a:focus{
  color: var(--text_color);
}
.cosp-signature-image{
  max-height: 65px;
}
.cosp-container{
  padding-top: 72px;
  padding-bottom: 72px;
}
@media only screen and (min-width: 767px){
  #shopify-section-custom-our-story-page-banner .cbs-text-container{
    margin-top: 0;
  }
  .cosp-title.mobile{
    display: none;
  }
  .cosp-title{
    display: block;
  }
  .cosp-wrapper{
    display: flex;
  }
  .cosp-images-container{
    margin: -2.7vw 9% 0 -44px;
    width: 37%;
    height: auto;
    max-height: 50vh;
    min-height: 60vw;
  }
  .cosp-container{
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .cosp-image-container{
    width: 86.4%;
    height: 57%;
    padding: 6.2% 5% 22% 5%;
  }
  .cosp-second-image-container{
    top: 39.5%;
  }
  .cosp-signature-image{
    max-height: 90px;
  }
  .cosp-signature-image-container{
    margin: 36px 0 0;
  }
  .cosp-title{
    margin-bottom: 24px;
  }
}

@media only screen and (min-width: 1200px){
  .cosp-container{
    padding-top: 145px;
    padding-bottom: 115px;
  }
  .cosp-images-container{
    margin: -40px 9% 0 -44px;
    height: 885px;
    min-height: 0;
    max-height: 100%;
  }
}

/* Article template */
.ca-container {
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
}
.ca-wrapper {
  max-width: 53rem;
}
.ca-breadcrumbs {
  border-top: 1px solid #F9F6F6;
  box-shadow: inset 0px -1px 0px #F9F6F6;
  padding: 1rem 1.25rem;
  margin: 0 -1.25rem 1.5rem;
}
.ca-breadcrumbs-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: normal;
}
.ca-breadcrumb, .ca-breadcrumb-divider{
  font-size: .73em;
  line-height: 1.2;
  color: var(--breadcrumb_color);
  text-decoration: none;
  white-space: nowrap;
}
.ca-breadcrumb-divider{
  margin: 0 8px;
}
.ca-breadcrumb.current{
  color: var(--text_color);
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ca-breadcrumb:not([disabled]):hover, .ca-breadcrumb:not([disabled]):active, .ca-breadcrumb:not([disabled]):focus{
  color: var(--breadcrumb_color);
}
.ca-breadcrumb.current:hover, .ca-breadcrumb.current:active, .ca-breadcrumb.current:focus{
  color: var(--text_color);
}

.ca-title{
  color: var(--title_color);
  margin: 0;
}

.ca-title:not(:last-child) {
  margin-bottom: 1.5rem;
}

.ca-author-and-share-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ca-author-and-share-container:not(:last-child) {
  margin-bottom: 0.75rem;
}

.ca-excerpt{
  font-size: 1.067em;
  line-height: 140%;
  margin-bottom: 16px;
}

.ca-header {
  margin-bottom: 2.25rem;
}

.ca-share{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
}

.ca-content-container {
  padding: 0 0.25rem;
}

.ca-body {
  color: var(--text_color);
  font-size: 1rem;
}

.ca-body > * {
  color: inherit;
  font-size: inherit;
}

.ca-body .recipe-card .nutrition-notes-row .block.nutrition{
  width: 100%;
}

.ca-body :is(h1, h2, h3) {
  margin-bottom: 0.75rem;
}

.ca-body :is(h1, h2, h3):not(:first-child) {
  margin-top: 1.5rem;
}

.ca-body :is(h4, h5, h6) {
  margin-bottom: 0.625rem;
}

.ca-body :is(h4, h5, h6):not(:first-child) {
  margin-top: 1.25rem;
}

.ca-body p {
  line-height: 1.4;
}

.ca-body p:not(:last-child) {
  margin-bottom: 0.5rem;
}

.ca-body img{
  display: block;
  width: 100%;
  margin: 1.5rem 0;
}

.ca-body li {
  list-style: inherit;
}

.ca-share-buttons{
  display: flex;
  align-items: center;
}

.ca-share-buttons a{
  color: var(--share_color);
}

.custom-share-icon{
  margin: 0 0.75rem 0 0;
}

.custom-share-icon:last-of-type{
  margin-right: 0;
}
.custom-share-icon svg{
  display: block;
}
.cat-excerpt{
  color: var(--excerpt_color);
}

.ca-body a, .ca-body a:hover{
  border-bottom: 0px solid #af5e3d;
  color: #af5e3d;
  text-decoration: underline;
}

@media only screen and (min-width: 767px) {
  .ca-container {
    padding-bottom: 1.5rem;
  }

  .ca-content-container {
    padding: 0;
  }

  .ca-breadcrumbs-wrapper {
    justify-content: flex-start;
    text-align: left;
  }

  .ca-header {
    margin-bottom: 3rem;
  }

  .ca-title:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .ca-author-and-share-container:not(:last-child) {
    margin-bottom: 1.5rem;
  }

  .ca-body h1 {
    font-size: clamp(2.8125rem, 5vw, 3.75rem);
  }

  .ca-body h2 {
    font-size: clamp(2.25rem, 4vw, 3rem);
  }

  .ca-body h3 {
    font-size: clamp(1.5rem, 2.5vw, 1.875rem);
  }

  .ca-body img {
    margin: 3rem 0;
  }

  .ca-body :is(h1, h2, h3) {
    margin-bottom: 1.5rem;
  }

  .ca-body :is(h1, h2, h3):not(:first-child) {
    margin-top: 2.5rem;
  }

  .ca-body :is(h4, h5, h6) {
    margin-bottom: 1.25rem;
  }

  .ca-body :is(h4, h5, h6):not(:first-child) {
    margin-top: 2.25rem;
  }

  .ca-body p:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}


/* Blog template */
.custom-blog-template-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.custom-blog-recent-articles-container {
  padding-top: 0.25rem;
  padding-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.custom-recent-article {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.cra-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cra-title{
  margin: 0px;
  color: var(--title_color);
}
.cra-excerpt{
  color: var(--excerpt_color);
}
.cra-button-container {
  padding-top: 1rem;
}
.cbt-articles-container{
  display: grid;
  grid-template-columns: repeat(var(--grid_columns_mobile), 1fr);
  gap: 0.75rem;
}
.custom-pagination{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem;
  padding: 0 0.75rem;
  gap: 1.25rem;
}
.custom-pagination-pages{
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.pagination-button{
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
  color: var(--pagination_color);
  font-size: 1.25rem;
  border: 2px solid currentColor;
  border-radius: 0.25rem;
  padding: 0.5rem;
}

.pagination-button svg {
  color: currentColor;
}
.pagination-button[disabled]{
  opacity: .3;
}

.paginate-page{
  color: var(--pagination_color);
  transition: .3s;
  text-decoration: none;
  min-width: 1.5rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.4;
  border-bottom: 2px solid transparent;
}

.paginate-page:not([disabled]):is(.current, :hover, :focus, :active) {
  border-color: currentColor;
  color: var(--pagination_color);
}
@media only screen and (min-width: 767px){
  .cbt-articles-container{
    grid-template-columns: repeat(var(--grid_columns_tablet), 1fr);
    gap: 1rem;
  }
  .custom-pagination{
    justify-content: center;
    margin-top: 3.75rem;
  }
  .custom-recent-article {
    flex-direction: row;
    align-items: center;
  }
  .cra-image-container {
    width: calc(50% - 0.75rem);
    flex-shrink: 0;
  }
  .cra-text-container{
    flex: 1;
  }
}


@media only screen and (min-width: 1200px){
  .cbt-articles-container{
    grid-template-columns: repeat(var(--grid_columns_desktop), 1fr);
  }
  
  .custom-recent-article {
    gap: 3.75rem;
  }

  .cra-image-container {
    width: calc(50% - 1.875rem);
  }
}

/* Store locator */
#col-main{
  max-width: 1104px;
  padding: 0 24px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
#store-locator-title{
  font-size: 2.4em;
  line-height: 1;
  text-align: center;
  color: #242424;
  font-family: var(--font-stack-header);
  font-style: var(--font-style-header);
  font-weight: var(--font-weight-header);
  padding-top: calc(var(--header_height) + 24px);
  padding-bottom: 60px;
  position: relative;
  z-index: 1;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 24px;
}
#store-locator-title:before{
  content: '';
  background-color: #F8D7D7;
  position: absolute;
  top: 0;
  left: 0;
  width: 200vw;
  height: 100%;
  z-index: -1;
  transform: translateX(-50%);
}
#store_map{
  order: 1;
  border: 2px solid #242424 !important;
  min-height: 50vh;
  margin: 36px auto;
}
#addresses_list{
  border: 2px solid #242424;
  padding: 0;
}
#addresses_list .distance{
  display: none;
}
#directions_text #direction_destination .name, .addresses li a .name{
  line-height: 1.17;
  color: #242424 !important;
  text-transform: uppercase;
  font-family: var(--font-stack-subheading);
  font-style: var(--font-style-subheading);
  font-weight: var(--font-weight-subheading);
}
.addresses li a{
  margin: 0 !important;
}
.addresses li a span{
  line-height: 1.5;
  letter-spacing: .15em;
}
.addresses li{
  background: none !important;
  border-top: 0 !important;
  padding: 12px !important;
  border-bottom: 2px solid #242424;
}
.addresses li:last-of-type{
  border-bottom: 0;
}
.footer_html{
  display: none;
}
.header_html:empty{
  display: none;
}
@media only screen and (min-width: 767px){
  #col-main{
    flex-direction: row;
    padding: 0 36px;
    max-width: 1128px;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  #store-locator-title{
    font-size: clamp(2.4em, 4.17vw, 4em);
    line-height: 1.2;
    padding-top: calc(var(--header_height) + 48px);
    margin-bottom: 84px;
    width: 100%;
  }
  #store_map{
    margin: 0 0 84px 24px;
    width: 69.4% !important;
    min-height: 450px;
  }
  .addresses{
    width: calc(30.6% - 24px) !important;
    height: auto !important;
    max-height: 450px;
  }
}
/* Challenge  */
.shopify-challenge__container{
  margin: calc(var(--header_height) + 24px) auto 24px !important;
}
.shopify-challenge__button{
  font-family: var(--font-stack-subheading);
  font-weight: var(--font-weight-subheading);
  font-size: 1em;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 13px !important;
  min-width: 214px;
  border-radius: 60px;
  border: 2px solid #242424;
  background-color: #242424;
  color: #fff;
  transition: .3s ease-out;
}

/* Kava page */
.kava-page-banner .cbs-text-container{
  margin-top: calc(var(--header_height)*2);
}
.custom-left-right-image-without-buttons .clri-container{
  margin: 36px auto 24px;
}
.custom-left-right-image-without-buttons .clri-image-container{
  transform: none;
  margin: 0;
}
.custom-left-right-image-without-buttons .clri-image{
  margin-bottom: 36px;
}
.custom-left-right-image-without-buttons .clri-text p{
  display: block;
  margin-bottom: 12px;
}
.custom-left-right-image-without-buttons .clri-text a{
  text-decoration: underline;
  font-weight: bold;
}
.custom-left-right-image-without-buttons .clri-text p:last-of-type{
  margin-bottom: 0;
}
.custom-left-right-image-without-buttons .clri-container:last-of-type{
  margin-bottom: 36px;
}
.cptwls-container{
  padding-top: 60px;
  padding-bottom: 80px;
  text-align: center;
  margin: 60px auto;
}
.cptwls-container .clri-title{
  margin-bottom: 48px;
}
.cptwls-slider{
  margin: 0 -24px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.cptwls-slide-container{
  padding-bottom: var(--padding_bottom);
  position: relative;
}
.cptwls-slide{
  margin: 0 18px;
}
.cptwls-slide.slick-slide{
  height: auto;
}
.cptwls-slide .clri-image{
  margin: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.cptwls-slider .slick-track{
  display: flex;
  align-items: center;
}
.kava-left-right-image{
  margin: 60px auto;
}
.kava-left-right-image .clri-title{
  line-height: 1;
}
.cpik-container{
  padding-bottom: 60px;
  padding-top: 60px;
  margin-top: -60px;
}
.cpik-image-container{
  display: none;
}
.cpik-title, .cpik-text-under-title{
  text-align: center;
  white-space: pre-line;
}
.cpik-text p{
  display: block;
  margin-bottom: 24px;
}
.cpik-text p:last-of-type{
  margin-bottom: 0;
}
.cptwls-text{
  display: none;
}
.cptwls-text-slider{
  margin-bottom: 24px;
}
.cptwls-text[data-block-id="0"]{
  display: block;
}
.cptwls-slide{
  opacity: .2;
  transition: .3s ease-out;
}
.cptwls-slide.slick-current{
  opacity: 1;
}
@media only screen and (min-width: 767px){
  .kava-page-banner .cbs-text-container{
    margin-top: 0;
  }
  .custom-left-right-image-without-buttons .clri-image-container{
    flex-basis: 47%;
  }
  .custom-left-right-image-without-buttons .clri-title{
    margin-bottom: 24px;
  }
  .custom-left-right-image-without-buttons .clri-container, .custom-left-right-image-without-buttons .clri-container:last-of-type{
    padding-top: 0;
    padding-bottom: 0;
    margin: clamp(50px, 6.25vw, 90px) auto clamp(50px, 6.25vw, 90px);
  }
  .cptwls-container{
    max-width: 1344px;
    border-radius: 2px;
    margin: clamp(50px, 6.25vw, 90px) auto clamp(50px, 6.25vw, 90px);
    padding-bottom: 66px;
  }
  .cptwls-container .clri-title{
    margin-bottom: clamp(48px, 5.5vw, 78px);
  }
  .cptwls-text-slider{
    max-width: 840px;
    margin: 0 auto clamp(36px, 5.5vw, 78px);
  }
  .cptwls-slide{
    margin: 0 28px 24px;
  }
  .cptwls-slider{
    margin: 0 auto 24px;
    max-width: 670px;
  }
  .kava-left-right-image{
    margin: clamp(50px, 6.25vw, 90px) auto clamp(50px, 6.25vw, 90px);
  }
  .cpik-container{
    position: relative;
    margin: clamp(50px, 6.25vw, 90px) auto clamp(50px, 6.25vw, 90px);
  }
  .cpik-image-container{
    position: absolute;
    display: block;
    top: calc(clamp(50px, 6.25vw, 90px) * -1);
    left: 0;
    width: 100%;
    height: calc(100% + clamp(100px, 12.5vw, 180px));
    /*  background-image: var(--bg_image);
    background-repeat: no-repeat;
    background-size: cover; */
  }
  .cpik-wrapper{
    max-width: 732px;
    position: relative;
    z-index: 1;
  }
  .cpik-title, .cpik-text-under-title{
    white-space: normal;
  }
  .cpik-text-under-title{
    max-width: 90%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1200px){
  .custom-left-right-image-without-buttons .clri-text{
    width: var(--text_width);
  }
}

/* Our story update */
.cospan-container{
  padding-top: 72px;
  /* padding-bottom: 72px; */
  padding-bottom: 20px;
}
.cospan-block{
  margin-bottom: 36px;
}
.cospan-block:last-of-type{
  margin: 0;
}
.cospan-image-wrapper{
  width: 100%;
  margin: 0 0 36px;
}
.cospan-image-container{
  position: relative;
}
.cospan-image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cospan-title{
  line-height: 1;
}
.cospan-title:nth-of-type(2){
  margin-top: 24px;
}
.cospan-additional-text{
  margin-top: 12px;
}
.cospan-text *{
  line-height: 1.5;
  letter-spacing: 0.02em;
}
.cospan-text p{
  margin-bottom: 12px;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
.cospan-text p:last-of-type{
  margin: 0;
}
.cpqwc-container{
  padding-top: 48px;
  padding-bottom: 48px;
}
.cpqwc-wrapper{
  text-align: center;
}
.cpqwc-quote{
  font-size: 1.2em;
  line-height: 150%;
  color: var(--quote_color);
  margin: 0;
}
.cpqwc-author{
  color: var(--author_color);
  font-size: 1.2em;
  line-height: 120%;
  margin: 12px 0 0;
}
.cpqwc-button{
  width: 100%;
  max-width: 408px;
  margin-top: 24px;
}
@media only screen and (min-width: 767px){
  .cospan-container{
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .cospan-block{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: var(--image_position);
    grid-gap: 80px;
    grid-gap: 6.29%;
  }
  .cospan-image-wrapper{
    flex-basis: 36.2%;
    margin: 0;
  }
  .cospan-text-wrapper{
    flex: 1;
  }
  .cospan-title{
    font-size: clamp(2.4em, 3.33vw, 3.2em);
    margin-bottom: 24px;
  }
  .cospan-title:nth-of-type(2){
    margin-top: 36px;
  }
  .cospan-block{
    margin-bottom: clamp(36px, 8.333vw, 120px);
  }
  .cospan-additional-text{
    margin-top: 24px;
  }
  .cpqwc-container{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .cpqwc-quote{
    white-space: pre-line;
    font-size: clamp(1.2em, 1.67vw, 1.6em);
  }
  .cpqwc-author{
    margin-top: 24px;
    font-size: clamp(1.2em, 1.67vw, 1.6em);
  }
  .cpqwc-button{
    margin-top: 36px;
  }
}

@media only screen and (min-width: 1200px){
  .cospan-text p{
    margin-bottom: 16px;
  }
}

/* Updates */
.cpt-additional-buttons-container .shopify-payment-button{
  margin-top: 12px;
}

/* Updates per 19.01.2022 */
.custom-blog-header-section .ch-wrapper{
  grid-template-columns: 1.1fr 1fr;
  grid-gap: 15px;
}
.custom-blog-header-section .ch-button-container{
  display: flex;
  justify-content: flex-end;
}
.custom-blog-header-section .ch-button-container .custom-button{
  min-width: 0;
  letter-spacing: .05em;
  font-weight: normal;
}
.custom-bg{
  background: var(--bg_color);
}
.custom-absolute-link{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.custom-absolute-image-container{
  position: relative;
  padding-bottom: calc(100% / var(--aspect_ratio));
}
.custom-absolute-image-container.variable-var{
  padding-bottom: calc(100% / var(--aspect_ratio_mobile));
}
.custom-absolute-image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


@media only screen and (min-width: 767px){
  .custom-blog-header-section .ch-logo-image-outer-wrapper{
    max-width: 100%;
  }
  .custom-blog-header-section .ch-logo-svg svg{
    margin: 0;
  }
  .custom-blog-header-section .ch-button-container .custom-button{
    min-width: 216px;
  }
  .custom-absolute-image-container.variable-var{
    padding-bottom: calc(100% / var(--aspect_ratio_desktop));
  }
}

@media only screen and (min-width: 1200px){
  .custom-blog-header-section .ch-wrapper{
    max-width: 1344px !important;
    padding: 0 36px;
  }
  .custom-blog-header-section .ch-container{
    padding: 30px 0;
  }
  .custom-blog-footer-section .cf-mcc-menus-container{
    direction: rtl;
    text-align: left;
  }
}


/* Easy contact form builder styles overwrite */
.cwpf-container .bcontact-embed {
  width: 100% !important;
  max-width: 864px;
  box-shadow: none;
  overflow: visible;
}

.bcontact-178456, .bcontact-178456 .bcontact-content {
  font-family: inherit !important;
}

.cwpf-container .bcontact-content {
  padding: 0;
  background-color: transparent;
}

.cwpf-container .bcontact-178456 .bcontact-title {
  display: none;
}

.cwpf-container .bcontact-178456 .bcontact-description {
  display: none;
}

.cwpf-container .bcontact-field--1_2 {
  flex-basis: 100%;
}

.cwpf-container .bcontact-178456 .bcontact-field-heading {
  font-size: 1em;
  line-height: 1.2;
  font-weight: 500;
  color: var(--text_color);
  margin-bottom: 12px;
}

.cwpf-container .bcontact-178456 .bcontact-field input, .cwpf-container .bcontact-178456 .bcontact-field textarea {
  background: #FFFFFF !important;
  color: var(--text_color) !important;
  border: 1px solid var(--text_color) !important;
  border-radius: 2px !important;
  font-size: 1em !important;
  width: 100% !important;
  line-height: 1.9 !important;
  padding: 15px !important;
  height: auto !important;
}

.cwpf-container .bcontact-178456 .bcontact-field textarea {
  min-height: 200px;
}

.cwpf-container .bcontact-field {
  padding: 0;
  margin: 0 0 24px;
}

.cwpf-container .bcontact-submit-btn {
  font-family: var(--font-stack-header) !important;
  font-style: var(--font-style-header);
  font-weight: var(--font-weight-header);
  font-size: 1em !important;
  line-height: 1.2;
  text-align: center;
  letter-spacing: .15em;
  text-transform: uppercase;
  padding: 13px !important;
  display: inline-block;
  min-width: 214px;
  border-radius: 60px !important;
  border: 2px solid var(--button_bg_color);
  background-color: var(--button_bg_color) !important;
  color: var(--button_text_color) !important;
  transition: .3s ease-out;
  width: 100%;
}

.cwpf-container .bcontact-submit {
  padding: 0;
}

@media only screen and (min-width: 767px) {
  .cwpf-container .bcontact-field--1_2 {
    flex-basis: 50%;
  }

  .cwpf-container .bcontact-field {
    padding: 0 12px;
  }

  .cwpf-container .bcontact-submit-btn {
    max-width: 300px;
    margin: 0 12px !important;
  }
}

/* Insta update */
.cis-slider:not(.init-slider) .cis-slide{
  margin: 0 12px;
}
.cis-slider .slick-list{
  padding: 0 24px 0 0;
}
.cis-slide{
  position: relative;
  margin: 0 0 0 12px;
}
.cis-slide-image-container{
  position: relative;
  padding-bottom: 100%;
}
.cis-slide-image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cis-slide-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s ease-out;
  opacity: 0;
  z-index: -1;
}
.cis-slide-overlay svg{
  width: auto;
  height: auto;
  color: #fff;
}
.cis-slide:hover .cis-slide-overlay, .cis-slide:focus .cis-slide-overlay{
  opacity: 1;
  z-index: 1;
}
.cis-arrow{
  display: none;
}

@media only screen and (min-width: 767px){
  .cis-slider:not(.init-slider) .cis-slide{
    max-width: calc(50% - 24px);
  }
}

@media only screen and (min-width: 1023px){
  .cis-slider .slick-list{
    padding: 0px calc(10% + 67px) 0 0;
  }
  .cis-slide{
    margin: 0 0 0 24px;
  }
  .cis-slider-wrapper{
    position: relative;
  }
  .cis-slider-wrapper .slick-track{
    margin-right: auto;
    margin-left: 0;
  }
  .cis-arrow{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.85);
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity .3s ease-out;
    opacity: 0;
  }
  .cis-arrow svg{
    width: auto;
    height: auto;
  }
  .cis-arrow:hover, .cis-arrow:focus{
    opacity: 1;
  }
  .cis-arrow.cis-arrow-prev{
    left: 0;
  }
  .cis-arrow.cis-arrow-next{
    right: 0;
  }
  .cis-slider:not(.init-slider) .cis-slide{
    margin: 0 24px;
    max-width: calc((90% / 3) - 40px);
  }
}

@media only screen and (min-width: 1600px){
  .cis-slider .slick-list{
    padding: 0px 73px 0 0;
  }
  .cis-slider:not(.init-slider) .cis-slide{
    max-width: calc(((100% - 73px) / 4) - 24px);
  }
}

/* Custom featured categories */
.cfcat-header-text-container{
  margin-bottom: 16px;
}
.cfcat-body{
  margin-top: 2.5rem;
}
.cfcat-grid{
  display: grid;
  grid-template-columns: repeat(var(--grid_mobile), 1fr);
  grid-gap: 16px;
}
.cfcat-wrapper{
  padding: 2.5rem 0;
}

.cfcat-block-wrapper{
  border: 1px solid var(--border_color);
  height: 100%;
}
.cfcat-block-wrapper.height-auto {
  height: auto;
}
.cfcat-block-wrapper.no-border {
  border: none;
}
.cfcat-title{
  color: var(--title_color);
}
.cfcat-text {
  color: var(--text_color);
}
.cfcat-block:is(:hover, :focus, :active) .link-button{
  border-color: var(--button_bg_color_hover);
  background-color: var(--button_bg_color_hover);
  color: var(--button_text_color);
}
.cfcat-block{
  height: 100%;
}
.cfcat-buttons {
  display: block;
  flex-shrink: 0;
}
@media only screen and (min-width: 767px){
  .cfcat-grid{
    grid-template-columns: repeat(var(--grid_tablet), 1fr);
    grid-gap: 24px;
  }
  .cfcat-header{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .cfcat-header.centered{
    align-items: center;
  }
  .cfcat-title{
    white-space: pre-line;
  }
  .cfcat-title, .cfcat-header-text-container{
    margin: 0;
  }
  .cfcat-text{
    margin-top: 24px;
  }
  .cfcat-header-text-container{
    max-width: 75%;
  }

  .cfcat-header-text-container.without-max-width {
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (min-width: 1200px){
  .cfcat-grid{
    grid-template-columns: repeat(var(--grid_desktop), 1fr);
    grid-gap: 32px;
  }
  .cfcat-grid.smaller-gap{
    grid-gap: 24px;
  }
  .cfcat-wrapper{
    padding: 5rem 0;
  }
}

/* Selected Products (homepage-selected-products) — scoped overrides only, via the
   .cfcat-selected-products class added in snippets/custom-featured-categories.liquid. The bare
   .cfcat-* rules above are shared with custom-featured-products.liquid (e.g. the "Shop Our Best
   Sellers" carousel), so none of this section's customization touches them directly. */
.cfcat-selected-products.cfcat-container {
  padding: 0 !important;
}
.cfcat-selected-products .cfcat-wrapper {
  padding: 24px 20px;
}
.cfcat-selected-products .cfcat-body {
  margin-top: 0;
}
.cfcat-selected-products .cfcat-block-wrapper {
  border: none;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  overflow: hidden;
}
.cfcat-selected-products .cfcat-block-button {
  text-decoration: none !important;
  text-transform: none !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  font-family: 'Roboto', sans-serif !important;
  letter-spacing: normal !important;
  padding-top: 12px !important;
}
.cfcat-selected-products .cfcat-block-button:hover {
  text-decoration: none !important;
}
.cfcat-selected-products .cfcat-block:is(:hover, :focus, :active) .cfcat-block-button {
  background-color: transparent !important;
  border-color: transparent !important;
}
.cfcat-selected-products .cfcat-block-wrapper .custom-image-wrapper {
  border-radius: 6px;
  overflow: hidden;
}
.cfcat-selected-products .cfcat-block-wrapper .custom-image {
  border-radius: 6px;
  transition: transform 0.35s ease;
}
.cfcat-selected-products .cfcat-block:hover .custom-image {
  transform: scale(1.06);
}
@media only screen and (max-width: 766px) {
  .cfcat-selected-products .cfcat-grid {
    display: flex;
    grid-template-columns: none;
    gap: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 18px;
    padding-right: 18px;
    scroll-padding-left: 18px;
    scroll-padding-right: 18px;
  }
  .cfcat-selected-products .cfcat-grid::-webkit-scrollbar {
    display: none;
  }
  .cfcat-selected-products .cfcat-block {
    flex: 0 0 128px;
    width: 128px;
    scroll-snap-align: start;
  }
  .cfcat-selected-products .cfcat-wrapper {
    padding: 18px 0;
  }
  .cfcat-selected-products .cfcat-block-button {
    padding-top: 6px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .cfcat-selected-products .cfcat-wrapper {
    padding: 4rem 0;
  }
  .cfcat-selected-products .cfcat-body {
    margin-top: 0;
  }
}

/* Featured products */
.cfcat-grid.init-slider{
  margin: 0 -20px;
}
.cfcat-grid .slick-list{
  /* padding-right: 20vw; */
  padding-right: 16px;
  padding-left: 16px;
}
.cfcat-grid.init-slider .cfcat-block{
  padding: 0 6px;
  height: auto;
}
.cfcat-grid.init-slider .slick-track{
  margin: 0;
  display: flex;
}
.cfcat-grid.init-slider .cfcat-block-wrapper, .cfcat-grid.init-slider .cfcat-block-wrapper > *{
  height: 100%;
}
.cfcat-button-container{
  margin: 48px 0 0;
  text-align: center;
}

.cfcat-arrows-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  pointer-events: none;
  height: 100%;
}

.cfcat-arrow {
  pointer-events: all;
  position: relative;
  font-size: 1rem;
  height: 100%;
  padding: 0.5rem;
}

/* .cfcat-arrow::before {
  content: '';
  position: absolute;
  top: -1em;
  left: -1em;
  right: -1em;
  bottom: -1em;
} */

.cfcat-arrow svg {
  width: 24px;
  height: 24px;
  color: var(--arrows_color);
}

.cfcat-arrow.slick-disabled {
  opacity: .3;
}

@media only screen and (min-width: 640px){
  .cfcat-grid.init-slider{
    /* margin: 0 -40px; */
    margin: 0 -8px;
  }
  .cfcat-grid .slick-list{
    /* padding-right: calc((70% / (var(--grid_tablet) + 1)) + 12px); */
    /* padding-right: calc(40px + 24px + 12px);
    padding-left: calc(40px + 24px + 12px); */
    padding: 0;
  }
  .cfcat-grid.init-slider .cfcat-block{
    padding: 0 8px;
  }
  
  .cfcat-button-container{
    margin-top: clamp(48px, 5.3vw, 64px);
  }
}

@media only screen and (min-width: 1400px){
  .cfcat-grid.init-slider{
    /* margin: 0 calc((1280px - 100vw)/2); */
  }
  .cfcat-grid .slick-list{
    /* padding-right: calc((100vw - 1360px)/2 + ((100% / (var(--grid_desktop) + 1)) - 248px)); */

    /* padding-right: calc((70% / (var(--grid_desktop) + 1)) + 18px); */
    /* padding-right: clamp(calc((70% / (var(--grid_desktop) + 1))), calc((100vw - 1360px)/2), calc((100% / (var(--grid_desktop) + 1)))); */

    /* padding-right: calc((100vw - 1280px)/2 + (24px + 32px));
    padding-left: calc((100vw - 1280px)/2 + (24px + 32px)); */
  }
  /* .cfcat-grid.init-slider .cfcat-block{
    padding: 0 18px;
  } */
  .cfcat-grid.init-slider.smaller-gap{
    margin: 0 -4px;
  }
  .cfcat-grid.init-slider.smaller-gap .cfcat-block{
    padding: 0 4px;
  }
  /* .cfcat-grid.smaller-gap .slick-list{
    padding-right: calc((100vw - 1280px)/2 - 12px);
    padding-left: calc((100vw - 1280px)/2 - 12px);
  } */
}


/* Custom featured articles */
article-item{
  display: block;
  height: 100%;
}
.article-item-content{
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex-grow: 1;
}
.article-item-author-and-date-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.875rem;
  line-height: 1;
}
.article-item-author {
  color: var(--article_author_color);
}
.article-item-date {
  color: var(--article_date_color);
  flex-shrink: 0;
  margin-left: auto;
}
.article-item-title{
  margin-bottom: 0;
  color: var(--article_title_color);
}
.article-item-excerpt{
  color: var(--article_text_color);
}
.article-item-link-container {
  margin-top: auto;
  padding-top: 0.5rem;
}
.article-item-link {
  font-size: 1.125rem;
  line-height: 1.25rem;
  letter-spacing: 0.03em;
  color: var(--article_title_color);
  border-bottom: 2px solid currentColor;
}
.article-item-wrapper{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.custom-button.article-item-button{
  margin-top: auto;
}
.article-item-tags-container{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 12px;
}
.article-item-tag{
  padding: 8px;
  background-color: var(--article_tag_bg);
  color: var(--article_tag_color);
  line-height: 1;
  text-transform: capitalize;
}

.cfcat-grid.cfart-grid.init-slider .cfcat-block {
  padding: 0 0.5rem;
}

.cfcat-grid.cfart-grid .slick-list {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media only screen and (min-width: 640px) {
  .cfcat-grid.cfart-grid .slick-list {
    padding: 0;
  }
}

@media only screen and (max-width: 767px){
  /* .cfcat-grid.cfart-grid .slick-list{
    padding-right: 35vw;
  } */
  .custom-button.article-item-button{
    padding: 8px 12px;
  }

  .cfart-header-text-container {
    text-align: center;
    margin-bottom: 0;
  }
}


/* New testimonials */
testimonial-item{
  display: block;
  height: 100%;
}
.testimonial-item-header{
  background-color: var(--testimonials_header_bg_color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
.testimonial-item-title{
  margin: 0;
  font-weight: bold;
  line-height: 1;
  color: var(--testimonials_text_color);
}
.testimonial-item-content{
  background-color: var(--testimonials_bg_color);
  color: var(--testimonials_text_color);
  padding: 8px 28px 16px 12px;
  border-radius: 5px;
  height: 100%;
}
.testimonial-item-content-header{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.testimonial-item-image-container{
  width: 48px;
  border-radius: 100%;
  overflow: hidden;
}
.testimonial-item-stars{
  display: flex;
  gap: 8px;
}
.testimonial-item-content-header-text{
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.testimonial-item-reviewer-name{
  text-transform: uppercase;
  font-weight: 700;
  color: inherit;
  margin: 0;
}
.testimonial-item-verified-user{
  color: var(--testimonials_verified_color);
  font-size: .75rem;
}
.testimonial-item-image-container:before{
  content: '';
  background: var(--testimonials_image_bg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.testimonial-item-image{
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.testimonial-item-text{
  margin: 0.75rem 0 0;
  font-size: 0.9375rem;
  line-height: 1.2;
}
.testimonial-item-stars-count{
  font-weight: 500;
  font-size: .75rem;
  color: inherit;
}
.testimonial-item-text{
  color: inherit;
}
.testimonial-item-text p{
  margin: 0;
}
@media only screen and (max-width: 767px){
  .cfcat-grid.slick-dotted .slick-list{
    padding-right: 16px;
  }
}

@media only screen and (min-width: 767px){
  .testimonial-item-content{
    padding: 14px 44px 32px 20px;
    border-radius: 10px;
  }
  .testimonial-item-stars-count, .testimonial-item-verified-user{
    font-size: .9375rem;
  }
  .testimonial-item-image-container{
    width: 64px;
  }
  .testimonial-item-image{
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  }
  .testimonial-item-text{
    margin-top: 1.125rem;
    font-size: 1.25rem;
  }
  .testimonial-item-content-header{
    margin-bottom: 24px;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1200px){
  .slick-dotted.hide-dots-tablet .slick-dots{
    display: none;
  }
}

@media only screen and (min-width: 1200px){
  .slick-dotted.hide-dots-desktop .slick-dots{
    display: none;
  }
}

/* Icons slider */
icon-slide-item{
  display: block;
  padding: 12px;
  position: relative;
  background-color: var(--icons_bg_color);
  height: 100%;
  text-align: left;
}
.isi-image{
  margin-bottom: 12px;
  max-height: 60px;
}
.isi-image svg{
  display: block;
}
.isi-title{
  font-size: 1.125em;
  font-weight: 700;
  line-height: 122%;
  color: var(--text_color);
  margin-bottom: 8px;
}
.isi-text{
  font-size: 1em;
  line-height: 125%;
  color: var(--text_color);
  margin-bottom: 0;
  white-space: pre-line;
}

@media only screen and (max-width: 767px){
  .cfcat-grid.cpfi-grid .slick-list{
    padding-right: 29vw;
  }
}

/* Ingredients section */
.cfcat-grid.cpfingr-grid .slick-list{
  padding-right: 12.5vw;
}
@media only screen and (min-width: 640px) {
  .cfcat-grid.cpfingr-grid.init-slider {
    margin: 0 -2.5rem;
  }

  .cfcat-grid.cpfingr-grid .slick-list{
    padding-left: 2rem;
    padding-right: 12.5vw;
  }
}

@media only screen and (min-width: 1400px){
  .cfcat-grid.cpfingr-grid.init-slider {
    margin: 0 calc((1280px - 100vw)/2);
  }

  .cfcat-grid.cpfingr-grid .slick-list {
    padding-left: calc((100vw - 1280px)/2 + (24px + 32px));
  }

  .cfcat-grid.cpfingr-grid.smaller-gap .slick-list {
    padding-left: calc((100vw - 1280px)/2 - 12px);
  }
}

ingredient-slide-item{
  display: flex;
  flex-direction: column;
}
.ingrsi-text-container{
  background-color: var(--blocks_bg_color);
  color: var(--blocks_text_color);
  padding: 12px 24px;
  flex: 1;
}
.ingrsi-title{
  font-size: 1.125rem;
  color: inherit;
  line-height: 1.25rem;
  margin: 0;
}
.ingrsi-text{
  margin-top: 0.625rem;
  font-size: 1rem;
  color: inherit;
  line-height: 1.4;
}

/* Blog update */
.cbt-filter-items-container{
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 -24px;
}
.cbt-filter-items-wrapper .cbt-filter-item:first-child{
  padding-left: 24px;
}
.cbt-filter-items-wrapper .cbt-filter-item:last-child{
  padding-right: 24px;
}
.swimlane{
  display: grid;
  grid-auto-flow: column;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  gap: 12px;
  scroll-padding-left: 1rem;
  scroll-padding-right: 1rem;
  padding-bottom: 2px;
  overflow-x: scroll;
  justify-content: flex-start;
  cursor: grab;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.swimlane:is(:focus, :target, :active){
  cursor: grabbing;
}
.swimlane::-webkit-scrollbar {
  display: none;
}
.cbt-filter-items-wrapper{
  padding: 12px 0;
}

@media only screen and (min-width: 767px){
  .cbt-filter-items-container{
    margin: 0 -36px;
  }
  .cbt-filter-items-wrapper .cbt-filter-item:first-child{
    padding-left: 36px;
  }
  .cbt-filter-items-wrapper .cbt-filter-item:last-child{
    padding-right: 36px;
  }
  .swimlane{
    gap: 24px;
  }
  .cbt-filter-items-wrapper{
    padding: 24px 0;
  }
}

@media only screen and (min-width: 1272px){
  .cbt-filter-items-container{
    margin: 0 calc((1272px - 100vw)/2);
  }
  .cbt-filter-items-wrapper .cbt-filter-item:first-child{
    padding-left: calc((100vw - 1272px)/2);
  }
  .cbt-filter-items-wrapper .cbt-filter-item:last-child{
    padding-right: calc((100vw - 1272px)/2);
  }
}

/* Text grid */
text-grid-item{
  padding: 20px;
  background-color: var(--bg_color);
  display: block;
  border-radius: 5px;
}
.custom-text-grid .cfcat-grid{
  gap: 24px;
}
.ctgi-title{
  color: var(--title_color);
  margin-bottom: 22px;
}
.ctgi-title * {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.ctgi-text{
  color: var(--text_color);
}
.ctg-body{
  margin-top: 0;
}
.ctg-header-text-container{
  margin: 0;
}
.custom-text-grid .cfcat-wrapper{
  padding: 0;
}

@media only screen and (min-width: 767px){
  .ctg-header-text-container{
    margin: 0 0 24px;
  }
  .ctgi-title{
    margin-bottom: 28px;
  }
  text-grid-item{
    padding: 30px;
    border-radius: 10px;
  }
  .custom-text-grid .cfcat-grid{
    gap: 20px;
  }
}


/* Marquee line */
.cmarquee-container{
  padding: 16px 0;
}
.custom-marquee {
  position: relative;
  display: flex;
  overflow: hidden;
  --move-initial: 0%;
  --move-final: -50%;
  transform: translate3d(var(--move-initial), 0, 0);
  animation: marquee linear infinite;
  animation-play-state: running;
  animation-duration: calc(var(--marquee_time) * var(--marquee_length));
  width: fit-content;
}
.custom-marquee-inner {
  width: fit-content;
  display: flex;
  align-items: center;
  position: relative;
  /* transform: translate3d(var(--move-initial), 0, 0);
  animation: marquee var(--marquee_time) linear infinite;
  animation-play-state: running; */
}
.custom-marquee-block {
  width: calc(100vw / var(--grid_mobile) * var(--aspect_multiplier));
  padding: 0 10px;
}
.custom-marquee:hover .custom-marquee-inner {
  animation-play-state: running;
}
.cmarquee-block{
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 4px;
}
.cmarquee-image-svg svg{
  display: block;
  width: auto;
  max-height: 32px;
}
.cmarquee-title{
  color: var(--text_color);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 113%;
  font-size: .75rem;
}
.cmarquee-image-container{
  width: 100%;
}

.cmarquee-image-container.show-titles {
  width: var(--mobile-width);
  flex-shrink: 0;
}

@keyframes marquee {
  0% {
    transform: translate3d(var(--move-initial), 0, 0);
  }
  100% {
    transform: translate3d(var(--move-final), 0, 0);
  }
}

@media only screen and (min-width: 641px){
  .cmarquee-container {
    padding: 28px 0;
  }
  /* .custom-marquee-inner {
    animation: marquee var(--marquee_time_desktop) linear infinite;
  } */
  .custom-marquee-block {
    width: calc(100vw / var(--grid_desktop) * var(--aspect_multiplier));
    padding: 0 15px;
  }
  .cmarquee-block{
    gap: 8px;
  }
  .cmarquee-image-svg svg{
    max-height: clamp(32px, 4.7vw, 56px);
  }
  .cmarquee-title{
    font-size: clamp(.75rem, 1.67vw, 1.25rem);
  }

  .cmarquee-image-container.show-titles {
    width: var(--desktop-width);
  }
}

@media only screen and (min-width: 1007px){
  .custom-marquee-block {
    padding: 0 25px;
  }
}

/* Animated text banner */
.animtb-wrapper{
  text-align: center;
  padding: clamp(70px, 15vw, 100px) 20px;
  color: var(--text_color);
  max-width: 960px;
  margin: 0 auto;
}
.animtb-wrapper.no-top-padding {
  padding-top: 0;
}
.animtb-wrapper.no-bottom-padding {
  padding-bottom: 0;
}
.animtb-wrapper *{
  color: inherit;
}
.animtb-title{
  text-transform: uppercase;
  margin-bottom: 24px;
  font-weight: 700;
}
.animtb-big-title{
  margin-bottom: 30px;
  color: var(--text_color);
}
.animtb-big-title *{
  color: inherit;
  line-height: inherit;
  font-size: inherit;
}
.animtb-link-container{
  margin-top: 24px;
}
.animtb-text {
  line-height: 1.1;
  margin: 0;
}
.animtb-text a{
  text-decoration: underline;
}

@media only screen and (min-width: 767px){
  .animtb-big-title{
    margin-bottom: 48px;
  }
}

/* Steps */
.csteps-wrapper{
  padding: 40px 0;
  max-width: 1240px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.csteps-blocks{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
.csteps-text-container{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: var(--text_align_mobile);
}
.csteps-image-container{
  overflow: hidden;
  border-radius: 5px;
}
.csteps-block-title{
  color: var(--title_color);
}
.csteps-block-text{
  color: var(--title_color);
  max-width: 70%;
  align-self: var(--align_mobile);
}
.csteps-block-text *{
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.csteps-text {
  text-align: center;
  color: var(--text_color);
  max-width: 620px;
  margin: 0 auto;
}
.csteps-text * {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

@media only screen and (min-width: 767px){
  .csteps-wrapper{
    padding: 40px 0;
    gap: clamp(32px, 5.33vw, 64px);
  }
  .csteps-image-container{
    border-radius: 10px;
  }
  .csteps-blocks{
    grid-template-columns: repeat(var(--grid_tablet), 1fr);
    gap: var(--gap_tablet);
  }
  .csteps-text-container{
    padding: clamp(16px, 2.67vw, 32px);
    text-align: var(--text_align_desktop);
  }
  .csteps-block-text{
    max-width: 300px;
    align-self: var(--align_desktop);
  }
}

@media only screen and (min-width: 1024px){
  .csteps-blocks{
    grid-template-columns: repeat(var(--grid_desktop), 1fr);
    gap: var(--gap_desktop);
  }
}

/* 404 */
.content-404-text-container{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-404-text-wrapper-container{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: var(--mobile_content_vertical_position);
  justify-content: var(--mobile_content_horizontal_position);
  text-align: var(--mobile_content_text_align);
}
.content-404-title{
  color: var(--title_color);
  margin: 0;
}
.content-404-title p{
  font-family: inherit;
}
.content-404-title *{
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.content-404-title a{
  position: relative;
}
.content-404-title a:after{
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--title_color);
}
.content-404-title a:not([disabled]):hover, .content-404-title a:focus{
  color: var(--title_color);
}
@media only screen and (max-width: 767px){
  .content-404-title p{
    display: inline;
  }
}
@media only screen and (min-width: 767px){
  .content-404-text-wrapper-container{
    align-items: var(--desktop_content_vertical_position);
    justify-content: var(--desktop_content_horizontal_position);
    text-align: var(--desktop_content_text_align);
  }
}

.hidden{
  visibility: hidden !important;
  opacity: 0 !important;
  display: none;
}

/* FAQ page */
.cfaq-page-blocks{
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 900px;
  margin: 40px auto 0;
}
.cfaq-page-blocks .clri-dropdown-title{
  text-transform: uppercase;
  font-weight: 700;
}
.cfaq-page-blocks .clri-dropdown-indicator{
  margin-top: 2px;
}

@media only screen and (min-width: 767px){
  .cfaq-page-blocks{
    gap: 32px;
    margin: clamp(40px, 6.67vw, 80px) auto 0;
  }
  .cfaq-page-blocks .clri-dropdown-text-wrapper{
    max-width: 78%;
  }
}

/* Login pages */
input, textarea{
  padding: 6px 0;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid;
  outline: 0;
}
.custom-login-pages-content :is(h1, h2){
  margin: 0 0 48px;
  color: var(--text_color);
}
.clogin-footer{
  color: var(--text_color);
  margin-top: 24px;
}
.clogin-footer *{
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.clogin-footer p{
  margin: 0;
}
.clogin-footer a{
  text-decoration: underline;
}
#rc_login a{
  text-decoration: underline;
}
.clogin-footer a:not([disabled]):hover, .clogin-footer a:focus {
  color: inherit;
}
.custom-password-button{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
}

.custom-password-button-icon {
  font-size: 1.125rem;
}

.clogin-wrapper{
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 0;
}
.clogin-image-container{
  border-radius: 5px;
  overflow: hidden;
}
.custom-login-pages-content .form-message--error li{
  list-style-type: none;
}
.custom-login-pages-content .form-message--error{
  border: 0;
  background-color: transparent;
  padding: 0;
  font-size: 15px;
}
.custom-login-popup{
  position: fixed;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 40px);
  max-width: 720px;
  margin: 0 20px;
  background: #FFDCF2;
  color: var(--color-body-text);
  border: 0;
  border-radius: 0.3125rem;
  padding: 40px 20px;
  margin: 0;
}
.custom-login-popup:focus-visible{
  outline: 0;
}
.close-popup{
  position: absolute;
  top: 10px;
  right: 10px;
}

@media only screen and (min-width: 767px){
  .custom-login-popup{
    padding: clamp(60px, 8.33vw, 100px) clamp(40px, 6.67vw, 80px);
    border-radius: 0.625rem;
  }
  .clogin-image-container{
    border-radius: 10px;
    width: 51%;
  }
  .clogin-wrapper{
    flex-direction: row;
    align-items: center;
    gap: clamp(40px, 6.67vw, 80px);
  }
  .custom-login-pages-content{
    flex: 1;
  }
  .custom-login-pages-content form {
    max-width: 430px;
    margin: 0 auto;
  }
  .close-popup{
    top: 24px;
    right: 24px;
  }
  .close-popup svg{
    width: 1.5em;
    height: 1.5em;
  }
  .clogin-footer {
    margin-top: 2rem;
  }
  .custom-password-button-icon {
    font-size: 1.5rem;
  }
}

/* Dropdown blocks */
.cdb-container{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cdb-title-container{
  background: transparent;
  border: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  outline: 0;
}
.cdb-title{
  color: var(--title_color);
  margin: 0;
}
.cdb-indicator{
  color: var(--title_color);
  margin-top: 9px;
  transition: transform .3s ease-out;
}
.cdb-text-container{
  padding: 10px 0;
}
.cdb-block:not(:first-of-type) .cdb-text-container{
  display: none;
}
.opened .cdb-indicator{
  transform: rotate(180deg);
}
.cdb-big-text-wrapper{
  color: var(--text_color);
  margin-bottom: 0;
}
.cdb-text-wrapper{
  color: var(--text_color);
}
.cdb-big-text-wrapper *, .cdb-text-wrapper *{
  line-height: inherit;
  color: inherit;
  font-size: inherit;
}
.cdb-big-text-wrapper *:last-child, .cdb-text-wrapper *:last-child{
  margin: 0;
}

@media only screen and (min-width: 767px){
  .cdb-container{
    gap: 60px;
  }
  .cdb-block{
    display: flex;
    justify-content: space-between;
    gap: 40px;
    pointer-events: none;
  }
  .cdb-block .cdb-text-container, .cdb-block:not(:first-of-type) .cdb-text-container{
    display: block !important;
  }
  .cdb-indicator{
    display: none;
  }
  .cdb-title-container{
    flex: 1;
  }
  .cdb-text-container{
    flex-basis: 60%;
    flex-shrink: 0;
    padding: 0;
  }
}

@media only screen and (min-width: 1024px){
  .cdb-container{
    gap: clamp(60px, 10vw, 120px);
  }
  .cdb-block{
    gap: clamp(40px, 6.67vw, 80px);
  }
  .cdb-text-container{
    flex-basis: 50%;
  }
}

/* Custom grid content */
.cgc-wrapper{
  padding: 16px 0;
}
.cgc-content{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  grid-auto-rows: minmax(0, 1fr);
}
.cgc-block{
  grid-row-end: span var(--height_mobile);
}
.cgc-block-wrapper{
  border-radius: 5px;
  background: var(--blocks_bg_color);
  padding: .625rem 0.8125rem 0.8125rem;
  height: 100%;
  overflow: hidden;
}
.cgc-block-wrapper.image-wrapper{
  padding: 0;
  height: 100%;
}
.cgc-block-image-container{
  max-width: var(--max-width-mobile);
  margin: 0 auto 5px;
}
.image-wrapper .cgc-block-text-container{
  position: absolute;
  bottom: .75rem;
  left: .75rem;
  right: .75rem;
}
.image-wrapper .cgc-block-image-container, .image-wrapper .cgc-block-image-wrapper{
  height: 100%;
  padding: 0;
}
.cgc-block-text-container:not(:first-child){
  margin-top: 0.5rem;
}
.cgc-block-title{
  color: var(--title_color);
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.cgc-block-title:not(.custom-h2) {
  font-size: 0.9375rem;
  line-height: 1.33;
}
.image-wrapper .cgc-block-title{
  text-transform: none;
}
.cgc-block-title *{
  color: inherit;
}
.cgc-block-title:not(:only-child){
  margin-bottom: 0.25rem;
}
.cgc-block-title.custom-h2:not(:only-child) {
  margin-bottom: 0.5rem;
}
.cgc-block-text{
  color: var(--text_color);
  margin: 0;
  line-height: 1.2;
}

.image-wrapper .cgc-block-text {
  max-width: 670px;
}

.cgc-block-text:not(.custom-p) {
  font-size: 0.9375rem;
}

.cgc-block-text *{
  color: inherit;
}

@media only screen and (min-width: 767px){
  .cgc-content{
    grid-template-columns: repeat(var(--grid_tablet), 1fr);
    gap: var(--gap_tablet);
    /* grid-auto-columns: minmax(0, 1fr); */
  }
  .cgc-block{
    grid-row-end: span var(--height_tablet);
    grid-column-end: span var(--width_tablet);
  }
  .cgc-block-wrapper{
    border-radius: 10px;
    padding: clamp(.75rem, 2.33vw, 1.75rem) clamp(1rem, 2.7vw, 2rem);
  }
  .cgc-block-image-container{
    max-width: var(--max-width-desktop);
    margin-bottom: 0.75rem;
  }
  .image-wrapper .cgc-block-text-container{
    bottom: clamp(.75rem, 2.67vw, 2rem);
    left: clamp(.75rem, 2vw, 1.5rem);
    right: clamp(.75rem, 2vw, 1.5rem);
  }

  .cgc-block-text:not(.custom-p) {
    font-size: 1rem;
  }

  .cgc-block-title:not(:only-child) {
    margin-bottom: 0.5rem;
  }

  .cgc-block-title.custom-h2:not(:only-child) {
    margin-bottom: 1.25rem;
  }

  .cgc-block-title:not(.custom-h2) {
    font-size: 1rem;
    line-height: 1.05;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1023px){
  .fullwidth-cgc-block-tablet .cgc-block-wrapper{
    max-width: calc((100% - (var(--gap_tablet) * (var(--grid_tablet) - 1))) / var(--grid_tablet));
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1024px){
  .cgc-content{
    grid-template-columns: repeat(var(--grid_desktop), 1fr);
    gap: var(--gap_desktop);
  }
  .cgc-block{
    grid-row-end: span var(--height_desktop);
    grid-column-end: span var(--width_desktop);
  }
  .fullwidth-cgc-block-desktop .cgc-block-wrapper{
    max-width: calc((100% - (var(--gap_desktop) * (var(--grid_desktop) - 1))) / var(--grid_desktop));
    margin: 0 auto;
  }
}

/* Custom CTA banner */
.cctab-container{
  background: transparent;
}
.cctab-wrapper{
  border-radius: 5px;
  max-width: 1080px;
  background: var(--bg_color);
  padding: 40px 20px;
}
.cctab-button{
  width: 100%;
  margin-top: 8px;
  max-width: 432px;
}

@media only screen and (min-width: 767px){
  .cctab-wrapper {
    padding: clamp(40px, 8.33vw, 100px) clamp(20px, 3.33vw, 40px);
  }
  .cctab-button {
    margin-top: 16px;
    padding: clamp(.75rem, 1.67vw, 20px) 2rem;
  }
}