/** Shopify CDN: Minification failed

Line 134:2 Unexpected "}"
Line 439:21 The "-" operator only works if there is whitespace on both sides

**/


/* CSS from section stylesheet tags */
.card-overlay{
  background-color: rgba(37, 54, 45, 0.8);
    position: absolute;
    top: 36%;
    left: 3%;
    color: white;
    padding: 0.1rem;
  }


  .intro_special-text {
      letter-spacing: -.02em;
      font-size: 1.75rem;
      font-weight: 400;
  }

    .container-card{
      width: 100%;
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
      transition: 0.3s;
      position: relative;
    }


  .italic-title{
      font-style: italic;
  }

    .card-heading{
      display: block;
      letter-spacing: -.04em;
      margin-top: 0;
      margin-bottom: 0;
      font-size: 3rem;
      font-weight: 400;
      line-height: 1.1;
    }


    .flex-container {
      display: flex;
      gap: 2rem;
      flex-wrap: wrap;
  }

  .container-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }

  .inner{
    padding: 1.5rem;
    width: 100%;
    box-sizing: border-box;
  }

  .card-image{
      display: block;
      width:100%;
      aspect-ratio: 1 / 0.7;
      object-fit: cover;
      margin-bottom: 1rem;
  }

  .heading-container{
      display: flex;
      padding: 0 40px;
  }

  .intro_card-number{
      font-size: 3rem;
      font-weight: 400;
      line-height: 1;
  }


  .link-left{
      display: flex;
      justify-content: end;
  }
  .container-link{
      color: rgba(37,54,46,.8);
      background-color: #f8f9f7;
      border-color: rgba(37,54,46,.15);
      box-shadow: 0 2px 4px rgba(0,0,0,.08);
      padding: 0.75rem 1.25rem;
  }
  .card-content--text p{
      color: rgb(28, 30, 28);
  }
  .heading-style-h4{
  letter-spacing: -.02em;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.3;
      margin-bottom: 0!important;

  }

  @media screen and (min-width: 1000px) {
    .container-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 31.33%;
    }
  .inner{
    padding: 1.5rem;
  }
    .flex-container{
      justify-content: space-between;
      flex-wrap: nowrap;
    }

    .heading-left{
      width: 44%;
  }
  .link-left{
      display: flex;
      width: 56%;

    }
    .button-link{
      margin: auto 0 0 0;
    }
  }
  }
.valueprop_section-header-wrapper{
      display: flex;
      gap: 1rem;
      flex-direction: column;

  }

  .valueprop_section-header,
  .valueprop_section-header-content{
  flex: 100%;
  }

  .valueprop_section-header{
  margin-bottom: 1rem;
  }

  .image-column {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  }

  .image-outer--container {
  display: flex;
  flex-wrap: wrap;
  padding: 2.875rem 0;
  gap: 1rem;
  }

  .image-textbox--left{
  width: 100%;
  height: 100%;
  object-fit: cover;
  }


  .text-column {
  gap: 1rem;
  flex: 1;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  }


  .text-box {

  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  background-color: #fff;
  }

  .image-outer--container{
  display: flex;
  }

  @media (min-width: 1000px) {
  .valueprop_section-header,
  .valueprop_section-header-content{
  flex: 50%;
    display: flex;
      align-items: flex-end;
  }
  .valueprop_section-header-wrapper{
  display: flex;
  gap: 3rem;
  }

    .valueprop_section-header{
  margin-bottom: 0rem;
  }

  .valueprop_section-header-content{
    margin: auto 0 0 0;
  }


  .text-box{
  justify-content: space-evenly;

  }
  .image-outer--container {
  flex-direction: row;
  padding: 6rem 0 1.3rem;
  }

  .image-column {
  max-width: 50%;
  margin-bottom: 0;
  }

  .text-column {
  max-width: 50%;
  }
  }
