/** Shopify CDN: Minification failed

Line 281:75 Unexpected "*"
Line 285:75 Unexpected "*"

**/
.card .button--solid-reversed {
  background-color: var(--color-accent-cards);
  border-color: var(--color-accent-cards);
  color: var(--color-foreground-accent-cards);
}

.card .button:not(.button--outline-hover):not(.button--solid):hover {
  background-color: var(--color-text-cards);
  border-color: var(--color-text-cards);
  color: var(--color-foreground-cards);
}

.button--solid,
.button--solid.button--icon {
  background-color: var(--color-button-background) !important;
  border-color: var(--color-button-background) !important;
  color: var(--color-button-text) !important;
}

.button:not(.button--outline):hover {
  background-color: var(--color-button-accent) !important;
  border-color: var(--color-button-accent) !important;
}

.button:not(.button--outline):hover svg * {
  stroke: var(--color-button-text) !important;
}

.product-quantity {
  border-radius: var(--border-radius-buttons);
  background-color: var(--color-quantity-background);
}

.product-quantity button {
  background-color: var(--color-button-background) !important;
  border-color: var(--color-button-background) !important;
}

.product-quantity button:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.product-quantity button svg * {
  fill: var(--color-button-text) !important;
}

.strapline {
  font-family: "Daft Brush";
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.04em;
  font-size: 26px;
  line-height: 110%;
}

.uppercase {
  text-transform: uppercase;
}

.h0 {
  font-size: 80px;
  line-height: 110%;
  margin-bottom: 10px;
}

.container--large:not(.header__top) {
  max-width: var(--sections--max_width);
}

.container--large.header__top,
#shopify-section-announcement-bar .container--large {
  max-width: 1680px;
}

.fp_icon {
  fill: transparent;
}

.svg-curve {
  position: relative;
  width: 100%;
  min-width: 100%;
  height: 60px;
  margin-top: -60px;
  background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 1920 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1459.2 0C1286.4 0 1302.25 18.6384 979.2 18.6384C709.092 18.6384 672 0.6 499.2 0C326.4 0 297.886 18.6384 -0.00012207 0V60H1920V0C1720.73 13.047 1632 0.6 1459.2 0Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom center;
}

.svg-curve--top {
  position: relative;
  width: 100%;
  min-width: 100%;
  height: 60px;
  margin-top: -60px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1920 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_512_11499)'%3E%3Cpath d='M1459.2 0C1286.4 0 1302.25 18.6384 979.2 18.6384C709.092 18.6384 672 0.6 499.2 0C326.4 0 297.886 18.6384 -0.00012207 0V60H1920V0C1720.73 13.047 1632 0.6 1459.2 0Z' fill='%23E3F0ED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_512_11499'%3E%3Crect width='1920' height='60' fill='white' transform='matrix(-1 0 0 1 1920 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.svg-curve--bottom {
  position: relative;
  width: 100%;
  min-width: 100%;
  height: 60px;
  margin-bottom: -60px;
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='60' viewBox='0 0 1920 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_512_11501)'%3E%3Cpath d='M460.8 60C633.6 60 617.75 41.3616 940.8 41.3616C1210.91 41.3616 1248 59.4 1420.8 60C1593.6 60 1622.11 41.3616 1920 60V0H0V60C199.271 46.953 288 59.4 460.8 60Z' fill='%23E3F0ED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_512_11501'%3E%3Crect width='1920' height='60' fill='white' transform='matrix(1 0 0 -1 0 60)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom center;
}

@media all and (min-width: 1850px) {
  .svg-curve,
  .svg-curve--top,
  .svg-curve--bottom {
    background-repeat: repeat;
  }
}

.card .button--solid-reversed {
  background-color: var(--color-accent-cards);
  border-color: var(--color-accent-cards);
  color: var(--color-foreground-accent-cards);
}

.card .button:not(.button--outline-hover):not(.button--solid):hover {
  background-color: var(--color-text-cards);
  border-color: var(--color-text-cards);
  color: var(--color-foreground-cards);
}

.button--solid,
.button--solid.button--icon {
  background-color: var(--color-button-background) !important;
  border-color: var(--color-button-background) !important;
  color: var(--color-button-text) !important;
}

.button:not(.button--outline):hover {
  background-color: var(--color-button-accent) !important;
  border-color: var(--color-button-accent) !important;
}

.button:not(.button--outline):hover svg * {
  stroke: var(--color-button-text) !important;
}

.product-quantity {
  border-radius: var(--border-radius-buttons);
  background-color: var(--color-quantity-background);
}

.product-quantity button {
  background-color: var(--color-button-background) !important;
  border-color: var(--color-button-background) !important;
}

.product-quantity button:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.product-quantity button svg * {
  fill: var(--color-button-text) !important;
}

html {
  scroll-behavior: smooth;
}

.rb-container {
  width: var(--sections--max_width) !important;
  padding-left: var(--gutter-container) !important;
  padding-right: var(--gutter-container) !important;
}

.rb-filters-ns {
  padding-top: 25px;
  padding-bottom: 25px;
}

.rb-filters-ns > label {
  padding: 8px 16px;
  padding: .5rem 1rem;
  /*background-color: #46BBC0;*/
   background-color: rgba(187, 216, 117, 1);

  color: #fff;
}

.rb-filters-ns > ul {
  width: 100%;
}

.rb-filters-ns > ul li {
  padding: 8px 16px;
  padding: .5rem 1rem;
  border: 1px solid #323232;
}

.rb-item-actions .rb-qty-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: var(--border-radius-buttons);
 /* background-color: var(--color-quantity-background);*/
 background-color: rgba(187, 216, 117, 1);
}

