/** Shopify CDN: Minification failed

Line 128:6 Expected ":"

**/
.b-corp {
  margin-top: 3rem;
}

h2 {
  color: #567761;
}

.b-corp__container {
  display: flex;
  justify-content: space-around;
  padding: 6rem 0;
}

.b-corp__container-left-col {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex: 1;
}

.b-corp__header {
  margin-bottom: 1rem;
}

.b-corp__details p {
  margin-bottom: 1rem;
}
.b-corp__details a {
 color: #567761;
}
.b-corp__container-right-col {
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  min-height: 25rem;
  position: relative;
  margin-right: 3.2rem;
  flex: 1;
}
[data-section="1"] .b-corp__container-right-col,
[data-section="5"] .b-corp__container-right-col{
  padding-top:30%;
}
.b-corp__img {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit:cover;
}

.b-corp__img.b-corp__img-bg {
  background-color: #567761;
}

.b-corp__img.b-corp__img-panda {
  width: 200px;
  height: 200px;
  object-fit: contain;
  transform: translateY(100%) scaleX(-1);
}

.b-corp__button-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 24px;
}

.b-corp__button {
  background-color: var(--gradient-base-accent-2);
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  padding: 1rem 3.2rem;
  font-weight:600;
  text-decoration: none;
}

.b-corp__what-is-container {
  display: flex;
}

.b-corp__what-is-left-column {
  flex: 1;
  padding-top: 1rem;
  padding-right: 1rem;
}

.b-corp__what-is-right-column {
  flex: 1;
  padding-top: 1rem;
  padding-left: 1rem;
}

.b-corp__what-is-left-column > *,
.b-corp__what-is-right-column > * {
  margin-bottom: 1rem;
}

.b-corp__whats-next {
  background-color: #567761;
  padding: 6rem 0 6rem 6rem;
  display: flex;
  color:#FFF;
}

.b-corp__whats-next-img-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.b-corp__whats-next-img-line {
  position: relative;
  z-index: 1;
  top: 0;
  right: 0;
  left: 200px;
  transform: rotate(20deg);
  obje
}

.b-corp__whats-next-img-ping {
  z-index: 2;
  right: 0;
  height: 250px;
  width: 250px;
  position: absolute;
  object-fit: contain;
}

.b-corp__whats-next > * {
  margin-bottom: 1rem;
}
.b-corp__whats-next-title {
  margin-top:0; 
  margin-bottom:0;
}
.b-corp__whats-next-title,
.b-corp__whats-next-description {
  color: #fff;
}

.b-corp__whats-next-subtitle {
  color: var(--gradient-base-accent-2);
}

.b-corp__whats-next-list {
  list-style-type: disc;
  padding-left: 20px;
  margin-top: 10px;
  line-height:1.4;
}

.b-corp__whats-next-list li {
  margin-bottom: 10px;
  color: #fff;
}

.b-corp__whats-next-list li::marker {
  color: var(--gradient-base-accent-2);
}

.b-corp__whats-next-button {
  background-color: var(--gradient-base-accent-2);
  color: #fff;
  padding: 1rem 3.2rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 20px;
  text-decoration: none;
}

.b-corp__metrics-container > * {
  margin: 1rem;
}

.b-corp__metrics-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.b-corp__metrics-content {
  margin-bottom: 2rem;
}

.b-corp__section-title {
  color: #333;
}

.b-corp__impact-button {
  background-color: var(--gradient-base-accent-2);
  color: #fff;
  padding: 1rem 3.2rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.4rem;
}

.b-corp__metrics-impact {
  display: flex;
  flex-wrap: wrap;
}

.b-corp__metric-item {
  flex: 1;
  text-align: center;
}

.b-corp__metric-item-icon {
  background-color: var(--gradient-base-accent-2);
  width: 9.6rem;
  height: 8.6rem;
  border-radius: 50%;
  margin: 0 auto;
}
.b-corp__metric-item img {
  width: 4.8rem;
  height: 4.8rem;
  position: relative;
  top: 1.6rem;;
}

.b-corp__metric-subtitle {
  color: #567761;
  width: 200px;
  margin: 1rem auto;
}

/* Mobile Devices */
@media (max-width: 480px) {
  .b-corp {
    margin-top: 0;
  }

  .b-corp__container,
  .b-corp__what-is-container,
  .b-corp__whats-next,
  .b-corp__metrics-container,
  .b-corp__metrics-impact {
    display: flex;
    flex-direction: column;
    padding: 3rem;
    margin: 0;
    gap: 1rem;
  }

  .b-corp__what-is-right-column,
  .b-corp__what-is-left-column {
    padding: 0;
  }

  .b-corp__whats-next-img-line {
    left: 200px;
    height: 250px;
  }
}

/* Tablets iPads (Portrait) */
@media (min-width: 768px) and (max-width: 1024px) {
  .b-corp__what-is-container {
    padding: 1rem;
  }
}