.text-style-h3 {
        font-weight: 400!important;
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.3;
    }
    .heading-style-h4{
        letter-spacing: -.02em;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.3;
    }

    .toggle-switch{
    min-height: 2.75rem;
        color: #f6f5f4;
        background-color: #25362e;
        border: 1px solid #25362e;
        align-items: center;
        padding: 0.75rem 2rem;
        display: flex;}
      .icon-embed-small {
        width: 2rem;
        height: 2rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .icon-embed-small{
        width: 3rem;
        height: 3rem;
        background-color: #f8f9f7;
        border: 1px solid rgba(37,54,46,.15);
        flex: none;
        justify-content: center;
        align-self: flex-start;
        align-items: center;
        padding: 0.5rem;
        display: flex;
        box-shadow: 0 1px 2px rgba(0,0,0,.05);
    }

      .impact-row {
        display: flex;
        gap: 1.2rem;
        flex-wrap: wrap;
      }

      .impact-column{
        width: 100%;
        padding: 1.25rem!important;
        background-color: #fff;
        font-size: 1.4rem;
      }

      .impact-column-tab{
        display: flex;
        gap: 1.2rem;
      }

      .fs-small{
        font-size: 1rem;
      }
  
  .quantity-selector-impact {
      min-height: 2.75rem;
      color: #fff;
      background-color: #25362e;
      border: 1px solid #25362e;
      align-items: center;
      padding: 1.75rem 4rem;
      display: flex;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: pointer;

      display: inline-block;
      vertical-align: top;
      text-align: left;
      white-space: nowrap;
      margin-left: auto;
      margin-right: auto;

      text-decoration: none;
      position: relative;
  }

      @media screen and (min-width: 1000px) {
        .impact-row {
        display: flex;
        gap: 1.2rem;
        flex-wrap: nowrap;
      }

      .fs-small{
        font-size: 1rem;
      }

      .impact-column{
        width: 48%;
        padding: 3rem;

      }
      .impact-column-tab{
        display: flex;
        gap: 1.2rem;
      }
      }
.value-indicator.is-annan{
         background-color: rgba(28,30,28,.3);
    }
     .valueprop_chart-value-item.is-not-annan {
         color: #008047;
    }
     .pie-chart-text{
         display: flex;
         justify-content: flex;
    }
     .diagram{
         flex-direction: column;
         display: flex;
         margin-inline: auto;
    }
     .diagram-text-box{
         display: flex;
         margin-inline: auto;
    }
     .valueprop_chart-indicator{
         display: flex;
         gap: .5rem;
         align-items: center;
    }
     .valueprop_chart-indicators {
         display: flex;
         width: 100%;
         gap: 0.8rem;
         align-items: center;
         flex-wrap: wrap;
    }
     .value-indicator {
         width: 1rem;
         height: 1rem;
         background-color: #008047;
    }
     .margin-top{
         margin-top: 1rem;
    }
     .valueprop_chart-indicators{
         display: flex;
         gap: 1.5rem;
         align-items: center;
    }
     .valueprop_chart-value-item{
         display: flex;
         gap: .275rem;
         margin: .4rem 0;
    }
     .pie-chart-column {
         width: 100%;
    }
     .pcmt{
         margin-top:1.5rem;
    }
     .pc-indicator-mt{
         margin-top:1.5rem;
    }
         .pie-chart-row {
      display: flex;
      background: #F8F9F7;
      gap: 1rem;
      padding: 1rem;
      flex-wrap: wrap;
  }
  .pie-price{
    display: flex;
    flex-direction: row;
  }
     @media screen and (min-width: 1000px) {
         .pie-chart-row{
             display: flex;
             flex-direction: row;
             background: #F8F9F7;
             flex-wrap: nowrap;
             justify-content: center;
             align-items: center;
             padding: 3rem;
        }
         .pcmt{
             margin-top:0;
        }
         .valueprop_chart-indicators{
             display: flex;
             flex-wrap: nowrap;
             gap: 1.5rem;
             align-items: center;
        }
         .pie-chart-column {
             float: left;
             width: 50%;
             padding: 10px;
        }
    }
.text-container--text{
    width: calc(95vw -2rem);
    font-weight: 400;
    font-size: 30.9121px;
  } ‚

  .opacity_1{
    color: black;
  }

  .text-container--text{
    letter-spacing: -1.52px;
    line-height: 1.3;
    font-weight: 400;
    color: lightgrey;
  }

  @media screen and (min-width: 1000px) {
  .text-container--text{
    letter-spacing: -2.52px;
    line-height: 1.3;
    font-size: 3.5rem;
    font-weight: 400;
  }
  .muted-text{
      color: lightgrey!important;
  }
  .opacity_1{
    color: black;
  }
  }