.rb-item-actions .rb-qty-wrapper button {
  background-color: var(--color-button-background) !important;
  border-color: var(--color-button-background) !important;
}

.rb-item-actions .rb-qty-wrapper button:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.rb-item-actions .rb-qty-wrapper button svg * {
  fill: var(--color-button-text) !important;
}

.rb-item-actions .rb-qty-wrapper input.rb-input {
  border: 0;
  background-color: transparent;
}

.rb-item-actions .rb-qty-wrapper input.rb-input:focus-visible {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.announcement-bar__customer-account {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.announcement-bar__customer-account a.button.button--icon {
  -webkit-margin-end: 10px;
  -moz-margin-end: 10px;
  margin-inline-end: 10px;
  -webkit-margin-end: 0.625rem;
  -moz-margin-end: 0.625rem;
  margin-inline-end: 0.625rem;
  border: none;
  text-transform: uppercase;
}

.announcement-bar__customer-account a.button.button--icon:hover {
  background-color: transparent !important;
  color: #fff !important;
}

.announcement-bar__customer-account a.button.button--icon .button__icon svg {
  width: 16px;
}

.announcement-bar__customer-account a.button.button--icon .button__icon svg* {
  stroke: #fff;
}

.announcement-bar__customer-account a.button.button--icon .button__icon svg*:hover {
  stroke: #fff;
}

.breadcrumb-container {
  max-width: var(--sections--max_width) !important;
}

.breadcrumb-main.breadcrumbs--product {
  top: 0 !important;
}

.breadcrumb-main.breadcrumbs--product:before, .breadcrumb-main.breadcrumbs--product:after {
  background: none;
}

.bundle-description .container--large {
  -webkit-padding-start: 0;
  -moz-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 0;
  -moz-padding-end: 0;
  padding-inline-end: 0;
}

.bundle-description .grid {
  border-radius: 10px;
}

.bundle-description .grid--item.content {
  padding: 16px;
  padding: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(48px, 58px) 5px auto;
  grid-template-columns: minmax(48px, 58px) auto;
  -ms-grid-rows: minmax(58px, 78px) 5px auto;
  grid-template-rows: minmax(58px, 78px) auto;
  grid-template-areas: "icon heading" "text text";
  gap: 5px;
}

.bundle-description .grid--item.content svg {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: icon;
  fill: none;
  -ms-grid-row-align: center;
  align-self: center;
}

.bundle-description .grid--item.content h2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: heading;
  margin: 0;
  text-transform: uppercase;
  -ms-grid-row-align: center;
  align-self: center;
}

.bundle-description .grid--item.content p {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: text;
  color: #646464;
}

.bundle-description .grid--item.imagery img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}

