.color-cards .top-content {
  text-align: center;
  margin-top: 4.8rem;
}
.color-cards .top-content h2 {
  margin-bottom: 0rem;
}
.color-cards .top-content h3 {
  margin: 2.4rem 0 0 0;
}
.color-cards .card-item {
  border-radius: 10px;
  padding: 3.2rem;
}
@media screen and (min-width: 992px) {
  .color-cards .card-item {
    margin-bottom: 0;
    min-height: 25rem;
    position: relative;
  }
}
.color-cards .card-item .card-item-body {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 6.4rem;
}
.color-cards .card-item .card-item-body figure {
  margin: 0;
}
.color-cards .card-item .card-item-body .card-item-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 6.4rem;
}
@media screen and (min-width: 992px) {
  .color-cards .card-item .card-item-body .card-item-content h3 {
    position: absolute;
    bottom: 3.2rem;
    left: 3.2rem;
    right: 3.2rem;
  }
}
.color-cards .card-item .card-item-body .card-item-content h3,
.color-cards .card-item .card-item-body .card-item-content h2,
.color-cards .card-item .card-item-body .card-item-content h1 {
  color: white;
  margin: 0;
}
.color-cards .bottom-content {
  border-radius: 10px;
  background: var(--Neutral-White, #fff);
  padding: 3.2rem 2.4rem;
}
.color-cards .bottom-content p {
  margin: 0;
}

.color-card-partner .top-content {
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .color-card-partner .top-content {
    max-width: 40%;
  }
}
.color-card-partner .top-content h2 {
  margin-top: 4.6rem;
}
@media screen and (min-width: 992px) {
  .color-card-partner .top-content h2 {
    margin-top: 4.8rem;
  }
}
.color-card-partner .bottom-content p {
  font-weight: 600;
}
.color-card-partner .card-item {
  min-height: auto;
}
.color-card-partner .card-item h3 {
  font-size: 2.4rem;
}
@media screen and (min-width: 992px) {
  .color-card-partner .card-item {
    min-height: 29.6rem;
  }
  .color-card-partner .card-item .card-item-body .card-item-content h3 {
    font-size: 2.4rem;
    position: unset;
  }
}

.impact-color-cards .mt-56 {
  margin-top: 6.4rem;
}
@media screen and (min-width: 992px) {
  .impact-color-cards .mt-56 {
    margin-top: 5.6rem;
  }
}
.impact-color-cards .mb-56 {
  margin-bottom: 6.4rem;
}
@media screen and (min-width: 992px) {
  .impact-color-cards .mb-56 {
    margin-bottom: 5.6rem;
  }
}

.donation-at-work .top-content {
  margin-top: 0.6rem;
}
@media screen and (min-width: 992px) {
  .donation-at-work .top-content {
    margin-top: 0;
  }
}
.donation-at-work .card-item .card-item-body .card-item-content {
  gap: 1.9rem;
}

.mt-56 {
  margin-top: 5.6rem;
}

.mt-24 {
  margin-top: 2.4rem;
}

.mt-32 {
  margin-top: 3.2rem;
}

.mt-48 {
  margin-top: 4.8rem;
}

.mb-56 {
  margin-bottom: 5.6rem;
}

.mb-24 {
  margin-bottom: 2.4rem;
}

.mb-32 {
  margin-bottom: 3.2rem;
}

.mb-48 {
  margin-bottom: 4.8rem;
}

.mb-100 {
  margin-bottom: 6.4rem;
}
@media screen and (min-width: 992px) {
  .mb-100 {
    margin-bottom: 10rem;
  }
}

.color-cards.colors-database .top-content {
  margin-top: 6.4rem;
}
@media screen and (min-width: 992px) {
  .color-cards.colors-database .top-content {
    margin-top: 15rem;
  }
}
.color-cards.colors-database .mb-100 {
  padding-bottom: 6.4rem;
  margin: 0;
}
@media screen and (min-width: 992px) {
  .color-cards.colors-database .mb-100 {
    padding-bottom: 10rem;
    margin: 0;
  }
}/*# sourceMappingURL=style.css.map */