.who-we-are {
  position: relative;
  text-align: center;
  padding-bottom: 20px;
}

@media screen and (max-width:970px) {
	.who-we-are {
		padding-top: 120px;
		padding-bottom: 20px;
	}
}

@media screen and (max-width:767px) {
	.who-we-are {
		padding-top: 80px;
		padding-bottom: 40px;
	}
}

.who-we-are-section .decor-border {
  bottom: calc(100% - 26px);

  @media screen and (max-width:767px) {
    bottom: calc(100% - 9px);
  }
}

.who-we-are sup {
  font-size: 35%;
}
.who-we-are__container {
  max-width: 1280px;
  overflow: hidden;
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
  z-index: 1;

  @media screen and (max-width:767px) {
    padding: 0 16px;
  }
}

.who-we-are__container h2.h1 {
  font-weight: 700;
	font-size: 80px;

  @media screen and (max-width:767px) {
    padding: 0!important;
    font-size: 42px;
  }
}

.who-we-are__container h2 {
	font-family: var(--font-body-family);
	line-height: 1.5;
}

.section-icons {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 48px;
}

.section-product-ingredients {
	gap: 16px;
}

.section-product-ingredients .section-icons__icon {
	flex: 0 0 calc(25% - 16px);
	padding: 0 16px 16px;
}

@media screen and (max-width: 767px) {
	.section-product-ingredients {
		gap: 8px;
	}
	.section-product-ingredients .section-icons__icon {
		flex: 0 0 calc(50% - 8px);
	}
}

@media screen and (min-width: 768px)  and (max-width: 1024px) {
	.section-product-ingredients {
		gap: 8px;
	}
	.section-product-ingredients .section-icons__icon {
		flex: 0 0 calc((100% / 3) - 8px);
	}
}

.who-we-are .list-unstyled.section-icons.section-product-ingredients {
	max-width: 1020px;
	padding: 0 20px;
	margin: 0 auto;
}

.section-icons:not(.section-icons-costco) .section-icons__icon-image img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
  @media screen and (max-width:767px) {
		.section-icons:not(.section-icons-costco) .section-icons__icon-image img {
    width: 64px;
    height: 64px;
  }
}


.section-icons__icon {
   padding: 32px 24px;
   background: #fff;
   border-radius: 24px;
   width: calc(20% - var(--column-gap) * 4 / 5);
   max-width: calc(20% - var(--column-gap) * 4 / 5);
}
  @media screen and (max-width: 970px) {
		.section-icons__icon {
			width: calc((100% / 3) - var(--column-gap) * 2 / 3);
			max-width: calc((100% / 3) - var(--column-gap) * 2 / 3);
		}
	}

  @media screen and (max-width:767px) {
		.section-icons__icon {
			padding: 16px;
			width: calc(50% - var(--column-gap) / 2);
			max-width: calc(50% - var(--column-gap) / 2);
		}
	}
 .section-icons__icon.costco-page {
		max-width: calc(20% - var(--column-gap) * 1 / 1);
 }
.section-icons__icon a {
   text-decoration: none;
 }
.section-icons__icon-title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  display: block;
  margin: 10px auto 0;
  color: #582931;
  line-height: 24px;
}
.who-we-are__images-wrapper {
  text-align: center;
  margin-top: 50px;
}
@media screen and (max-width:767px) {
  .who-we-are__images-wrapper {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
		margin-top: 32px;
  }
}.who-we-are__images-wrapper img {
   margin: 0 auto;
	 position: relative;
	 z-index: 4;
 }
@media screen and (max-width:767px) {
  .who-we-are__parallax--center {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
}
.who-we-are__parallax--right {
   position: absolute;
   bottom: 15%;
	 z-index: 0;
}

.who-we-are__parallax--left img {
  max-width: 340px;

  @media screen and (max-width:970px) {
    max-width: 250px;
  }

  @media screen and (max-width:767px) {
    max-width: 100px;
  }
}

@media screen and (max-width:970px) {
	.who-we-are__parallax--left img{
		max-width: 250px;
	}
}


@media screen and (max-width:767px) {
	.who-we-are__parallax--left img {
		max-width: 170px !important;
	}
}

@media screen and (max-width:767px) {
  .who-we-are__parallax--right {
    max-width: 30%;
    bottom: 0;
    width: 100%
  }

  .who-we-are__parallax--right img {
    max-width: 100%!important;
  }
}
@media screen and (max-width:1300px) {
  .who-we-are__parallax--left {
    left: -10%
  }
}
.who-we-are__parallax--right {
   right: 0;
 }
.product-badges {
   overflow: visible;
 }
.product-badges .section-icons {
  margin-top: 0;
}
@media screen and (max-width:767px) {
  .product-badges .section-icons {
    justify-content: center;
  }
}
.product-badges .section-icons__icon {
   padding: 0 40px 22px;
 }
@media screen and (max-width:767px) {
  .product-badges .section-icons__icon {
    padding: 0 20px 22px;
    max-width: 120px;
  }
}
.product-badges .who-we-are__container {
   max-width: 1400px;
 }
.who-we-are__button {
  margin-top: 10px;
}
.statistics {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 40px;
}
.statistics__subheading {
  font-size: 32px;
  min-height: 56px;
}
@media screen and (max-width:767px) {
  .statistics__subheading {
    min-height: auto;
		font-size: 28px;
  }
}
.statistics__heading {
   font-weight: 700;
   font-size: 100px;
   margin-bottom: 5px;
   line-height: 1;
 }
@media screen and (max-width:1200px) {
  .statistics__heading {
    font-size: 100px;
  }
}@media screen and (max-width:767px) {
  .statistics__heading {
    font-size: 60px;
  }
}@media screen and (max-width:767px) {
  .statistic__item {
    width: 100%!important;
  }
}.statistic__item img {
   margin: 0 auto 12px;
 }
.statistics__container {
  max-width: 1440px;
  padding: 0 20px;
  margin: 0 auto;
}

.who-we-are__parallax--left {
  position: absolute;
  bottom: 15%;
  z-index: 0;
}

@media screen and (max-width:970px) {
	.who-we-are__parallax--left {
		bottom: 60%;
		left: -10%;
	}
}

@media screen and (max-width:767px) {
	.who-we-are__parallax--left {
		bottom: 60%;
		left: -10%;
	}
}

@media screen and (max-width: 440px) {
	.who-we-are__parallax--left {
		left: 0;
	}
}