@media all and (max-width: 1024px) {
  .bundle-description .grid {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.bundle-options {
  padding-bottom: 25px;
}

.bundle-options h2.section-heading__title {
  text-transform: uppercase;
}

.bundle-options .bundle-option a {
  display: -ms-grid;
  display: grid;
  height: 100%;
  min-height: 265px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 3px solid var(--bundle-section--background-color);
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.bundle-options .bundle-option a h2 {
  position: relative;
  z-index: 2;
  font-style: normal;
  font-weight: 400;
  font-size: 68px;
  line-height: 100%;
  text-transform: uppercase;
  padding: 25px;
}

.bundle-options .bundle-option a img {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.bundle-options .bundle-option a:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -2px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -2px;
}

.bundle-options .bundle-option a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.bundle-options .bundle-option.active a {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -2px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -2px;
}

.bundle-options .notice p {
  padding-top: 25px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: 0.04em;
}

@media all and (min-width: 1023px) {
  #site-header .header-container.header-container--top .header__top {
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
  }
  #site-header .header-container.header-container--top .header__top #logo {
    -webkit-padding-end: 2.5rem;
    -moz-padding-end: 2.5rem;
    padding-inline-end: 2.5rem;
  }
  #site-header .header-container.header-container--top .header__top .container--navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #site-header .header-container.header-container--top .header__top .container--navigation .header-actions--blocks {
    -webkit-padding-end: 2.5rem;
    -moz-padding-end: 2.5rem;
    padding-inline-end: 2.5rem;
  }
  #site-header .header-container.header-container--top .header__top .header-actions .search--trigger {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #1D1D1D;
  }
  #site-header .header-container.header-container--top .header__top .header-actions .search--trigger span {
    height: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.funnel-buttons .container--large {
  position: relative;
  z-index: 5;
}

.funnel-buttons .container--large > p {
  padding-top: 25px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.04em;
}

.funnel-buttons .card a {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  color: inherit;
}

.funnel-buttons .card a.element--height-x-small {
  min-height: 269px;
}

.funnel-buttons .card a img {
  margin-left: auto;
  display: block;
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
  padding: 16px;
  padding: 1rem;
}

.funnel-buttons .card--content {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 75%;
  height: calc(100% - 38px);
  padding: 16px;
  padding: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px auto;
  grid-template-columns: 50px auto;
  -ms-grid-rows: 75px auto;
  grid-template-rows: 75px auto;
  grid-template-areas: "icon title" "desc desc";
}

.funnel-buttons .card--content .fp_icon {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: icon;
  align-self: center;
}

.funnel-buttons .card--content h2 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: title;
  margin: 0;
  -ms-grid-row-align: center;
  align-self: center;
  padding-left: 10px;
  text-transform: uppercase;
}

.funnel-buttons .card--content .description {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  width: 100%;
  grid-area: desc;
  -ms-grid-row-align: center;
  align-self: center;
}

.funnel-buttons .card--content .description p {
  margin: 0;
  padding: 4px 0;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
}

.funnel-buttons .card--banner {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 4px;
}

.funnel-buttons .card--banner a, .funnel-buttons .card--banner p {
  margin: 0;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.04em;
  color: #fff;
  display: block;
}

@media all and (min-width: 768px) {
  .funnel-buttons .card a img {
    -webkit-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    transform: translate(30%, 0);
  }
}

@media all and (min-width: 1124px) {
  .funnel-buttons .card a img {
    -webkit-transform: translate(15%, 0);
    -ms-transform: translate(15%, 0);
    transform: translate(15%, 0);
  }
  .funnel-buttons .card a .card--banner a,
  .funnel-buttons .card a .card--banner p {
    font-size: 20px;
  }
  .funnel-buttons .container--large > p {
    font-size: 20px;
  }
}

.hero .hero--inner {
  position: relative;
}

.hero .hero--inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.hero .hero--inner .hero--inner-content {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero .hero--inner .hero--inner-content .content {
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}

.hero .hero--inner .hero--inner-content .content .hero--title {
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}

.hero .hero--inner .hero--inner-content .content .hero--title strong {
  font-family: "Daft Brush";
}

.hero .hero--inner .hero--inner-content .content .hero--description {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
}

.hero .steps {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5px;
  padding: 8px;
  padding: .5rem;
}

.hero .steps .steps--svg-path {
  display: none;
}

.hero .steps .step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.hero .steps .step h2 {
  position: relative;
  z-index: 1;
  color: #fff;
  margin: 0;
}

.hero .steps .step .step--leaf-wrapper {
  width: 100%;
  height: 100%;
  padding: 24px;
  padding: 1.5rem;
  max-width: 125px;
}

.hero .steps .step p {
  font-weight: 600;
}

@media all and (min-width: 768px) {
  .hero .steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: .5rem;
  }
  .hero .steps .steps--svg-path {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 10%;
    height: 50%;
    min-width: 70%;
    margin-left: 15%;
    fill: transparent;
    display: block;
  }
  .hero .steps .step {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 185px;
  }
  .hero .steps .step .step--leaf-wrapper {
    padding: 1rem;
    max-width: unset;
  }
}

.product-page--details .grid--no-stretch {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-page--details .product-text {
  padding: 16px;
  padding: 1rem;
  border-radius: 10px;
}

.product-page--details .product-text .product-spice-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-page--details .product-text .product-actions {
  color: #46BBC0;
}

.product-page--details .product-text .product-price--compare {
  color: var(--color-text-main);
}

.product-page--details .product-text .allergens {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-page--details .product-text .allergens .allergen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 8px 16px;
  padding: .5rem 1rem;
}

.newsletter-section {
  position: relative;
}

.newsletter-section img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}

.newsletter-section .container--full-width,
.newsletter-section .container--large .flex-card {
  background-color: var(--newsletter--background-color);
}

.newsletter-section .flex-card {
  max-width: var(--newsletter--max-width);
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-template-areas: "image image" "form form";
}

.newsletter-section .flex-card .flex-card--content.form {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: form;
}

.newsletter-section .flex-card .flex-card--content.image {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: image;
}

.newsletter-section .newsletter-border {
  position: relative;
  z-index: -1;
}

.newsletter-section .newsletter-border svg,
.newsletter-section .newsletter-border svg path {
  display: block;
  width: 100%;
  min-width: 100%;
}

.newsletter-section .newsletter-border.top svg,
.newsletter-section .newsletter-border.top svg path {
  fill: var(--newsletter--background-color);
}

.newsletter-section .newsletter-border.bottom {
  z-index: 10;
  background-color: var(--newsletter--background-color);
}

.newsletter-section .newsletter-border.bottom svg,
.newsletter-section .newsletter-border.bottom svg path {
  fill: var(--curved-border--background-color);
}

.newsletter-section .flex-card--content.form {
  -webkit-padding-start: var(--gutter-container);
  -moz-padding-start: var(--gutter-container);
  padding-inline-start: var(--gutter-container);
  -webkit-padding-end: var(--gutter-container);
  -moz-padding-end: var(--gutter-container);
  padding-inline-end: var(--gutter-container);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.newsletter-section .flex-card--content.form h3 {
  text-transform: uppercase;
}

.newsletter-section .flex-card--content.form .increased-spacing {
  margin-top: 15px;
  margin-bottom: 15px;
}

.newsletter-section .newsletter input[type=email] {
  border-radius: var(--border-radius-buttons);
}

@media all and (min-width: 1280px) {
  .newsletter-section .flex-card {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: "form image";
  }
  .newsletter-section .container--large:not(.container--vertical-space) .flex-card--content.image,
  .newsletter-section .container--full-width:not(.container--vertical-space) .flex-card--content.image {
    margin-left: 10%;
  }
  .newsletter-section .container--large:not(.container--vertical-space) .flex-card--content.image img,
  .newsletter-section .container--full-width:not(.container--vertical-space) .flex-card--content.image img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  .newsletter-section .container--full-width {
    position: relative;
  }
  .newsletter-section .container--full-width:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -40px;
    left: 0;
    display: block;
    width: 100%;
    height: 40px;
    background-color: var(--newsletter--background-color);
  }
  .newsletter-section .newsletter-border.bottom {
    background-color: transparent;
  }
  .newsletter-section .flex-card .flex-card--content.form {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .newsletter-section .flex-card .flex-card--content.image {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
}

.pillbox .container--large {
  -webkit-padding-start: 0;
  -moz-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 0;
  -moz-padding-end: 0;
  padding-inline-end: 0;
}

.pillbox .wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(50px, 100px) auto;
  grid-template-columns: minmax(50px, 100px) auto;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-template-areas: "img text" "button button";
  -webkit-margin-start: 16px;
  -moz-margin-start: 16px;
  margin-inline-start: 16px;
  -webkit-margin-start: 1rem;
  -moz-margin-start: 1rem;
  margin-inline-start: 1rem;
  -webkit-margin-end: 16px;
  -moz-margin-end: 16px;
  margin-inline-end: 16px;
  -webkit-margin-end: 1rem;
  -moz-margin-end: 1rem;
  margin-inline-end: 1rem;
  padding: 16px;
  padding: 1rem;
}

.pillbox .wrapper img, .pillbox .wrapper h2, .pillbox .wrapper .button {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.pillbox .wrapper img {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  height: 44px;
  width: 44px;
  margin: 16px;
  margin: 1rem;
  grid-area: img;
  -ms-grid-column-align: center;
  justify-self: center;
}

.pillbox .wrapper h2 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  margin-bottom: 0;
  text-transform: uppercase;
  font-style: normal;
  grid-area: text;
}

.pillbox .wrapper .button {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  padding: 15px 45px;
  border-radius: 60px;
  grid-area: button;
}

@media all and (min-width: 868px) {
  .pillbox .container--large {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    padding-inline-end: 0;
  }
  .pillbox .wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(50px, 100px) auto minmax(100px, 230px);
    grid-template-columns: minmax(50px, 100px) auto minmax(100px, 230px);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: "img text button";
    border-radius: 60px;
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    -moz-margin-end: 0;
    margin-inline-end: 0;
    padding: 0;
  }
  .pillbox .wrapper .button {
    margin-top: 0;
    margin-right: 10px;
  }
  .pillbox .wrapper > p {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .pillbox .wrapper img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .pillbox .wrapper > h2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .pillbox .wrapper .button {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}

.process-steps {
  scroll-padding-top: 2rem;
}

.process-steps .container--large {
  margin-top: 0;
  position: relative;
  z-index: 1;
}

.process-steps .steps--scroller {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.process-steps .steps--scroller::-webkit-scrollbar {
  display: none;
}

.process-steps .steps {
  position: relative;
  z-index: 1;
  min-width: 1280px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 20px;
}

.process-steps .steps .steps--svg-path {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  height: 50%;
  min-width: 80%;
  margin-left: 10%;
  fill: transparent;
}

.process-steps .step {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 300px;
  -ms-flex: 1 1 300px;
  flex: 1 1 300px;
  max-width: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.process-steps .step figure {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 220px;
  height: 220px;
}

.process-steps .step figure:before {
  content: "";
  display: block;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}

.process-steps .step figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.process-steps .step h4 {
  margin-bottom: 0;
}

.process-steps .step p {
  font-style: normal;
  font-weight: var(--font-weight-body);
  line-height: 140%;
}

@media all and (min-width: 1125px) {
  .process-steps .steps {
    min-width: unset;
  }
}

.rich-text__text h2 {
  text-transform: uppercase;
}

.rich-text__text .detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.rich-text__text .detail .heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rich-text__text .detail .heading svg {
  margin-right: 10px;
}

.rich-text__text .detail .heading h4 {
  font-style: normal;
  font-weight: 600;
  margin-bottom: 8px;
  margin-bottom: .5rem;
}

.rich-text__text .detail p {
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
}

.mount-slideshow svg {
  position: relative;
  z-index: 10;
}

.mount-slideshow svg.top {
  -webkit-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  transform: translate(0, 15px);
}

.mount-slideshow svg.bottom {
  -webkit-transform: translate(0, -15px);
  -ms-transform: translate(0, -15px);
  transform: translate(0, -15px);
}

@media all and (min-width: 850px) {
  .mount-slideshow svg.top {
    -webkit-transform: translate(0, 25px);
    -ms-transform: translate(0, 25px);
    transform: translate(0, 25px);
  }
  .mount-slideshow svg.bottom {
    -webkit-transform: translate(0, -25px);
    -ms-transform: translate(0, -25px);
    transform: translate(0, -25px);
  }
}

@media all and (min-width: 1800px) {
  .mount-slideshow svg.top {
    -webkit-transform: translate(0, 60px);
    -ms-transform: translate(0, 60px);
    transform: translate(0, 60px);
  }
  .mount-slideshow svg.bottom {
    -webkit-transform: translate(0, -60px);
    -ms-transform: translate(0, -60px);
    transform: translate(0, -60px);
  }
}

.testimonials-section .panel {
  position: relative;
}

.testimonials-section .panel .testimonial_icon {
  position: absolute;
  margin: 16px;
  margin: 1rem;
  width: 64px;
  height: 81px;
}

.testimonials-section .panel .testimonial_icon--top {
  top: 0;
  left: 0;
}

.testimonials-section .panel .testimonial_icon--bottom {
  bottom: 0;
  right: 0;
}

@media all and (min-width: 1280px) {
  .testimonials-section .panel .testimonial_icon {
    width: 128px;
    height: 162px;
  }
}

.breadcrumb {
  padding: 6px 20px;
  background-color: var(--breadcrumb--background-color);
  border-radius: var(--breadcrumb--border-radius);
}

body.modal--active {
  overflow: hidden;
}

#search-modal {
  display: none;
}

@media all and (min-width: 1024px) {
  #search-modal {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  #search-modal.modal--active {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  #search-modal.modal--active .modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #search-modal .container--large {
    margin-top: 165px;
  }
  #search-modal .container--large form button.button {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 120px;
    height: 100%;
  }
}

/*# sourceMappingURL=kubix.css.map */